@extends('layouts.app')

@section('stitle', __('messages.accountStatement'))
@section('title', __('messages.accountStatement'))

@section('content')
    <div class="app-content content">
        <div class="content-overlay"></div>
        <div class="header-navbar-shadow"></div>
        <div class="content-wrapper container-xxl p-0">
            @if(session()->get('title') == "success")
                <div class="alert alert-success" role="alert">
                    <h4 class="alert-heading">Success</h4>
                    <div class="alert-body">
                        {{ session()->get('message') }}
                    </div>
                </div>
            @elseif (session()->get('title') == "error")
                <div class="alert alert-danger" role="alert">
                    <h4 class="alert-heading">Error</h4>
                    <div class="alert-body">
                        {{ session()->get('message') }}
                    </div>
                </div>
            @endif
            <div class="content-header row">
                <div class="content-header-left col-md-6 col-12 mb-2">
                    <div class="row breadcrumbs-top">
                        <div class="col-12">
                            <h2 class="content-header-title float-left mb-0">@yield('title')</h2>
                            <div class="breadcrumb-wrapper">
                                <ol class="breadcrumb">
                                    <li class="breadcrumb-item">
                                        <div class="badge badge-warning">
                                            <i data-feather="star" class="mr-25"></i>
                                            <span> {{__('messages.accountStatement')}} </span>
                                        </div>
                                    </li>
                                </ol>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="content-body">
                <section class="invoice-preview-wrapper">
                    <div class="row invoice-preview">
                        <!-- Invoice -->
                        <div class="col-12">
                            <div class="card invoice-preview-card">
                                <div class="card-body invoice-padding pb-0">
                                    <!-- Header starts -->
                                    <div class="d-flex justify-content-center flex-md-row flex-column invoice-spacing mt-0">
                                        <div>
                                            <h3> {{(setUserLang() == "ar") ? $chartAcc->code .' - '. $chartAcc->arabic_name : $chartAcc->code  .' - '. $chartAcc->name }}</h3>
                                        </div>
                                    </div>
                                    <!-- Header ends -->
                                    <!-- Filter starts -->
                                    <form id="filter_form" name="filter_form" action="{{ route('coa.filter_accounts') }}" method="POST">
                                        @csrf
                                        <div class="d-flex justify-content-between flex-md-row mt-0">
                                            <div class="form-group col-md-3 col-12">
                                                <label for="text">{{__('messages.location')}}</label>
                                                <select class="select2 form-control selected_branch_option" id="select_branch" name="branch" >
                                                    <option value="" >{{__('messages.SelectBranch')}}</option>
                                                    <option selected value="all_0"{{strpos($main_branch, 'all') !== false && $branchOption == 0 ? 'selected':''}}>{{__('messages.All')}}</option>
                                                    <optgroup class="opt-group" label="Branches">
                                                        @foreach($branches as $branch)
                                                            <option value="br_{{ $branch->id }}"{{ (strpos($main_branch, 'br') !== false &&  $branchOption== $branch->id ? 'selected': (old('branch') == $branch->id && strpos($main_branch, 'ac') !== false ? 'selected':''))}} > {{ $branch->name }} </option>
                                                        @endforeach
                                                    </optgroup>
                                                    <optgroup class="opt-group" label="Account">
                                                        <option value="ac_{{ Auth::user()->business_id }}" {{strpos($main_branch, 'ac') !== false && $branchOption == Auth::user()->business_id ? 'selected':''}}> Main AC </option>
                                                    </optgroup>
                                                </select>
                                            </div>
                                            <div class="form-group col-md-3 col-12">
                                                <label for="text">{{__('messages.name')}}</label>
                                                <select class="name_select select2 form-control form-control-lg" data-row="1"   name="name_id">
                                                    <option value="0">N/A</option>
                                                    <optgroup class="opt-group" data-type_id="{{ \App\Models\JournalEntryType::IS_USER }}" label="employees">
                                                        @foreach($employees as  $employee)
                                                            <option value="employees_{{ $employee->id}}" {{ strpos( $pay_sup_id, 'employees') !== false && $whatIWant == $employee->id   ? 'selected': ''}}  >{{$employee->name}}</option>
                                                        @endforeach
                                                    </optgroup>
                                                    <optgroup class="opt-group" data-type_id="{{ \App\Models\JournalEntryType::IS_WAREHOUSE }}" label="Warehouse">
                                                        @foreach($warehouses as  $warehouse)
                                                            <option value="warehouse_{{ $warehouse->id}}" >{{$warehouse->name}}</option>
                                                        @endforeach
                                                    </optgroup>
                                                    <optgroup class="opt-group" data-type_id="{{ \App\Models\JournalEntryType::IS_BRANCH }}" label="Branch">
                                                        @foreach($branches as  $branch)
                                                            <option value="branch_{{ $branch->id}}" >{{$branch->name}}</option>
                                                        @endforeach
                                                    </optgroup>
                                                    <optgroup class="opt-group" data-type_id="{{ \App\Models\JournalEntryType::IS_SUPPLIER }}" label="Suppliers">
                                                            @foreach($suppliers as  $supplier)
                                                                <option value="supplier_{{ $supplier->id}}" {{ strpos($pay_sup_id, 'supplier') !== false && $whatIWant == $supplier->id   ? 'selected': ''}}  >{{$supplier->name}}</option>
                                                            @endforeach
                                                    </optgroup>
                                                    <optgroup class="opt-group" data-type_id="{{ \App\Models\JournalEntryType::IS_PAYMENT_METHOD }}" label="Payment Methods">
                                                        @foreach($paymentMethods as $payment)
                                                            <option value="payment_{{$payment->id}}" {{ strpos($pay_sup_id, 'payment') !== false && $whatIWant == $payment->id   ? 'selected': ''}} >{{$payment->name}}</option>
                                                        @endforeach
                                                    </optgroup>
                                                    <optgroup class="opt-group" data-type_id="{{ \App\Models\JournalEntryType::IS_PURCHASE_TYPE }}" label="Purchase Type">
                                                        @foreach($purchase_types as $purchase)
                                                            <option value="purchase_{{$purchase->id}}" {{ strpos($pay_sup_id, 'purchase') !== false && $whatIWant == $purchase->id   ? 'selected': ''}}>{{$purchase->name}}</option>
                                                        @endforeach
                                                    </optgroup>
                                                    <optgroup class="opt-group" data-type_id="{{ \App\Models\JournalEntryType::VAT_TYPE }}" label="VAT Type">
                                                        <option value="vat_{{ \App\Models\JournalEntryType::IS_INPUT }}" {{ strpos($pay_sup_id, 'vat') !== false && $whatIWant == \App\Models\JournalEntryType::IS_INPUT   ? 'selected': ''}} >VAT - Incoming</option>
                                                        <option value="vat_{{ \App\Models\JournalEntryType::IS_OUTPUT }}" {{ strpos($pay_sup_id, 'vat') !== false && $whatIWant == \App\Models\JournalEntryType::IS_OUTPUT   ? 'selected': ''}} >VAT - Outgoing</option>
                                                    </optgroup>
                                                </select>
                                            </div>
                                            <div class="col-md-3 col-12 form-group">
                                                <label for="text">{{__('messages.StartDate')}}</label>
                                                <input class="form-control my-flatpickr-basic" id="start_date" type="text"  name="start_date" placeholder="{{__('messages.StartDate')}}"    tabindex="3" value="{{ old('start_date') ?? $start_date }}" required/>
                                            </div>
                                            <div class="col-md-3 col-12 form-group">
                                                <label for="text">{{__('messages.EndDate')}}</label>
                                                <input class="form-control my-flatpickr-basic" id="end_date" type="text"  name="end_date" placeholder="{{__('messages.EndDate')}}"    tabindex="3" value="{{ old('end_date') ?? $end_date }}" required/>
                                            </div>
                                        </div>

                                        <input type="hidden" name="chart_acc_id" value="{{$chartAcc->id}}">
                                        <input type="hidden" name="business_id" value="{{$chartAcc->business_id}}">

                                        <div class="d-flex justify-content-end flex-md-row mt-0 mr-1 mb-1">
                                            <div class="form-group mt-1 mb-1">
                                                <button type="submit" class="btn btn-secondary" onclick="filter_form.action='{{route('coa.export',$id)}}'";>{{__('messages.Export')}}</button>
                                                <button type="submit" class="btn btn-success" onclick="filter_form.action='{{ route('coa.filter_accounts') }}'" id="btn_filter">{{__('messages.filter')}}</button>
                                            </div>
                                        </div>
                                    </form>


                                    {{--<div class="col-3 offset-9">
                                        <div class="form-group row">
                                            <div class="col-2 col-form-label">
                                                <label for="">Branch: </label>
                                            </div>
                                            <div class="col-10">
                                                <select class="select2 form-control" id="" name="" aria-hidden="true">
                                                    <option value="age">Branch 1</option>
                                                </select>
                                            </div>
                                        </div>
                                    </div>--}}
                                    <!-- Filter ends -->
                                </div>


                                <!-- Address and Contact starts -->
{{--                                <div class="card-body invoice-padding pt-0">--}}
{{--                                    <div class="row invoice-spacing">--}}
{{--                                        <div class="col-xl-8 p-0">--}}
{{--                                            <h6 class="mb-2">{{__('messages.SupplierDetail')}}:</h6>--}}
{{--                                            <h6 class="mb-25">{{$purchase_requisition->suppliers->name}}</h6>--}}
{{--                                            <p class="card-text mb-25">{{$purchase_requisition->suppliers->address}}</p>--}}
{{--                                            <p class="card-text mb-0">{{$purchase_requisition->suppliers->email}}</p>--}}
{{--                                        </div>--}}
{{--                                        <div class="col-xl-4 p-0 mt-xl-0 mt-2">--}}
{{--                                            <h6 class="mb-2">{{__('messages.PaymentDetails')}}:</h6>--}}
{{--                                            <table>--}}
{{--                                                <tbody>--}}
{{--                                                <tr>--}}
{{--                                                    <td class="pr-1" style="background-color: #eee;">{{__('messages.Total')}} {{ $purchase_requisition->purchaseType->name }} :</td>--}}

