@extends('layouts.app')

@section('title') @lang('Lead Verification') @endsection

@section('css')
<!-- Sweet Alert-->
<link href="{{ URL::asset('build/libs/sweetalert2/sweetalert2.min.css') }}" rel="stylesheet" type="text/css" />
@endsection

@section('content')

@component('components.breadcrumb')
@slot('li_1') Lead Verification @endslot
@slot('title') {{ $lead->serial_no }} @endslot
@endcomponent



<div class="row">
    <div class="col-lg-12">
        <div class="card">
            <div class="card-body">
                <h4 class="card-title mb-0">Verify Lead</h4>

                <div class="row">

                    <div class="col-xl-12">
                        <div class="mt-4">
                            <h5 class="font-size-14">Lead - {{ $lead->serial_no }}</h5>
                            <p class="card-title-desc">Please review each sections and verify the submitted data.</p>

                            <div class="accordion accordion-flush" id="accordionFlushExample">
                                <div class="accordion-item">
                                    <h2 class="accordion-header" id="flush-headingInit">
                                        <button class="accordion-button fw-medium" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseInit" aria-expanded="{{ ($active ?? null) === null ? 'true' : 'false' }}" aria-controls="flush-collapseInit">
                                            Facility Application
                                        </button>
                                    </h2>
                                    <div id="flush-collapseInit" class="accordion-collapse collapse {{ ($active ?? null) === null ? 'show' : '' }}" aria-labelledby="flush-headingInit" data-bs-parent="#accordionFlushExample">
                                        <div class="accordion-body text-muted">
                                            <table class="table table-borderless">
                                                <tr>
                                                    <th>Title / Summary</th>
                                                    <td>: {{ $lead->title_summary }}</td>
                                                </tr>
                                                <tr>
                                                    <th>Facility</th>
                                                    <td>: {{ $lead->facility->description }}</td>
                                                </tr>
                                                <tr>
                                                    <th>Purpose</th>
                                                    <td>: {{ $lead->purpose->description }}</td>
                                                </tr>
                                                <tr>
                                                    <th>Status</th>
                                                    <td>: {{ $lead->current_status->description }}</td>
                                                </tr>
                                            </table>
                                            @if(!empty($lead->verify_status_1))
                                            <div class="bg-light p-3 mb-3">
                                                <div class="row">
                                                    <h6 class="fw-bold">First Verification</h6>
                                                    <div class="col-lg-6">
                                                        <span class="text-dark fw-bold">Status:</span>
                                                        @if($lead->verify_status_1 == 'accepted')
                                                        <span class="badge bg-success">{{ ucfirst($lead->verify_status_1) }}</span>
                                                        @elseif($lead->verify_status_1 == 'rejected')
                                                        <span class="badge bg-danger">{{ ucfirst($lead->verify_status_1) }}</span>
                                                        @else
                                                        <span class="badge bg-secondary">{{ ucfirst($lead->verify_status_1) }}</span>
                                                        @endif
                                                    </div>
                                                    <div class="col-lg-6">
                                                        <span class="text-dark fw-bold">Remarks:</span>
                                                        <span>{{ $lead->verify_remarks_1 ?? '-' }}</span>
                                                    </div>
                                                    <div class="col-lg-6">
                                                        <span class="text-dark fw-bold">Verified By:</span>
                                                        <span>{{ $lead->verify_by_1 ?? '-' }}</span>
                                                    </div>
                                                    <div class="col-lg-6">
                                                        <span class="text-dark fw-bold">Date/Time:</span>
                                                        <span>
                                                            {{ $lead->verify_at_1 ? \Carbon\Carbon::parse($lead->verify_at_1)->format('d/m/Y h:i A') : '-' }}
                                                        </span>
                                                    </div>
                                                </div>
                                                @if(!in_array($lead->verify_status_1, ['accepted', 'rejected']))
                                                <div class="mt-3">
                                                    <button type="button" class="btn btn-success me-2" onclick="accept('init')">Accept</button>
                                                    <button type="button" class="btn btn-danger" onclick="reject('init')">Reject</button>
                                                </div>
                                                @endif
                                            </div>
                                            @endif
                                            @if(!empty($lead->verify_status_2))
                                            <div class="bg-light p-3">
                                                <div class="row">
                                                    <h6 class="fw-bold">Second Verification</h6>
                                                    <div class="col-lg-6">
                                                        <span class="text-dark fw-bold">Status:</span>
                                                        @if($lead->verify_status_2 == 'accepted')
                                                        <span class="badge bg-success">{{ ucfirst($lead->verify_status_2) }}</span>
                                                        @elseif($lead->verify_status_2 == 'rejected')
                                                        <span class="badge bg-danger">{{ ucfirst($lead->verify_status_2) }}</span>
                                                        @else
                                                        <span class="badge bg-secondary">{{ ucfirst($lead->verify_status_2) }}</span>
                                                        @endif
                                                    </div>
                                                    <div class="col-lg-6">
                                                        <span class="text-dark fw-bold">Remarks:</span>
                                                        <span>{{ $lead->verify_remarks_2 ?? '-' }}</span>
                                                    </div>
                                                    <div class="col-lg-6">
                                                        <span class="text-dark fw-bold">Verified By:</span>
                                                        <span>{{ $lead->verify_by_2 ?? '-' }}</span>
                                                    </div>
                                                    <div class="col-lg-6">
                                                        <span class="text-dark fw-bold">Date/Time:</span>
                                                        <span>
                                                            {{ $lead->verify_at_2 ? \Carbon\Carbon::parse($lead->verify_at_2)->format('d/m/Y h:i A') : '-' }}
                                                        </span>
                                                    </div>
                                                </div>
                                            </div>
                                            @if(!in_array($lead->verify_status_2, ['accepted', 'rejected']))
                                            <div class="mt-3">
                                                <button type="button" class="btn btn-success me-2" onclick="accept('init')">Accept</button>
                                                <button type="button" class="btn btn-danger" onclick="reject('init')">Reject</button>
                                            </div>
                                            @endif
                                            @endif
                                        </div>
                                        <div class="accordion-item">
                                            <h2 class="accordion-header" id="flush-headingApplicant">
                                                <button class="accordion-button fw-medium collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseApplicant" aria-expanded="false" aria-controls="flush-collapseApplicant">
                                                    Applicant Information
                                                </button>
                                            </h2>
                                            <div id="flush-collapseApplicant" class="accordion-collapse collapse" aria-labelledby="flush-headingApplicant" data-bs-parent="#accordionFlushExample">
                                                <div class="accordion-body text-muted">
                                                    <div class="row">
                                                        <div class="col-lg-12">
                                                            <div class="row mb-3">
                                                                <div class="col-lg-2 text-dark fw-bold d-flex justify-content-between">
                                                                    <span>Name of Entity</span>
                                                                    <span class="text-end">:</span>
                                                                </div>
                                                                <div class="col-lg-10">{{ optional($lead->applicant)->applicant_name ?? '-' }}</div>
                                                            </div>
                                                        </div>
                                                        @if(optional($lead->applicant)->applicant_type == 'IND')
                                                        <div class="col-lg-12">
                                                            <div class="row mb-3">
                                                                <div class="col-lg-2 text-dark fw-bold d-flex justify-content-between">
                                                                    <span>NRIC</span>
                                                                    <span class="text-end">:</span>
                                                                </div>
                                                                <div class="col-lg-10">{{ optional($lead->applicant)->applicant_nric ?? '-' }}</div>
                                                            </div>
                                                        </div>
                                                        @else
                                                        <div class="col-lg-6">
                                                            <div class="row mb-3">
                                                                <div class="col-lg-4 text-dark fw-bold d-flex justify-content-between">
                                                                    <span>Date of Registration</span>
                                                                    <span class="text-end">:</span>
                                                                </div>
                                                                <div class="col-lg-8">{{ optional($lead->applicant)->applicant_brd ?? '-' }}</div>
                                                            </div>
                                                        </div>
                                                        <div class="col-lg-6">
                                                            <div class="row mb-3">
                                                                <div class="col-lg-4 text-dark fw-bold d-flex justify-content-between">
                                                                    <span>Business Registration No.</span>
                                                                    <span class="text-end">:</span>
                                                                </div>
                                                                <div class="col-lg-8">{{ optional($lead->applicant)->applicant_brn ?? '-' }}</div>
                                                            </div>
                                                        </div>
                                                        @endif
                                                        <div class="col-lg-12">
                                                            <div class="row mb-3">
                                                                <div class="col-lg-2 text-dark fw-bold d-flex justify-content-between">
                                                                    <span>Business Address</span>
                                                                    <span class="text-end">:</span>
                                                                </div>
                                                                <div class="col-lg-10">{{ optional($lead->applicant)->applicant_address_1 ?? '-' }}</div>
                                                            </div>
                                                        </div>
                                                        @if(!empty(optional($lead->applicant)->applicant_address_2))
                                                        <div class="col-lg-12">
                                                            <div class="row mb-3">
                                                                <div class="col-lg-2 text-dark fw-bold d-flex justify-content-between"></div>
                                                                <div class="col-lg-10">{{ $lead->applicant->applicant_address_2 }}</div>
                                                            </div>
                                                        </div>
                                                        @endif
                                                        <div class="col-lg-12">
                                                            <div class="row mb-3">
                                                                <div class="col-lg-2 text-dark fw-bold d-flex justify-content-between"></div>
                                                                <div class="col-lg-10">
                                                                    {{ optional($lead->applicant)->applicant_postcode ?? '' }}
                                                                    {{ optional($lead->applicant)->applicant_city ?? '' }}@if(optional($lead->applicant->state)->name), {{ optional($lead->applicant->state)->name }}@endif
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="col-lg-6">
                                                            <div class="row mb-3">
                                                                <div class="col-lg-4 text-dark fw-bold d-flex justify-content-between">
                                                                    <span>Telephone Number</span>
                                                                    <span class="text-end">:</span>
                                                                </div>
                                                                <div class="col-lg-8">
                                                                    @php
                                                                    $phone = optional($lead->applicant)->applicant_phone;
                                                                    @endphp
                                                                    {{ !empty($phone) ? '+60' . $phone : '-' }}
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="col-lg-6">
                                                            <div class="row mb-3">
                                                                <div class="col-lg-4 text-dark fw-bold d-flex justify-content-between">
                                                                    <span>E-Mail Address</span>
                                                                    <span class="text-end">:</span>
                                                                </div>
                                                                <div class="col-lg-8">{{ optional($lead->applicant)->applicant_email ?? '-' }}</div>
                                                            </div>
                                                        </div>
                                                        <div class="col-lg-6">
                                                            <div class="row mb-3">
                                                                <div class="col-lg-4 text-dark fw-bold d-flex justify-content-between">
                                                                    <span>Contact Person</span>
                                                                    <span class="text-end">:</span>
                                                                </div>
                                                                <div class="col-lg-8">{{ optional($lead->applicant)->contact_name ?? '-' }}</div>
                                                            </div>
                                                        </div>
                                                        <div class="col-lg-6">
                                                            <div class="row mb-3">
                                                                <div class="col-lg-4 text-dark fw-bold d-flex justify-content-between">
                                                                    <span>Position</span>
                                                                    <span class="text-end">:</span>
                                                                </div>
                                                                <div class="col-lg-8">{{ optional($lead->applicant)->contact_position ?? '-' }}</div>
                                                            </div>
                                                        </div>
                                                        <div class="col-lg-6">
                                                            <div class="row mb-3">
                                                                <div class="col-lg-4 text-dark fw-bold d-flex justify-content-between">
                                                                    <span>Telephone Number</span>
                                                                    <span class="text-end">:</span>
                                                                </div>
                                                                <div class="col-lg-8">
                                                                    @php
                                                                    $contact_phone = optional($lead->applicant)->contact_phone;
                                                                    @endphp
                                                                    {{ !empty($contact_phone) ? '+60' . $contact_phone : '-' }}
                                                                </div>
                                                            </div>
                                                        </div>
                                                        <div class="col-lg-6">
                                                            <div class="row mb-3">
                                                                <div class="col-lg-4 text-dark fw-bold d-flex justify-content-between">
                                                                    <span>E-Mail Address</span>
                                                                    <span class="text-end">:</span>
                                                                </div>
                                                                <div class="col-lg-8">{{ optional($lead->applicant)->contact_email ?? '-' }}</div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="accordion-item">
                                            <h2 class="accordion-header" id="flush-headingBank">
                                                <button class="accordion-button fw-medium collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseBank" aria-expanded="false" aria-controls="flush-collapseBank">
                                                    Bank Account Information
                                                </button>
                                            </h2>
                                            <div id="flush-collapseBank" class="accordion-collapse collapse" aria-labelledby="flush-headingBank" data-bs-parent="#accordionFlushExample">
                                                <div class="accordion-body text-muted">
                                                    <table class="table table-bordered">
                                                        <thead>
                                                            <tr>
                                                                <th>Bank</th>
                                                                <th>Account Number</th>
                                                                <th>Facility</th>
                                                                <th>Limit</th>
                                                            </tr>
                                                        <tbody>
                                                            @if($lead->banks->isEmpty())
                                                            <tr>
                                                                <td colspan="4" class="text-center text-muted">No bank account information available</td>
                                                            </tr>
                                                            @else
                                                            @foreach($lead->banks as $bank)
                                                            <tr>
                                                                <td>{{ $bank->ref_bank->bank_name ?? '-' }}</td>
                                                                <td>{{ $bank->acc_no ?? '-' }}</td>
                                                                <td>{{ $bank->facility ?? '-' }}</td>
                                                                <td>{{ isset($bank->limit_amount) ? 'RM ' . number_format($bank->limit_amount, 0, '.', ',') : '-' }}</td>
                                                            </tr>
                                                            @endforeach
                                                            @endif
                                                        </tbody>
                                                        </thead>
                                                    </table>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="accordion-item">
                                            <h2 class="accordion-header" id="flush-headingContract">
                                                <button class="accordion-button fw-medium collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseContract" aria-expanded="false" aria-controls="flush-collapseContract">
                                                    Contract Information
                                                </button>
                                            </h2>
                                            <div id="flush-collapseContract" class="accordion-collapse collapse" aria-labelledby="flush-headingContract" data-bs-parent="#accordionFlushExample">
                                                <div class="accordion-body text-muted">
                                                    <div class="accordion-body text-muted">
                                                        <table class="table table-bordered">
                                                            <thead>
                                                                <tr>
                                                                    <th>Contract Title</th>
                                                                    <th>Awarder</th>
                                                                    <th>Amount</th>
                                                                    <th>Payment Method</th>
                                                                </tr>
                                                            <tbody>
                                                                @if($lead->contracts->isEmpty())
                                                                <tr>
                                                                    <td colspan="4" class="text-center text-muted">No contract information available</td>
                                                                </tr>
                                                                @else
                                                                @foreach($lead->contracts as $contract)
                                                                <tr>
                                                                    <td>{{ $contract->contract_title ?? '-' }}</td>
                                                                    <td>{{ $contract->awarder_name ?? '-' }}</td>
                                                                    <td>{{ isset($contract->contract_value) ? 'RM ' . number_format($contract->contract_value, 0, '.', ',') : '-' }}</td>
                                                                    <td>{{ $contract->payment->description ?? '-' }}</td>
                                                                </tr>
                                                                @endforeach
                                                                @endif
                                                            </tbody>
                                                            </thead>
                                                        </table>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="accordion-item">
                                            <h2 class="accordion-header" id="flush-headingPayee">
                                                <button class="accordion-button fw-medium collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapsePayee" aria-expanded="false" aria-controls="flush-collapsePayee">
                                                    Pre-Factoring Payee
                                                </button>
                                            </h2>
                                            <div id="flush-collapsePayee" class="accordion-collapse collapse" aria-labelledby="flush-headingPayee" data-bs-parent="#accordionFlushExample">
                                                <div class="accordion-body text-muted">
                                                    <table class="table table-bordered">
                                                        <thead>
                                                            <tr>
                                                                <th>Payee Company</th>
                                                                <th>Business Address</th>
                                                                <th>Purpose</th>
                                                                <th>Amount</th>
                                                            </tr>
                                                        <tbody>
                                                            @if($lead->payees->isEmpty())
                                                            <tr>
                                                                <td colspan="4" class="text-center text-muted">No payee information available</td>
                                                            </tr>
                                                            @else
                                                            @foreach($lead->payees as $payee)
                                                            <tr>
                                                                <td>{{ $payee->company ?? '-' }}</td>
                                                                <td>
                                                                    {{ $payee->address_1 ?? '' }}
                                                                    @if(!empty($payee->address_2))
                                                                    <br>{{ $payee->address_2 }}
                                                                    @endif
                                                                    @if(!empty($payee->postcode) || !empty($payee->city) || !empty(optional($payee->payee_state)->name))
                                                                    <br>
                                                                    {{ $payee->postcode ?? '' }}
                                                                    {{ $payee->city ?? '' }}
                                                                    @if(!empty(optional($payee->payee_state)->name)), {{ optional($payee->payee_state)->name }}@endif
                                                                    @endif
                                                                </td>
                                                                <td>{{ $payee->purpose ?? '-' }}</td>
                                                                <td>{{ isset($payee->amount) ? 'RM ' . number_format($payee->amount, 0, '.', ',') : '-' }}</td>
                                                            </tr>
                                                            @endforeach
                                                            @endif
                                                        </tbody>
                                                        </thead>
                                                    </table>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="accordion-item">
                                            <h2 class="accordion-header" id="flush-headingDocument">
                                                <button class="accordion-button fw-medium collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseDocument" aria-expanded="false" aria-controls="flush-collapseDocument">
                                                    Documents Checklist
                                                </button>
                                            </h2>
                                            <div id="flush-collapseDocument" class="accordion-collapse collapse" aria-labelledby="flush-headingDocument" data-bs-parent="#accordionFlushExample">
                                                <div class="accordion-body text-muted">
                                                    <table class="w-100">
                                                        <thead>
                                                            <tr>
                                                                <th></th>
                                                                <th class="text-center">Yes</th>
                                                                <th class="text-center">No</th>
                                                            </tr>
                                                        </thead>
                                                        <tbody>
                                                            @foreach($doc_types as $doc)
                                                            @php
                                                            $leadDocs = $lead->docs->where('type', $doc->code);
                                                            $hasDoc = $leadDocs->isNotEmpty();
                                                            @endphp
                                                            <tr>
                                                                <td>
                                                                    {{ $doc->description }}
                                                                    @if($hasDoc)
                                                                    <br>
                                                                    @foreach($leadDocs as $leadDoc)
                                                                    @foreach($leadDoc->files as $file)
                                                                    <a href="{{ asset('uploads/' . ltrim(str_replace('uploads/', '', $file->file_path), '/')) }}" target="_blank">
                                                                        {{ $file->file_name }}
                                                                    </a>
                                                                    @if(!$loop->last)<br>@endif
                                                                    @endforeach
                                                                    @if(!$loop->last)
                                                                    <hr class="my-1">@endif
                                                                    @endforeach
                                                                    @else
                                                                    <span class="text-muted">-</span>
                                                                    @endif
                                                                </td>
                                                                <td class="text-center">
                                                                    <input type="checkbox" {{ $hasDoc ? 'checked' : '' }} disabled style="accent-color: #222;">
                                                                </td>
                                                                <td class="text-center">
                                                                    <input type="checkbox" {{ !$hasDoc ? 'checked' : '' }} disabled style="accent-color: #222;">
                                                                </td>
                                                            </tr>
                                                            @endforeach
                                                        </tbody>
                                                    </table>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="accordion-item">
                                            <h2 class="accordion-header" id="flush-headingFee">
                                                <button class="accordion-button fw-medium collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseFee" aria-expanded="false" aria-controls="flush-collapseFee">
                                                    Fee Payment
                                                </button>
                                            </h2>
                                            <div id="flush-collapseFee" class="accordion-collapse collapse" aria-labelledby="flush-headingFee" data-bs-parent="#accordionFlushExample">
                                                <div class="accordion-body text-muted">Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident.</div>
                                            </div>
                                        </div>
                                        <div class="accordion-item d-none">
                                            <h2 class="accordion-header" id="flush-headingThree">
                                                <button class="accordion-button fw-medium collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseThree" aria-expanded="false" aria-controls="flush-collapseThree">
                                                    Accordion Item #3
                                                </button>
                                            </h2>
                                            <div id="flush-collapseThree" class="accordion-collapse collapse" aria-labelledby="flush-headingThree" data-bs-parent="#accordionFlushExample">
                                                <div class="accordion-body text-muted">Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident.</div>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- end accordion -->
                                </div>
                            </div>
                            <!-- end col -->
                        </div>
                        <!-- end row -->
                    </div>
                </div>
            </div>
        </div>
        <!-- end row -->

        <form id="verify" method="POST" action="{{ route('verification.update', $lead->serial_no) }}" class="mt-4">
            @csrf
            <input id="section" type="text" name="section" value="">
            <input id="status" type="text" name="status" value="">
            <div class="mb-3">
                <label for="remarks" class="form-label">Remarks</label>
                <textarea name="remarks" id="remarks" class="form-control" rows="2" placeholder="Enter remarks"></textarea>
            </div>
        </form>

        @endsection

        @section('script')

        <!-- Sweet Alerts js -->
        <script src="{{ URL::asset('build/libs/sweetalert2/sweetalert2.min.js') }}"></script>

        <!-- Sweet alert init js-->
        <script src="{{ URL::asset('build/js/pages/sweet-alerts.init.js') }}"></script>

        <script>
            function accept(section, content) {
                Swal.fire({
                    title: 'Are you sure?'
                    , text: "Accept this section?"
                    , icon: 'question'
                    , showCancelButton: true
                    , confirmButtonText: 'Yes, accept'
                    , cancelButtonText: 'Cancel'
                }).then((result) => {
                    if (result.isConfirmed) {
                        document.getElementById('section').value = 'init';
                        document.getElementById('status').value = 'accepted';
                        document.getElementById('verify').submit();
                    }
                });
            }

            function reject(section) {
                Swal.fire({
                    title: 'Reject Section'
                    , text: "Please provide remarks for rejection:"
                    , input: 'textarea'
                    , inputLabel: 'Remarks'
                    , inputPlaceholder: 'Enter your remarks here...'
                    , inputAttributes: {
                        'aria-label': 'Remarks'
                    }
                    , showCancelButton: true
                    , confirmButtonText: 'Submit'
                    , cancelButtonText: 'Cancel'
                    , preConfirm: (remarks) => {
                        if (!remarks) {
                            Swal.showValidationMessage('Remarks are required for rejection');
                        }
                        return remarks;
                    }
                }).then((result) => {
                    if (result.isConfirmed) {
                        document.getElementById('section').value = section;
                        document.getElementById('status').value = 'rejected';
                        document.getElementById('remarks').value = result.value;
                        document.getElementById('verify').submit();
                    }
                });
            }

        </script>
        @endsection