@extends('layouts.vertical')

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

@endsection

@php
    $is_child = "";
    $is_child_exist = false;
    if(app('request')->input('c')){
        $is_child = app('request')->input('c');
    }
    if(app('request')->input('child')){
        $is_child = app('request')->input('child');
    }

    $currency = config('constant.currency');
    $scurrency = "€";
    if(isset($init->schoolBillingSetup->payee->currency) && $init->schoolBillingSetup->payee->currency != "" && isset($currency[$init->schoolBillingSetup->payee->currency])) {
        $scurrency = $currency[$init->schoolBillingSetup->payee->currency]['symbol'];
    }
    $addOnsType = config('constant.addOnsType');
@endphp

@section('breadcrumb')
<div class="row page-title align-items-center">
    <div class="col-xl">
        <h4 class="mb-1 mt-0 font-weight-medium">Manage recurring billing</h4>
    </div>
    <div class="col col-md-auto ml-md-auto">
        <a href="javascript:;" class="mb-md-0 mb-2 text-danger text-underline font-weight-semibold btn-stop-recurring-billing" data-child="{{$init->childBillingInfo->child->_id}}">Stop recurring billing</a>
    </div>
</div>
@endsection

@section('content')
<div class="row">
    <div class="col-md-12">
        <form action="{{ route('billing.children.recurring.update') }}" method="POST" class="billing-setup-recurring-form" enctype="multipart/form-data">
            @csrf
            <input type="hidden" name="child" value="{{ $init->childBillingInfo->child->_id }}">
            <input type="hidden" name="school" value="{{ $init->childBillingInfo->school }}">
            <input type="hidden" name="room" value="{{ $init->childBillingInfo->child->room }}">
            <div class="card">
                <div class="card-body">
                    <div class="row">
                        <div class="col-sm order-2 order-sm-1">
                            <div class="media">
                                <img src="{{ $init->childBillingInfo->child->profileImage }}" class="img-child small">
                                <div class="media-body media-right">
                                    <h3 class="font-size-18 mb-0">{{ $init->childBillingInfo->child->name }}</h3>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row border-bottom my-4 mx-n5"></div>
                    <h5 class="text-success font-size-18 mb-3">What type of billing would you like to setup?</h3>
                    <div class="">
                        <div class="custom-control-inline">
                            <div class="custom-control custom-radio mb-2 mr-3">
                                <input type="radio" id="customRadio1" name="subscriptionType" class="custom-control-input add-type" {{$init->childBillingInfo->type == "b7" ? "checked" : ""}} data-error="radio-error" value="1" data-old="{{$init->childBillingInfo->type == "b7" ? 1 : 0}}" data-name="subscription package">
                                <label class="custom-control-label" for="customRadio1">Subscription package {{$init->childBillingInfo->type == "b7" ? "(current)" : ""}}</label>
                            </div>
                            <div class="custom-control custom-radio mb-2 mr-3">
                                <input type="radio" id="customRadio2" name="subscriptionType" class="custom-control-input add-type" {{$init->childBillingInfo->type == "b8" && $init->childBillingInfo->useSession == false ? "checked" : ""}} data-error="radio-error" value="2" data-old="{{$init->childBillingInfo->type == "b8" && $init->childBillingInfo->useSession == false ? 1 : 0}}" data-name="attendance hours">
                                <label class="custom-control-label" for="customRadio2">Attendance hours {{$init->childBillingInfo->type == "b8" && $init->childBillingInfo->useSession == false ? "(current)" : ""}}</label>
                            </div>
                            <div class="custom-control custom-radio mb-2 mr-3">
                                <input type="radio" id="customRadio3" name="subscriptionType" class="custom-control-input add-type" {{$init->childBillingInfo->type == "b9" ? "checked" : ""}} data-error="radio-error" value="3" data-old="{{$init->childBillingInfo->type == "b9" ? 1 : 0}}" data-name="daily">
                                <label class="custom-control-label" for="customRadio3">Daily {{$init->childBillingInfo->type == "b9" ? "(current)" : ""}}</label>
                            </div>
                            <div class="custom-control custom-radio mb-2">
                                <input type="radio" id="customRadio4" name="subscriptionType" class="custom-control-input add-type" {{$init->childBillingInfo->type == "b8" && $init->childBillingInfo->useSession == true ? "checked" : ""}} data-error="radio-error" value="4" data-old="{{$init->childBillingInfo->type == "b8" && $init->childBillingInfo->useSession == true ? 1 : 0}}" data-name="session">
                                <label class="custom-control-label" for="customRadio4">Session rates {{$init->childBillingInfo->type == "b8" && $init->childBillingInfo->useSession == true ? "(current)" : ""}}</label>
                            </div>
                        </div>
                        <div class="radio-error"></div>
                    </div>
                    <div class="row border-bottom my-5 mx-n5 session-rate" style="display:{{$init->childBillingInfo->type == "b8" && $init->childBillingInfo->useSession == true ? 'flex' : 'none'}}"></div>
                    <div class="row session-rate mb-4" style="display:{{$init->childBillingInfo->type == "b8" && $init->childBillingInfo->useSession == true ? 'flex' : 'none'}}">
                        <div class="col-md">
                            <h5 class="font-size-18 text-success mb-0">How session rates work?</h5>
                        </div>
                        <div class="col-md-auto ml-md-auto">
                            <a class="font-size-18 text-pink" href="" target="_blank">Watch how it works!</a>
                        </div>
                    </div>
                    <div class="row session-rate mb-4" style="display:{{$init->childBillingInfo->type == "b8" && $init->childBillingInfo->useSession == true ? 'flex' : 'none'}}">
                        <div class="col-md-12">
                            <h5 class="font-size-16 mb-2">We will apply the session rates you defined in billing setup to children’s billing, if they match their attendance schedule. If a child has schedules applied that do not have a session rate, your hourly rate will be used for any schedules that do not have a session rate applied.</h5>
                            {{-- <h5 class="font-size-16">Example: If there’s a session rate like €10 for Toddler room 9am to 11am, <br/>And a child also has this scheduled defined in their attendance, <br/>Then we’ll consider €10 instead of the hourly rate!</h5> --}}
                        </div>
                    </div>
                    <div class="row border-bottom my-5 mx-n5 subscription-package" style="display:{{$init->childBillingInfo->type == "b7" ? 'block' : 'none'}}"></div>
                    <h5 class="font-size-18 mb-4 subscription-package" style="display:{{$init->childBillingInfo->type == "b7" ? 'block' : 'none'}}">Select a subscription package</h5>
                    <div class="row added-package subscription-package" style="display:{{$init->childBillingInfo->type == "b7" ? '' : 'none'}}">
                        @if(isset($init->schoolBillingSetup->subscriptions) && !empty($init->schoolBillingSetup->subscriptions))
                        @foreach($init->schoolBillingSetup->subscriptions as $subscription)
                        <div class="col-xl-6 mb-3 package-item {{$init->childBillingInfo->package == $subscription->_id ? "selected" : ""}}">
                            <div class="border p-4 rounded">
                                <div class="row align-items-center px-3">
                                    <div class="col-md p-0">
                                        <h5 class="font-size-20 font-weight-medium mb-0 sub-package-name">{{$subscription->name}}</h5>
                                        <p class="mb-0">{{$subscription->days}} {{$subscription->days > 1 ? 'days' : 'day' }} per week</p>
                                    </div>
                                    <div class="mt-2 mt-md-0 col-md-auto p-0">
                                        <span class="package-price">{{$scurrency}}{{$subscription->amount}}/month</span>
                                    </div>
                                </div>
                                <div class="mt-3">
                                    <div class="">
                                        <input type="hidden" value="{{json_encode(["_id" => $subscription->_id, "name" => $subscription->name, "amount" => $scurrency . $subscription->amount, "days" => $subscription->days, "description" => $subscription->description ])}}" class="packege-info">
                                        <input type="radio" name="subscriptionId" class="package" value="{{$subscription->_id}}" data-days="{{$subscription->days}}" data-error="subscription-error" {{$init->childBillingInfo->package == $subscription->_id ? "checked" : ""}} data-old="{{$init->childBillingInfo->package == $subscription->_id ? 1 : 0}}">
                                        <a href="javascript:;" class="btn btn-soft-success btn-sm btn-select-package">Select</a>
                                    </div>
                                    <div class="col-12 px-0 package-days">
                                        <div class="week-days week-success">
                                            <div class="checkbox-tag checkbox-success d-inline-block">
                                                <input type="checkbox" class="checkbox sub-pack-days" name="days[{{$subscription->_id}}][]" id="day-{{$subscription->_id}}-1" value="1" data-error="days-{{$subscription->_id}}-error" {{$init->childBillingInfo->package == $subscription->_id && in_array(1, $init->childBillingInfo->days) ? "checked" : ""}}>
                                                <label for="day-{{$subscription->_id}}-1">M</label>
                                            </div>
                                            <div class="checkbox-tag checkbox-success d-inline-block">
                                                <input type="checkbox" class="checkbox sub-pack-days" name="days[{{$subscription->_id}}][]" id="day-{{$subscription->_id}}-2" value="2" data-error="days-{{$subscription->_id}}-error" {{$init->childBillingInfo->package == $subscription->_id && in_array(2, $init->childBillingInfo->days) ? "checked" : ""}}>
                                                <label for="day-{{$subscription->_id}}-2">T</label>
                                            </div>
                                            <div class="checkbox-tag checkbox-success d-inline-block">
                                                <input type="checkbox" class="checkbox sub-pack-days" name="days[{{$subscription->_id}}][]" id="day-{{$subscription->_id}}-3" value="3" data-error="days-{{$subscription->_id}}-error" {{$init->childBillingInfo->package == $subscription->_id && in_array(3, $init->childBillingInfo->days) ? "checked" : ""}}>
                                                <label for="day-{{$subscription->_id}}-3">W</label>
                                            </div>
                                            <div class="checkbox-tag checkbox-success d-inline-block">
                                                <input type="checkbox" class="checkbox sub-pack-days" name="days[{{$subscription->_id}}][]" id="day-{{$subscription->_id}}-4" value="4" data-error="days-{{$subscription->_id}}-error" {{$init->childBillingInfo->package == $subscription->_id && in_array(4, $init->childBillingInfo->days) ? "checked" : ""}}>
                                                <label for="day-{{$subscription->_id}}-4">T</label>
                                            </div>
                                            <div class="checkbox-tag checkbox-success d-inline-block">
                                                <input type="checkbox" class="checkbox sub-pack-days" name="days[{{$subscription->_id}}][]" id="day-{{$subscription->_id}}-5" value="5" data-error="days-{{$subscription->_id}}-error" {{$init->childBillingInfo->package == $subscription->_id && in_array(5, $init->childBillingInfo->days) ? "checked" : ""}}>
                                                <label for="day-{{$subscription->_id}}-5">F</label>
                                            </div>
                                            <div class="checkbox-tag checkbox-success d-inline-block">
                                                <input type="checkbox" class="checkbox sub-pack-days" name="days[{{$subscription->_id}}][]" id="day-{{$subscription->_id}}-6" value="6" data-error="days-{{$subscription->_id}}-error" {{$init->childBillingInfo->package == $subscription->_id && in_array(6, $init->childBillingInfo->days) ? "checked" : ""}}>
                                                <label for="day-{{$subscription->_id}}-6">S</label>
                                            </div>
                                            <div class="checkbox-tag checkbox-success d-inline-block">
                                                <input type="checkbox" class="checkbox sub-pack-days" name="days[{{$subscription->_id}}][]" id="day-{{$subscription->_id}}-7" value="0" data-error="days-{{$subscription->_id}}-error" {{$init->childBillingInfo->package == $subscription->_id && in_array(0, $init->childBillingInfo->days) ? "checked" : ""}}>
                                                <label for="day-{{$subscription->_id}}-7">S</label>
                                            </div>
                                        </div>
                                        <div class="days-{{$subscription->_id}}-error"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        @endforeach
                        @endif
                        <div class="col-12 subscription-error"></div>
                    </div>

                    @if(isset($init->schoolBillingSetup->addOns) && !empty($init->schoolBillingSetup->addOns))
                    <div class="row border-bottom my-5 mx-n5"></div>
                    <h5 class="font-size-18 mb-4"><span class="edited" id="edit-addons" title="" data-toggle="tooltip" data-html="true" style="display: none"></span>Select Add-ons, Discounts & Subsidy</h5>
                    <div class="row added-package">
                        @foreach($init->schoolBillingSetup->addOns as $addOn)
                        <div class="col-md-6 col-xl-4 mb-3 package-item">
                            <div class="border p-3 rounded">
                                <div class="row align-items-center px-3">
                                    <div class="col-md p-0">
                                        <h5 class="font-size-20 font-weight-medium mb-0 addon-name">{{$addOn->name}}</h5>
                                        <p class="mb-0">{{isset($addOnsType[$addOn->amountType]) ? $addOnsType[$addOn->amountType] . ':' : ''}} {{$addOn->amountType == 2 ? $addOn->amount.'% total of the invoice' : $scurrency.$addOn->amount.'/month' }}</p>
                                        @if($addOn->amountType != 2)
                                        <p class="mb-0 amount-diff">Weekly = {{$scurrency}}{{$addOn->amount/4}} | biweekly = {{$scurrency}}{{$addOn->amount/2}}</p>
                                        @endif
                                    </div>
                                    <div class="mt-2 mt-md-0 col-md-auto p-0">
                                        <div class="package-control package-success package-radio">
                                            <input type="checkbox" class="package-control-input check-addons-edit" name="addOns[]" value="{{$addOn->_id}}" id="addons-{{$addOn->_id}}" data-error="add-ons-error" {{in_array($addOn->_id, array_column($init->childBillingInfo->addOns, 'addOn')) ? "checked" : ""}} data-old="{{in_array($addOn->_id, array_column($init->childBillingInfo->addOns, 'addOn')) ? 1 : 0}}" data-target="#edit-addons">
                                            <label for="addons-{{$addOn->_id}}"></label>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        @endforeach
                        <div class="col-12 add-ons-error"></div>
                    </div>
                    <p class="mb-0">Note: If you remove an add-on, discount & subsidy, it will be removed from the next invoice. <br />For example, if you add a new add-on to an existing invoice, the recipient will have to pay the entire amount of the new add-on.</p>
                    @endif

                    <div class="row border-bottom my-4 mx-n5"></div>
                    <h5 class="font-size-18 mb-4"><span class="edited" id="edit-billing-period" title="" data-toggle="tooltip" style="display: none"></span>Billing period</h5>
                    <div class="row date-group">
                        <div class="col-lg-6">
                            <div class="form-group row">
                                <label class="col-lg-4 col-xl-3 col-form-label">Start date <span class="ml-1" title="Postpaid: Invoice will be sent 7, 14 or 30 days (dependent on the billing cycle) after the start date chosen. Pre-Paid: Invoices are immediately generated on the start date chosen. The billing period is dependent on the billing cycle chosen. For example, if your pre-paid invoice start date is the 03/03/23 and the billing cycle is monthly (i.e. 30 days), then the invoice will generate on the 03/03/23 and the billing period will be from the 03/03/23 - 01/04/23. The next invoice after the first billing period, will generate on the 02/05/2023 (e.g. 30 days after the last invoice billing period)." data-toggle="tooltip"><i class="icon-info"></i></span></label>
                                <div class="col-lg-8 col-xl-9">
                                    <span class="flatpickr-arrow"></span>
                                    <input type="text" class="form-control flatpickr from-date check-edit" name="billStartDate" value="{{\Carbon\Carbon::parse($init->childBillingInfo->billStartDate)->format('d/m/Y')}}" data-old="{{\Carbon\Carbon::parse($init->childBillingInfo->billStartDate)->format('d/m/Y')}}" data-chargeFrom="{{\Carbon\Carbon::parse($init->childBillingInfo->chargeFromDate)->format('d/m/Y')}}" data-target="#edit-billing-period" data-name="start date" disabled>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-6">
                            <div class="form-group row">
                                <label class="col-lg-4 col-xl-3 col-form-label">End date</label>
                                <div class="col-lg-8 col-xl-9">
                                    <span class="flatpickr-arrow"></span>
                                    <input type="text" class="form-control flatpickr flatpickr-input to-date check-edit" name="billEndDate" value="{{\Carbon\Carbon::parse($init->childBillingInfo->billEndDate)->format('d/m/Y')}}" data-old="{{\Carbon\Carbon::parse($init->childBillingInfo->billEndDate)->format('d/m/Y')}}" data-target="#edit-billing-period" data-name="end date">
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-6">
                            <div class="form-group row">
                                <label class="col-lg-4 col-xl-3 col-form-label">Billing cycle <span class="ml-1" title="Billing cycles and invoices are sent on a fixed rolling basis, dependent on the start date chosen. Start dates cannot be backdated. You can use manual invoicing for any previous or outstanding invoices/amount. Weekly: invoices are sent every 7 days, Bi-Weekly: every 14 days and Monthly invoices are sent every 30 days from the start date chosen above." data-toggle="tooltip"><i class="icon-info"></i></span></label>
                                <div class="col-lg-8 col-xl-9">
                                    <select class="form-control cycle check-edit" data-plugin="customselect" name="billCycle" data-placeholder="Select" data-old="{{$init->childBillingInfo->billCycle}}" data-target="#edit-billing-period" data-name="billing cycle">
                                        <option value="">Select</option>
                                        @foreach (config('constant.billingCycle') as $k => $v)
                                        <option value="{{$k}}" {{(isset($init->childBillingInfo->nextBillCycle) &&  $init->childBillingInfo->nextBillCycle == $k) || (!isset($init->childBillingInfo->nextBillCycle) && $init->childBillingInfo->billCycle == $k) ? 'selected' : ''}}>{{$v}}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-6">
                            <div class="form-group row">
                                <label class="col-lg-4 col-xl-3 col-form-label">Billing type <span class="" data-toggle="tooltip" data-html="true" title="It's not possible to change from pre-paid to postpaid and vice versa. Please cancel the subscription package first and then create a new package with the billing type of your choice."><i class="icon-info"></i></span></label>
                                <div class="col-lg-8 col-xl-9">
                                    <select class="form-control invoice-method" data-plugin="customselect" data-placeholder="Select" disabled>
                                        <option value="">Select</option>
                                        @foreach (config('constant.invoiceMethod') as $k => $v)
                                        <option value="{{$k}}" {{(isset($init->childBillingInfo->invoiceMethod) && $init->childBillingInfo->invoiceMethod == $k) ? 'selected' : ''}}>{{$v}}</option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="invoice-date" style="dispaly:none"><p class="mb-0">The first invoice will be sent on the <span class="first-invoice-date" data-date="{{isset($init->childBillingInfo->nextInvoice) && !empty($init->childBillingInfo->nextInvoice) ? \Carbon\Carbon::parse($init->childBillingInfo->nextInvoice)->format('d/m/Y') : ''}}">{invoice date}</span> on a <span class="invoice-cycle">{weekly}</span> basis.</p></div>
                    <div class=""><p class="mb-0">If you change the billing cycle, the new cycle will come into effect after the current cycle ends.<br/>Example: If it’s an invoice is set to a weekly billing cycle and you change to monthly, the system will start the monthly cycle after the weekly cycle ends.</p></div>

                    <div class="row border-bottom my-5 mx-n5 funded-hour" style="display:{{ $init->childBillingInfo->type == "b8" ? 'flex' : 'none'}}"></div>
                    <div class="row funded-hour mb-4" style="display:{{ $init->childBillingInfo->type == "b8" ? 'flex' : 'none'}}">
                        <div class="col-md">
                            <h5 class="font-size-18 text-success mb-0">Funded hours</h5>
                        </div>
                        <div class="col-md-auto ml-md-auto">
                            <a class="font-size-18 text-pink" href="{{route('billing.manage.funded.hours')}}" target="_blank">Manage funded hours</a>
                        </div>
                    </div>
                    <div class="row funded-hour mb-4" style="display:{{ $init->childBillingInfo->type == "b8" ? 'flex' : 'none'}}">
                        <div class="col-md-12">
                            <h5 class="font-size-16">You can add funded hours to be automatically deducted from children’s scheduled attended hours on a weekly, bi-weekly or monthly basis. This billing cycle is dependent on the billing cycle chosen. TeachKloud will automatically deduct any funded hours from the scheduled attended hours to calculate the final amount payable by the parent. The final payable amount is determined by your hourly rate which can be edited in the billing set-up.</h5>
                        </div>
                    </div>
                </div>
            </div>
            @if(isset($pendingBill) && !empty($pendingBill) && isset($pendingBill->charge) && $pendingBill->charge > 0 && \Carbon\Carbon::parse($pendingBill->billStartDate)->format('d/m/Y') != \Carbon\Carbon::today()->format('d/m/Y'))
            <div class="card sub-pack-change" style="display: none">
                <div class="card-body">
                    <p class="mb-0 text-danger subscription-package-change" style="display: none"><b>You’ve changed the subscription package.</b></p>
                    <p class="mb-0 text-danger billing-type-change" style="display: none"><b>You’ve changed the billing type <span class="bill-type-from">attendance hours</span> to <span class="bill-type-to">subscription package</span>.</b></p>
                    <p class="mb-4">The parent needs to pay {{$pendingBill->currency}}{{$pendingBill->charge}} for {{\Carbon\Carbon::parse($pendingBill->chargeToDate)->diffInDays(\Carbon\Carbon::parse($pendingBill->chargeFromDate))}} days ({{\Carbon\Carbon::parse($pendingBill->chargeFromDate)->format('d/m/Y')}} to {{\Carbon\Carbon::parse($pendingBill->chargeToDate)->format('d/m/Y')}}).</p>
                    <div class="">
                        <div class="custom-control-inline">
                            <div class="custom-control custom-radio mb-2 mr-3">
                                <input type="radio" id="customRadio11" name="chargeRemainingAmount" class="custom-control-input" checked data-error="chargeRemainingAmount-error" value="1">
                                <label class="custom-control-label" for="customRadio11">Send invoice of remaining amount</label>
                            </div>
                            <div class="custom-control custom-radio mb-2 mr-3">
                                <input type="radio" id="customRadio22" name="chargeRemainingAmount" class="custom-control-input" data-error="chargeRemainingAmount-error" value="0" checked>
                                <label class="custom-control-label" for="customRadio22">Don’t send the invoice</label>
                            </div>
                        </div>
                        <div class="chargeRemainingAmount-error"></div>
                    </div>
                </div>
            </div>
            @endif
            <div class="row">
                <div class="col-md-12">
                    <div class="alert alert-danger">
                        <p class="mb-0 text-danger">All changes will be reflected in future invoices, starting with the next invoice</p>
                    </div>
                </div>
            </div>
            <div>
                <button type="submit" class="btn btn-success btn-min-width">Save changes</button>
            </div>
        </form>
    </div>