{{--                                                    <td style="background-color: #eee;"><span class="font-weight-bold"><strong>{{ number_format($purchase_requisition->total, 2) }} {{ Auth::user()->business->currency->symbol }}</strong></span></td>--}}
{{--                                                </tr>--}}
{{--                                                <tr>--}}
{{--                                                    <td class="pr-1">{{__('messages.BankDetails')}}:</td>--}}
{{--                                                    <td>{{$purchase_requisition->suppliers->bank_details}}</td>--}}
{{--                                                </tr>--}}
{{--                                                <tr>--}}
{{--                                                    <td class="pr-1">{{__('messages.VAT')}}:</td>--}}
{{--                                                    <td>{{$purchase_requisition->suppliers->vat}}</td>--}}
{{--                                                </tr>--}}
{{--                                                </tbody>--}}
{{--                                            </table>--}}
{{--                                        </div>--}}
{{--                                    </div>--}}
{{--                                </div>--}}
                                <!-- Address and Contact ends -->

                                <!-- Invoice Description starts -->
                                <div class="table-responsive mb-1">
                                    <table class="table">
                                        <thead>
                                        <tr>
                                            <th>{{__('messages.date')}}</th>
                                            <th>{{__('messages.account')}}</th>
                                            <th>{{__('messages.name')}}</th>
                                            <th>{{__('messages.TYPE')}}</th>
                                            <th>{{__('messages.transaction')}}</th>
                                            <th>{{__('messages.REFERENCE')}}</th>
                                            <th>{{__('messages.debits')}}</th>
                                            <th>{{__('messages.Credit')}}</th>
                                            <th>{{__('messages.balance')}} ({{ Auth::user()->business->currency->symbol }})</th>
                                        </tr>
                                        </thead>
                                        <tbody>
{{--                                        @foreach($data as $chartOfAcc)--}}
{{--                                                @include('accounting.sub_category_view',['subcategories' => $chartOfAcc,'level' => 0, 'total_debit' => $total_debit])--}}
{{--                                        @endforeach--}}
                                            @php
                                                $total_debit = 0;
                                                $total_credit = 0;
                                            @endphp
                                        @if($year_closing)
                                            <tr class="opening_row">
                                                <td><a href="#">{{ $year_closing }}</a></td>
                                                <td></td>
                                                <td></td>
                                                <td><a href="#">{{__('messages.opening_amount')}}</a></td>
                                                <td></td>
                                                <td></td>
                                                <td></td>
                                                <td></td>
                                                <td class="opening_bal"><a href="#">{{ $opening_balance }}</a></td>
                                            </tr>
                                        @foreach($data as $journalEntry)
                                            <tr>
                                                <td style="width: 13%"><a href="{{route('journal.edit',$journalEntry->journal_entry_id)}}">{{ $journalEntry->getJournalEntry->journal_date }}</a></td>
                                                <td><a href="{{route('journal.edit',$journalEntry->journal_entry_id)}}">{{ $journalEntry->getChartOfAccount->name }}</a></td>
                                                @if($journalEntry->journal_type()->count() > 0)
                                                    @if($journalEntry->journal_type->type == \App\Models\JournalEntryType::IS_SUPPLIER)
                                                        <td><a href="{{route('journal.edit',$journalEntry->journal_entry_id)}}">{{$journalEntry->journal_type->supplier->name}}</a></td>
                                                    @elseif($journalEntry->journal_type->type == \App\Models\JournalEntryType::IS_USER)
                                                        <td><a href="{{route('journal.edit',$journalEntry->journal_entry_id)}}">{{$journalEntry->journal_type->user->name}}</a></td>
                                                    @elseif($journalEntry->journal_type->type == \App\Models\JournalEntryType::IS_PAYMENT_METHOD)
                                                        <td><a href="{{route('journal.edit',$journalEntry->journal_entry_id)}}">{{$journalEntry->journal_type->paymentMethod->name}}</a></td>
                                                    @elseif($journalEntry->journal_type->type == \App\Models\JournalEntryType::IS_PURCHASE_TYPE)
                                                        <td><a href="{{route('journal.edit',$journalEntry->journal_entry_id)}}">{{$journalEntry->journal_type->purchaseType->name}}</a></td>
                                                    @elseif($journalEntry->journal_type->type == \App\Models\JournalEntryType::VAT_TYPE)
                                                        <td><a href="{{route('journal.edit',$journalEntry->journal_entry_id)}}">{{$journalEntry->journal_type->type_id == \App\Models\JournalEntryType::IS_INPUT ? "VAT - Incoming": "VAT - Outgoing" }}</a></td>
                                                    @elseif($journalEntry->journal_type->type == \App\Models\JournalEntryType::IS_WAREHOUSE)
                                                        <td><a href="{{route('journal.edit',$journalEntry->journal_entry_id)}}">{{$journalEntry->journal_type->warehouse->name}}</a></td>
                                                    @elseif($journalEntry->journal_type->type == \App\Models\JournalEntryType::IS_BRANCH)
                                                        <td><a href="{{route('journal.edit',$journalEntry->journal_entry_id)}}">{{$journalEntry->journal_type->branch->name}}</a></td>
                                                    @else
                                                        <td></td>
                                                    @endif
                                                @else
                                                    <td></td>
                                                @endif

                                                <td><a href="{{route('journal.edit',$journalEntry->journal_entry_id)}}">{{__('messages.journalEntry')}}</a></td>
                                                <td style="width: 20%"><a href="{{route('journal.edit',$journalEntry->journal_entry_id)}}">{{ $journalEntry->comment }}</a></td>
                                                <td><a href="{{route('journal.edit',$journalEntry->journal_entry_id)}}">{{ $journalEntry->getJournalEntry->entry_no }}</a></td>
                                                <td><p><a class="acc_debit" href="{{route('journal.edit',$journalEntry->journal_entry_id)}}">{{ $journalEntry->debit }} {{ Auth::user()->business->currency->symbol }} </a></p></td>
                                                <td><p><a class="acc_credit" href="{{route('journal.edit',$journalEntry->journal_entry_id)}}">{{ $journalEntry->credit }} {{ Auth::user()->business->currency->symbol }} </a></p></td>
                                                <td><p><a href="{{route('journal.edit',$journalEntry->id)}}">
                                                    @if($journalEntry->debit != '0.00')
                                                        @php
                                                            $opening_balance += $journalEntry->debit;
                                                            $total_debit +=$opening_balance;
                                                            format_balance($opening_balance);
                                                            Log::channel('test_log')->info("INSIDE DebitTotal: {$opening_balance}");
                                                        @endphp
                                                    @else
                                                        @php
                                                            $opening_balance -= $journalEntry->credit;
                                                            $total_credit +=$opening_balance;
                                                            format_balance($opening_balance);
                                                            Log::channel('test_log')->info("INSIDE CreditTotal: {$opening_balance}");
                                                        @endphp
                                                    @endif
                                                </a></p></td>
                                            </tr>
                                        @endforeach
                                        <tr class="total_row" style="border-top: 2px solid #00000024;">
                                            <td>{{__('messages.total')}}</td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                            <td class="invoice-total-debit">{{ Auth::user()->business->currency->symbol }}</td>
                                            <td class="invoice-total-credit">{{ Auth::user()->business->currency->symbol }}</td>
                                            <td></td>
                                        </tr>
                                        <tr class="net_row" style="border-top: 2px solid #00000024;">
                                            <td>{{ $to_date }}</td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                            <td>{{__('messages.netMovement')}}</td>
                                            <td></td>
                                            @if($total_credit > $total_debit)
                                                <td>0.00 {{ Auth::user()->business->currency->symbol }}</td>
                                                <td class="net_bal">{{ format_balance(abs($opening_balance)) }}</td>
                                            @else
                                                <td>0.00 {{ Auth::user()->business->currency->symbol }}</td>
                                                <td class="net_bal">{{ format_balance(abs($opening_balance)) }}</td>
                                            @endif

                                            <td></td>
                                        </tr>
                                        <tr class="closing_row" style="border-top: 2px solid #00000024; border-bottom: 2px solid #00000024;">
                                            <td>{{ $to_date }}</td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                            <td>{{__('messages.closingBalance')}}</td>
                                            <td></td>
                                            <td></td>
                                            <td></td>
                                            <td class="closing_bal">{{ format_balance($opening_balance) }}</td>
                                        </tr>
                                        @endif
                                        </tbody>
                                    </table>
                                </div>

