@extends('layouts.vertical', ['withLoader' => true])

@php
$billingCycle = config('constant.billingCycle');
$is_update = false;
if(isset($setup->record) && !empty($setup->record)) {
    $is_update = true;
}
$session_hourly_rate = 0;
@endphp

@section('css')
<link href="{{ Helper::assets('assets/libs/flatpickr/flatpickr.min.css') }}" rel="stylesheet" type="text/css" />
@endsection

@section('breadcrumb')
<div class="row page-title align-items-center">
    <div class="col-12">
        <h4 class="mb-1 mt-0 font-weight-medium">{{ $is_update ? 'Update funded hours' : 'Setup funded hours' }}</h4>
    </div>
</div>
@endsection


@section('content')
<div class="row">
    <div class="col-md-12">
        <form method="POST" class="setup-funded-hours-form" action="{{ route('billing.save.funded.hours') }}">
            @csrf
            <input type="hidden" name="room" value="{{$setup->child->room}}">
            <input type="hidden" class="child" name="child" value="{{$setup->child->_id}}">
            @if($is_update)
            <input type="hidden" class="recordId" name="recordId" value="{{ $is_update && isset($setup->record->_id) ? $setup->record->_id : '' }}">
            @endif
            <div class="card">
                <div class="card-body">
                    <div class="d-flex flex-wrap justify-content-between">
                        <div class="d-flex align-items-center">
                            <img src="{{$setup->child->profileImage}}" class="avatar-md rounded-circle mr-2" alt="child" />
                            <h5 class="font-size-18 mb-0">{{$setup->child->name}}</h5>
                        </div>

                        <div class="text-right">
                            <h5 class="font-size-20 text-success mb-1">
                            @if (!$is_update)
                            This child has an active billing type:
                            @else
                            Billing type: 
                            @endif
                            @if($setup->subscription->type == "b7")
                                Subscription package
                            @elseif($setup->subscription->type == "b8")
                                {{ isset($setup->subscription->useSession) && $setup->subscription->useSession == true ? 'Session rates' : 'Attendance hours' }}
                            @elseif($setup->subscription->type == "b9")
                                Daily
                            @endif
                            </h5>
                            <p class="font-weight-500 font-size-16 mb-0">Billing period: <span class="billing-start-date">{{\Carbon\Carbon::parse($setup->subscription->billStartDate)->format('d/m/Y')}}</span> to <span class="billing-end-date">{{\Carbon\Carbon::parse($setup->subscription->billEndDate)->format('d/m/Y')}}</span> ({{isset($billingCycle[$setup->subscription->billCycle]) ? $billingCycle[$setup->subscription->billCycle] : '-'}})</p>
                        </div>
                    </div>
                    <div class="row border-bottom mt-2 mb-4 mx-n5"></div>
                    @if($setup->subscription->type == "b8")
                    <div class="billing-type-attedance-hours">
                        <div class="" style="display: {{!$is_update ? 'block' : 'none' }}">
                            <p class="font-size-18 font-weight-500 text-dark-grey mb-2">Create funding scheme for</p>
                            <div class="custom-control-inline">
                                <div class="custom-control custom-radio mb-2 mr-3">
                                    <input type="radio" id="customRadio1" name="type" class="custom-control-input add-type" data-error="radio-error" value="1" {{ $is_update && (!isset($setup->record->sessions) || (isset($setup->record->sessions) && empty($setup->record->sessions))) ? 'checked' : '' }}>
                                    <label class="custom-control-label" for="customRadio1">Attendance hours</label>
                                </div>
                                <div class="custom-control custom-radio mb-2 mr-3">
                                    <input type="radio" id="customRadio2" name="type" class="custom-control-input add-type" data-error="radio-error" value="2" {{ $is_update && isset($setup->record->sessions) && !empty($setup->record->sessions) ? 'checked' : '' }}>
                                    <label class="custom-control-label" for="customRadio2">Session rates</label>
                                </div>
                            </div>
                            <div class="radio-error"></div>
                        </div>
                        <div class="row border-bottom mt-3 mb-4 mx-n5" style="display: {{!$is_update ? 'flex' : 'none' }}"></div>
                        <div class="">
                            <p class="font-size-18 font-weight-500 text-dark-grey mb-4">{{ $is_update ? 'Update' : 'Add' }} funding scheme details</p>
                            <div class="row">
                                <div class="col-md-6">
                                    <div class="row align-items-center form-group">
                                        <label class="col-lg-4 col-xl-4 col-form-label" for="schemeName">Scheme name</label>
                                        <div class="col-lg-8 col-xl-7">
                                            <input class="form-control" type="text" name="name" id="schemeName" value="{{ $is_update && isset($setup->record->name) ? $setup->record->name : '' }}">
                                        </div>
                                    </div>
                                </div>

                                <div class="col-md-6">
                                    <div class="row align-items-center form-group">
                                        <label class="col-lg-4 col-xl-4 col-form-label" for="fundedHrs">Funded hours</label>
                                        <div class="col-lg-8 col-xl-7">
                                            <div class="input-group ">
                                                <input type="number" class="form-control border border-right-0" name="fundedHrs" id="fundedHrs" value="{{ $is_update && isset($setup->record->fundedHrs) ? $setup->record->fundedHrs : '' }}" data-error="funded-hours-error">
                                                <div class="input-group-append">
                                                    <span class="input-group-text bg-white border">hours/week</span>
                                                </div>
                                            </div>
                                            <div class="funded-hours-error"></div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        @if (!$is_update || ($is_update && isset($setup->record->sessions) && !empty($setup->record->sessions)))
                        <div class="row border-bottom mt-2 mb-4 mx-n5 session-section" style="display: {{($is_update && isset($setup->record->sessions) && !empty($setup->record->sessions)) ? '' : 'none'}}"></div>
                        <div class="session-section" style="display: {{($is_update && isset($setup->record->sessions) && !empty($setup->record->sessions)) ? 'block' : 'none'}}">
                            <p class="font-size-18 font-weight-500 text-dark-grey mb-0">Select sessions</p>
                            <p class="font-size-17 font-weight-500 text-dark-grey mb-3">Select the session that you wish to apply funding to</p>
                            <div class="row">
                                @if(isset($setup->sessions) && !empty($setup->sessions))
                                @foreach($setup->sessions as $session)
                                @php
                                $fromTime =  $toTime = "";
                                $totalMinutes = ($session->toTime - $session->fromTime);
                                if($totalMinutes <= 0 ) {
                                    $totalMinutes = 1;
                                }
                                $amount = round((60 * $session->amount / ceil($totalMinutes)), 2);
                                if(isset($session->fromTime)){
                                    $fromTime = Helper::getTimeFromMinute($session->fromTime);
                                }
                                if(isset($session->toTime)){
                                    $toTime = Helper::getTimeFromMinute($session->toTime);
                                }
                                $is_show = 0;
                                $str = "This session is already assigned to another funding scheme (:fromDate to :toDate)";
                                $str1 = "";

                                if(isset($session->selected) && $session->selected) {
                                    $session_hourly_rate = $amount;
                                }
                                @endphp
                                @if(isset($session->otherSchemes) && !empty($session->otherSchemes))
                                    @php 
                                        $is_show = 1;
                                        $str1 = str_replace(':fromDate', \Carbon\Carbon::parse($session->otherSchemes[0]->fromDate)->format('d/m/Y'), $str);
                                        $str1 = str_replace(':toDate', \Carbon\Carbon::parse($session->otherSchemes[0]->toDate)->format('d/m/Y'), $str1); 
                                    @endphp
                                @endif
                                <div class="col-xl-4 mb-3">
                                    <div class="border p-4 rounded session">
                                        <div class="media">
                                            <div class="media-body mr-2">
                                                <h5 class="font-size-18 font-weight-medium mb-0">{{$session->roomName}} <span class="text-success ml-1">({{$setup->currency}}{{$session->amount}})</span>
                                                    <img src="{{ Helper::assets('assets/images/icons/enable-funding.svg') }}" class="session-use" title="{{$str1}}" data-title-use="{{$str}}" data-toggle="tooltip-nfo" style="{{ $is_show == 1 ? '' : 'display:none' }}"/>
                                                </h5>
                                                <p class="mb-0">{{$fromTime}} to {{$toTime}} <span class="separator-dot"></span> {{$setup->currency}}{{$amount}}/hour</p>
                                            </div>
                                            <div class="">
                                                <div class="checkbox big checkbox-success">
                                                    <input type="checkbox" class="checkbox session-sched" name="sessions" id="session-{{$session->k}}" value="{{$session->room}}|{{$session->fromTime}}|{{$session->toTime}}" data-error="session-error" data-price="{{$amount}}" {{isset($session->selected) && $session->selected ? "checked" : ""}} {{ isset($session->otherSchemes) && !empty($session->otherSchemes) ? 'disabled' : ''}}>
                                                    <label for="session-{{$session->k}}" class="pt-4 pl-4 mr-2"></label>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                @endforeach
                                @endif
                            </div>
                            <div class="session-error"></div>
                        </div>
                        @endif
                        <div class="row border-bottom mt-2 mb-4 mx-n5"></div>
                        <div class="">
                            <p class="font-size-18 font-weight-500 text-dark-grey mb-2">Funding type</p>
                            <div class="row align-items-center">
                                <div class="col-md-6">
                                    <div class="row align-items-center form-group">
                                        {{-- <label class="col-lg-4 col-xl-4 col-form-label pr-lg-0">Funded amount <span class="" title="Funded amounts are usually aligned with government schemes, funding or similar. Fully funded means the child does not pay and is fully funded by a government scheme or similar. Partially funded means the child is funded for some of the childcare fee. For example, the childcare fee may be €/£/$10 per hour but they also receive a subsidy of €/£/$3 per hour, meaning the amount they actually pay is €/£/$7 per hour. TeachKloud will automatically do these calculations for you based on your settings." data-toggle="tooltip-info"><i class="icon-info"></i></span></label> --}}

                                        <div class="col-lg-8 col-xl-7">
                                            <div class="custom-control custom-radio custom-control-inline">
                                                <input type="radio" name="fullyFunded" value="1" id="fullyFunded" class="custom-control-input mb-1" {{ (($is_update && isset($setup->record->fullyFunded) && $setup->record->fullyFunded == true) || !$is_update)  ? 'checked' : '' }}>
                                                <label class="custom-control-label" for="fullyFunded">Fully funded</label>
                                            </div>
                                            <div class="custom-control custom-radio custom-control-inline">
                                                <input type="radio" name="fullyFunded" value="0" id="partiallyFunded" class="custom-control-input mb-1" {{ ($is_update && isset($setup->record->fullyFunded) && $setup->record->fullyFunded == false) ? 'checked' : '' }}>
                                                <label class="custom-control-label" for="partiallyFunded">Partially funded</label>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                <div class="col-md-6">
                                    <div class="row align-items-center form-group">
                                        {{-- <label class="col-lg-6 text-success full-amount-text" style="display: {{ ($is_update && isset($setup->record->fullyFunded) && $setup->record->fullyFunded == false) ? 'none' : 'inline' }}">Funded amount is {{$setup->currency}}{{$setup->applicableAmount}}/hour</label> --}}

                                        <div class="partial-amount-input align-items-center {{ ($is_update && isset($setup->record->fullyFunded) && $setup->record->fullyFunded == false) ? 'd-flex' : 'd-none' }}">
                                            <label class="col-lg-4 col-xl-4 col-form-label" for="amount">Enter amount</label>
                                            <div class="col-lg-8 col-xl-7 input-group-wrapper">
                                                <div class="input-group">
                                                    <div class="input-group-prepend">
                                                        <span class="input-group-text bg-white border pr-0">{{$setup->currency}}</span>
                                                    </div>
                                                    <input type="number" class="form-control border border-left-0 pl-1 border-right-0 amount" name="amount" id="amount" value="{{ $is_update && isset($setup->record->amount) ? $setup->record->amount : '' }}"  data-error="amount-error">
                                                    <div class="input-group-append">
                                                        <span class="input-group-text bg-white border">/hours</span>
                                                    </div>
                                                </div>
                                                <div class="amount-error"></div>
                                            </div>
                                        </div>
                                    </div>
                                </div>

                                @if( isset($setup->isConsumeAllHoursAllowed)  && !empty($setup->isConsumeAllHoursAllowed) && $setup->isConsumeAllHoursAllowed == true)
                                <div class="col-12 mb-3 mt-1">
                                    <div class="checkbox big checkbox-success">
                                        <input type="checkbox" class="checkbox" name="consumeAllHours" id="consumeAllHours" value="1" {{ $is_update && isset($setup->record->consumeAllHours) && !empty($setup->record->consumeAllHours) && $setup->record->consumeAllHours == true ? 'checked' : '' }}>
                                        <label for="consumeAllHours" class="pt-2">Apply funding regardless of whether the child has attended the session or not.</label>
                                        <span class="ml-1" title="TeachKloud will apply the funding hours you have specified to the child's invoice regardless of the attendance schedule hours inputted. For example, if a child attends 14 hours a week and the funded hours you have inputted is 15 hours a week, TeachKloud will still apply the full 15 hours to the invoice and deduct the relevant funding, government rate or subsidy." data-toggle="tooltip-info"><i class="icon-info"></i></span>
                                    </div>
                                </div>
                                @endif

                                <div class="col-12 mb-3 mt-1">
                                    <div class="checkbox big checkbox-success">
                                        <input type="checkbox" class="checkbox" name="roundUpHours" id="roundUpHours" value="1" {{ $is_update && isset($setup->record->roundUpHours) && !empty($setup->record->roundUpHours) && $setup->record->roundUpHours == true ? 'checked' : '' }}>
                                        <label for="roundUpHours" class="pt-2">Round up hours</label>
                                        <span class="ml-1 hour-type" title="The following is only applicable if using attendance hourly billing rates: The rounded up hours rule will be applied to all schedules for this child. That means that if a schedule goes over the hour, then it is rounded up to the next hour. Please note: there may be instances where a child’s schedule goes past the hour for example, a child attending 5-6.45 pm, Mondays and Tuesdays but does not need to be rounded up to the next hour (as they are not being funded for that specific session). If using the rounded up hours rule for hourly billing rates, you will need to go to the attendance schedule and select the green icon next to the specific attendance session from the specific date you wish to remove funding for (e.g from the 27th of September 5-6.45 pm for all Mondays and for all Tuesdays). If the schedule does not go past the hour (example a child who attends Monday and Tuesday 9-5 pm) the rounded up hours will not be applied and so, there is no need to deselect finding in the attendance schedule. It will only be applied to any other sessions the child has that go past the hour, example, the same child may do 9-5 pm, Mondays and Tuesdays but on Fridays attends 9-5.30 pm. The rounded up hours would only be applied to Fridays attendance schedule session, so there would be no need to deselect funding for Monday or Tuesdays attendance schedule session, If you have any questions, use the live chat button to contact us." data-toggle="tooltip-info"><i class="icon-info"></i></span>
                                        <span class="ml-1 session-type" title="The following is only applicable to Irish services, using Billing Parents > Session Rates. Under the attendance rules for round up hours, <b>if a child attends for part of an hour, this is rounded up to a full hour for the purposes of recording attendance</b>. For example, if a child attends a service for 7 hours and 10 minutes, they are considered as having attended for 8 hours. However, TeachKloud the number of funded hours inputted into the funded hours section will never be exceeded. Selecting the rounded up hours button for session rates will be applied to the specific schedule selected. We recommend using funded hours for NCS. This can also be used for ECCE, however, the subsidy section may be a quicker way to deduct ECCE. You may test both methods to see which will work best for you. You can deduct ECCE by selecting billing parents > billing set up > subsidy section (in the add-on's discounts and subsidy). After which, you will need to go to Billing Parents > Children > Set up / Manage recurring billing to add the ECCE deduction. If you have any questions, use the live chat button to contact us (bottom right hand corner on laptops/desktops). We can provide helpful videos and /or answers to your questions" data-toggle="tooltip-info"><i class="icon-info"></i></span>
                                    </div>
                                </div>

                                <div class="col-md-12 partial-fund-warning-text" style="display: {{ ($is_update && isset($setup->record->fullyFunded) && $setup->record->fullyFunded == false) ? 'flex' : 'none' }}">
                                    <p class="text-danger font-weight-500 attendace-rate-sec" style="display: {{ $is_update && (!isset($setup->record->sessions) || (isset($setup->record->sessions) && empty($setup->record->sessions))) ? 'block' : 'none' }}">The childcare hourly rate is {{$setup->currency}}{{$setup->applicableAmount}}/hour, the funded amount is {{$setup->currency}}<span class="funded-amount">0</span>/hour, meaning that the amount the child actually pays per hour is {{$setup->currency}}<span class="total-funded-amount">0</span>/hour</p>
                                    <p class="text-danger font-weight-500 session-rate-sec" style="display: {{ $is_update && isset($setup->record->sessions) && !empty($setup->record->sessions) ? 'block' : 'none' }}">The session hourly rate is {{$setup->currency}}<span class="session-rate">{{$session_hourly_rate}}</span>/hour, the funded amount is {{$setup->currency}}<span class="funded-amount">0</span>/hour, meaning that the amount the child actually pays per hour is {{$setup->currency}}<span class="total-funded-amount">0</span>/hour</p>
                                </div>
                            </div>
                        </div>
                        <div class="row border-bottom mt-2 mb-4 mx-n5"></div>
                        <div class="">
                            <p class="mb-0 font-weight-medium">Please enter the start date the funded hours should start being applied to the child's invoice.</p>
                            <p class="mb-3 font-weight-medium">If you enter a past date, only the current billing period will be invoiced for.</p>
                            <div class="row date-group">
                                <div class="col-md-6">
                                    <div class="form-group row">
                                        <label class="col-lg-4 col-xl-4 col-form-label">Start date</label>
                                        <div class="col-lg-8 col-xl-7">
                                            <span class="flatpickr-arrow"></span>
                                            <input type="text" class="form-control flatpickr flatpickr-input from-date" name="fromDate" value="{{ $is_update && isset($setup->record->fromDate) && !empty($setup->record->fromDate) ? \Carbon\Carbon::parse($setup->record->fromDate)->format('d/m/Y') : '' }}">
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="form-group row">
                                        <label class="col-lg-4 col-xl-4 col-form-label">End date</label>
                                        <div class="col-lg-8 col-xl-7">
                                            <span class="flatpickr-arrow"></span>
                                            <input type="text" class="form-control flatpickr flatpickr-input to-date" name="toDate" value="{{ $is_update && isset($setup->record->toDate) && !empty($setup->record->toDate) ? \Carbon\Carbon::parse($setup->record->toDate)->format('d/m/Y') : '' }}">
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="row stretch-date-input align-items-center" style="display: {{ $is_update && isset($setup->record->stretchDate) && !empty($setup->record->stretchDate) ? 'flex' : 'none' }}">
                                <div class="col-md-6">
                                    <div class="row align-items-center form-group">
                                        <label class="col-lg-4 col-xl-4 col-form-label">Stretch date</label>
                                        <div class="col-lg-8 col-xl-7">
                                            <span class="flatpickr-arrow"></span>
                                            <input type="text" class="form-control flatpickr flatpickr-input stretch-date" name="stretchDate" value="{{ $is_update && isset($setup->record->stretchDate) && !empty($setup->record->stretchDate) ? \Carbon\Carbon::parse($setup->record->stretchDate)->format('d/m/Y') : '' }}">
                                        </div>
                                    </div>
                                </div>
                                <div class="col-md-6 form-group">
                                    <p class="text-pink mb-0">Total period of this funding scheme is <span class="funding-scheme-day">0 weeks and 0 days</span>.</p>
                                </div>
                            </div>
                            <div class="d-flex flex-wrap justify-content-between">
                                <p class="text-pink font-weight-medium no-stretch-text" style="display: {{ $is_update && isset($setup->record->stretchDate) && !empty($setup->record->stretchDate) ? 'none' : 'block' }}">The current period for this funding scheme is <span class="funding-scheme-day">0 weeks and 0 days</span>.</p>
                                <p class="text-danger font-weight-medium stretch-text" style="display: {{ $is_update && isset($setup->record->stretchDate) && !empty($setup->record->stretchDate) ? 'block' : 'none' }}">You’ve stretched the funded hours for <span class="stretched-funding-scheme-day">0 weeks 0 days</span>.</p>

                                <input style="display: none" type="checkbox" name="stretch-check" id="stretchCheck" {{ $is_update && isset($setup->record->stretchDate) && !empty($setup->record->stretchDate) ? 'checked' : '' }}>
                                <label for="stretchCheck" class="text-pink cursor-pointer stretch-btn" style="text-decoration: underline !important;display: {{ $is_update && isset($setup->record->stretchDate) && !empty($setup->record->stretchDate) ? 'none' : 'block' }}">Stretch weeks</label>
                                <label for="stretchCheck" class="text-danger cursor-pointer no-stretch-btn" style="text-decoration: underline !important;display: {{ $is_update && isset($setup->record->stretchDate) && !empty($setup->record->stretchDate) ? 'block' : 'none' }}">Don’t Stretch</label>
                            </div>

                            {{-- <p class="mb-0 font-weight-500 text-danger week-only" style="display: none">The difference between Start and End date should be in multiple of 7. (Ex: 7 days, 14 days, 21 days etc.). Currently, it's <span class="days"></span> days, please adjust the start/end accordingly.</p> --}}

                            {{-- <p class="text-danger font-weight-medium date-not-same" style="display: none">The scheme here ends on the <span class="scheme-end-date"></span> and the billing cycle ends in {{\Carbon\Carbon::parse($setup->subscription->billEndDate)->format('F Y')}}. The funded hours are within the billing cycle. This should be allowed as the funded gov hours usually end in June for example but the child may keep attending after the gov scheme period has ended and will be charged full price.</p> --}}
                        </div>
                    </div>
                    @else
                    <div class="billing-type-subscription">
                        <div class="d-md-flex justify-content-between mb-1">
                            <p class="font-weight-500 font-size-18 text-success">Set billing type as Attendance hours or Session.</p>
                            <a class="font-weight-500 font-size-18 text-pink" href="{{route('billing.children.edit.recurring', ['child' => $setup->child->_id])}}">Manage recurring billing</a>
                        </div>

                        <p class="text-dark-grey font-weight-500 font-size-16">You can set funded hours for the children who have active billing types as Attendance hours or sessions.</p>

                        {{-- <p class="text-dark-grey font-weight-500 font-size-16">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>

                        <p class="text-dark-grey font-weight-500 font-size-16">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.</p> --}}
                    </div>
                    @endif
                </div>
            </div>
            @if($setup->subscription->type == "b8")
            <div class="alert alert-danger text-danger start-date-less" style="display: none">
                <p class="mb-0 font-weight-500">Start date - enter the date the funded hours should start being applied to the child’s invoice. If you enter a past date, only the current billing period will be invoiced for.</p>
            </div>
            
            <p class="font-weight-medium">This funded scheme will be applied on the invoice sent on {{isset($setup->subscription->nextInvoice) && !empty($setup->subscription->nextInvoice) ? \Carbon\Carbon::parse($setup->subscription->nextInvoice)->format('d/m/Y') : \Carbon\Carbon::parse($setup->subscription->billStartDate)->format('d/m/Y') }}.</p>

            <div class="my-4">
                <button class="btn btn-success" type="submit"> Save details </button>
            </div>
            @endif
        </form>
    </div>
</div>
@endsection

@section('script-bottom')
<script defer src="{{ Helper::assets('assets/libs/validation/validate.min.js') }}" type="text/javascript"></script>
<script defer src="{{ Helper::assets('assets/libs/moment/moment.min.js') }}" type="text/javascript"></script>
<script defer src="{{ Helper::assets('assets/libs/flatpickr/flatpickr.min.js') }}" type="text/javascript"></script>
<script defer src="{{ Helper::assets('assets/js/pages/billing-funded-hours-setup.js') }}?{{time()}}" type="text/javascript"></script>
<script>
    var manage_funded_hours_page_2 = "{{ route('billing.manage.funded.hours', ['type' => 2]) }}";
    var funded_hours_used_sessions_url = "{{ route('billing.funded.hours.used-sessions') }}";
    var hourly_rate = ;
</script>
<script type="text/javascript">
    $('[data-toggle="tooltip-info"]').tooltip({template:'<div class="tooltip req-info" role="tooltip"><div class="arrow"></div><div class="tooltip-inner"></div></div>', 'html': true, 'placement': 'bottom' });
    $(document).ready(function() {
        function showTooltip() {
            $(".hour-type, .session-type").hide();
            if ($('.add-type:checked').val() == 2) {
                $(".session-type").show();
            } else {
                $(".hour-type").show();
            }
        }
        
        $('.add-type').on('change', function () {
            showTooltip();
        });
        showTooltip();
    });
</script>
@endsection