</div>

@include('school.billing.stop-recurring-invoice-modal')

<div class="modal modal-medium fade" id="subPackageInfoModal" role="dialog" aria-labelledby="" aria-modal="true">
    <div class="modal-dialog modal-dialog-scrollable modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-header">
                <h3 class="modal-title mb-1 package-name"></h3>
                <p class="mb-0"><span class="package-days"></span> (per week)</p>
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body pt-2 pb-4">
                <div class=""><b>Package price: </b><span class="package-amount"></span></div>
                <div class=""><b>Description: </b><span class="package-description"></span></div>
            </div>
        </div>
    </div>
</div>
@endsection

@section('script-bottom')
<script type="text/javascript">
var getChildPendingInfoUrl = "{{ route('billing.children.pending.bill.info') }}";
var backUrl = "{{ route('billing.children', ['room' => $init->childBillingInfo->child->room]) }}";
var oldAddOns = null;
</script>
<script defer src="{{ Helper::assets('assets/libs/moment/moment.min.js') }}" type="text/javascript"></script>
<script defer src="{{ Helper::assets('assets/libs/validation/validate.min.js') }}" type="text/javascript"></script>
<script defer src="{{ Helper::assets('assets/libs/select2/select2.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-recurring.js') }}?v=2" type="text/javascript"></script>
@endsection