{{--                                <div class="card-body invoice-padding pb-0 mt-1">--}}
{{--                                    <div class="row invoice-sales-total-wrapper">--}}
{{--                                        <div class="col-md-6 order-md-1 order-2 mt-md-0 mt-3">--}}
{{--                                            <p class="card-text mb-0">--}}
{{--                                                <span class="font-weight-bold">{{__('messages.CreatedBy')}}:</span> <span class="ml-75"> --</span>--}}
{{--                                            </p>--}}
{{--                                        </div>--}}
{{--                                        <div class="col-md-6 d-flex justify-content-end order-md-2 order-1">--}}
{{--                                            <div class="invoice-total-wrapper">--}}
{{--                                                <div class="invoice-total-item">--}}
{{--                                                    <p class="invoice-total-title">{{__('messages.totalDebit')}}:</p>--}}
{{--                                                    <p class="invoice-total-debit">{{ Auth::user()->business->currency->symbol }}</p>--}}
{{--                                                </div>--}}
{{--                                                <hr class="my-50" />--}}
{{--                                                <div class="invoice-total-item" style="background-color: #eee;">--}}
{{--                                                    <p class="invoice-total-title">{{__('messages.totalCredit')}} :</p>--}}
{{--                                                    <p class="invoice-total-credit">{{ Auth::user()->business->currency->symbol }}</p>--}}
{{--                                                </div>--}}
{{--                                            </div>--}}
{{--                                        </div>--}}
{{--                                    </div>--}}
{{--                                </div>--}}
                                <!-- Invoice Description ends -->

{{--                                <hr class="invoice-spacing" />--}}

                                <!-- Invoice Note starts -->
                                <div class="card-body invoice-padding pt-0">
                                    <div class="row">
                                        <div class="col-12">
                                            <span class="font-weight-bold">Note:</span>
                                            <span>It was a pleasure working with you and your team. We hope you will keep us in mind for future
                                                projects. Thank You!</span>
                                        </div>
                                    </div>
                                </div>
                                <!-- Invoice Note ends -->
                            </div>
                        </div>
                        <!-- /Invoice -->
                    </div>
                </section>

                <!-- Send Invoice Sidebar -->
                <div class="modal modal-slide-in fade" id="send-invoice-sidebar" aria-hidden="true">
                    <div class="modal-dialog sidebar-lg">
                        <div class="modal-content p-0">
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">×</button>
                            <div class="modal-header mb-1">
                                <h5 class="modal-title">
                                    <span class="align-middle">Send Invoice</span>
                                </h5>
                            </div>
                            <div class="modal-body flex-grow-1">
                                <form>
                                    <div class="form-group">
                                        <label for="invoice-from" class="form-label">From</label>
                                        <input type="text" class="form-control" id="invoice-from" value="shelbyComapny@email.com" placeholder="company@email.com" />
                                    </div>
                                    <div class="form-group">
                                        <label for="invoice-to" class="form-label">To</label>
                                        <input type="text" class="form-control" id="invoice-to" value="qConsolidated@email.com" placeholder="company@email.com" />
                                    </div>
                                    <div class="form-group">
                                        <label for="invoice-subject" class="form-label">Subject</label>
                                        <input type="text" class="form-control" id="invoice-subject" value="Invoice of purchased Admin Templates" placeholder="Invoice regarding goods" />
                                    </div>

                                    <div class="form-group">
                                        <span class="badge badge-light-primary">
                                            <i data-feather="link" class="mr-25"></i>
                                            <span class="align-middle">Invoice Attached</span>
                                        </span>
                                    </div>
                                    <div class="form-group d-flex flex-wrap mt-2">
                                        <button type="button" class="btn btn-primary mr-1" data-dismiss="modal">Send</button>
                                        <button type="button" class="btn btn-outline-secondary" data-dismiss="modal">Cancel</button>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- /Send Invoice Sidebar -->

                <!-- Add Payment Sidebar -->
                <div class="modal modal-slide-in fade" id="add-payment-sidebar" aria-hidden="true">
                    <div class="modal-dialog sidebar-lg">
                        <div class="modal-content p-0">
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">×</button>
                            <div class="modal-header mb-1">
                                <h5 class="modal-title">
                                    <span class="align-middle">Add Payment</span>
                                </h5>
                            </div>
                            <div class="modal-body flex-grow-1">
                                <form>
                                    <div class="form-group">
                                        <input id="balance" class="form-control" type="text" value="Invoice Balance: 5000.00" disabled />
                                    </div>
                                    <div class="form-group">
                                        <label class="form-label" for="amount">Payment Amount</label>
                                        <input id="amount" class="form-control" type="number" placeholder="$1000" />
                                    </div>
                                    <div class="form-group">
                                        <label class="form-label" for="payment-date">Payment Date</label>
                                        <input id="payment-date" class="form-control date-picker" type="text" />
                                    </div>
                                    <div class="form-group">
                                        <label class="form-label" for="payment-method">Payment Method</label>
                                        <select class="form-control" id="payment-method">
                                            <option value="" selected disabled>Select payment method</option>
                                            <option value="Cash">Cash</option>
                                            <option value="Bank Transfer">Bank Transfer</option>
                                            <option value="Debit">Debit</option>
                                            <option value="Credit">Credit</option>
                                            <option value="Paypal">Paypal</option>
                                        </select>
                                    </div>
                                    <div class="form-group">
                                        <label class="form-label" for="payment-note">Internal Payment Note</label>
                                        <textarea class="form-control" id="payment-note" rows="5" placeholder="Internal Payment Note"></textarea>
                                    </div>
                                    <div class="form-group d-flex flex-wrap mb-0">
                                        <button type="button" class="btn btn-primary mr-1" data-dismiss="modal">Send</button>
                                        <button type="button" class="btn btn-outline-secondary" data-dismiss="modal">Cancel</button>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- /Add Payment Sidebar -->
            </div>
        </div>
    </div>

@endsection


@push('my_scripts')
    <script>
    $(function(){
        $('#filter_form').validate({
            rules: {
                start_date: {
                    required:true,
                },
                end_date: {
                    greaterThan: ["#start_date","Start Date"]
                },
                branch: {
                    required: true,
                }
            },
            messages:{
                start_date: {
                    required: "Please provide a Start Date",
                },
                end_date: {
                    required: "Please provide a End Date",
                },
                branch: {
                    required: "Please provide a Location",
                }
            },
            errorElement: 'span',

            errorPlacement: function (error, element) {
                error.addClass('invalid-feedback');
                element.closest('.form-group').append(error);
            },
            highlight: function (element, errorClass, validClass) {
                $(element).addClass('is-invalid');
            },
            unhighlight: function (element, errorClass, validClass) {
                $(element).removeClass('is-invalid');
            },


        });
        //  Must be greater than Start Date.
        jQuery.validator.addMethod("greaterThan", function(value, element, params) {
            if ($(params[0]).val() != '') {
                if (!/Invalid|NaN/.test(new Date(value))) {
                    return new Date(value) >= new Date($(params[0]).val());
                }
                return isNaN(value) && isNaN($(params[0]).val()) || (Number(value) >= Number($(params[0]).val()));
            };
            return true;
        },'Must be greater than {1}.');
        //  Must be greater than Start Date.

        let total_debit  = 0;
        let total_credit = 0;
        $('.acc_debit').each(function(){
            total_debit += parseFloat($(this).html().trim());
            console.log(total_debit)
        })
        $('.invoice-total-debit').prepend(total_debit + " ");
        $('.acc_credit').each(function(){
            total_credit += parseFloat($(this).html().trim());
            console.log(total_credit)
        })
        $('.invoice-total-credit').prepend(total_credit + " ");

        $('.my-flatpickr-basic').pickadate({
            onStart: function() {
            },
            format: 'dd mmmm, yyyy',
            formatSubmit: 'yyyy/mm/dd',
            closeOnSelect: true,
            closeOnClear: true,
            selectYears: true,
            selectMonths: true,


        });
    });
    </script>
@endpush