@extends('layouts.app')
@section('content')

    @include('layouts.toolbar')

    <div id="kt_content_container" class="d-flex flex-column-fluid align-items-start container-xxl">
        <div class="content flex-row-fluid" id="kt_content">

            @include('parents.student.deposit-modal')

            <div class="card">
                <div class="card-header border-0 pt-6">
                    <div class="card-title">
                        <div class="d-flex align-items-center position-relative my-1">
                            <h3 class="fw-semibold text-dark mb-0"> Registration & Enrollment </h3>
                        </div>
                    </div>
                </div>

                <div class="card-body py-4 mb-0">
                    <div class="row">
                        <div class="col-2"><span style="color: #ff0000; font-weight: 600;"> Student Name: </span> </div>
                        <div class="col-3">{{ $student->first_name.' '.$student->last_name }} </div>
                    </div>

                    <div class="row">
                        <div class="col-2"><span style="color: #ff0000; font-weight: 600;"> Father Name: </span> </div>
                        <div class="col-3"> {{ !empty($student->parent->father_full_name)?$student->parent->father_full_name:'' }} </div>
                    </div>

                    <div class="row">
                        <div class="col-2"><span style="color: #ff0000; font-weight: 600;"> Mother Name: </span> </div>
                        <div class="col-3"> {{ !empty($student->parent->mother_full_name)?$student->parent->mother_full_name:'' }} </div>
                    </div>

                    <br><br><br>

                    <form id="StudentDeposit" name="StudentDeposit" class="pt-1">
                        {{ csrf_field() }}

                        @php
                        if (isset($deposit->registration_fee_paid)) {
                        $registration_fee = $deposit->registration_fee_paid;
                        if (!$deposit->registration_fee_paid) {
                        $registration_fee = isset(json_decode($deposit->registration_fee)->fee) ? number_format(json_decode($deposit->registration_fee)->fee,2) : 0.00;
                        }

                        } else {

                        $registration_fee = 0.00;
                        }
                        @endphp

                        <input type="hidden" name="parent_id" value="{{$parentID}}">
                        <input type="hidden" name="student_id" value="{{$studentID}}">

                        <div class="row">
                            @if (checkUserPermission('registration_waived'))
                                <div class="col-sm-12 col-md-6 col-lg-6 mb-5">
                                    <label class="required form-label fs-6 fw-semibold"> Registration Fee Waived? </label>
                                    <select name="registration_fee_waiver" id="registration_fee_waiver"
                                            onchange="registrationFeeWaiver(this.value)"
                                            class="form-select form-select-sm form-select-solid" data-control="select2"
                                            data-placeholder="Select an option">
                                        <option value="NO"
                                                @if(isset($deposit->registration_fee_waiver) && $deposit->registration_fee_waiver == 'NO') selected @endif>
                                            NO
                                        </option>
                                        <option value="YES"
                                                @if(isset($deposit->registration_fee_waiver) && $deposit->registration_fee_waiver == 'YES') selected @endif>
                                            YES
                                        </option>
                                    </select>
                                </div>
                            @else
                                <div class="col-sm-12 col-md-6 col-lg-6 mb-5">
                                    <label class="required form-label fs-6 fw-semibold"> Registration Fee Waived? </label>
                                    <input type="text" name="registration_fee_waiver" class="form-control form-select-sm form-control-solid" readonly value="{{ isset($deposit->registration_fee_waiver)?$deposit->registration_fee_waiver:'NO' }}">
                                </div>
                            @endif

                            <div class="col-sm-12 col-md-6 col-lg-6 mb-5">
                                <label class="form-label fs-6 fw-semibold registration_fee_paid"> Registration
                                    Fee Paid </label>
                                <div class="input-group input-group-sm input-group-solid">
                                    <input type="text" name="registration_fee_paid" id="registration_fee_paid"
                                           class="form-control form-control-sm form-control-solid registration_fee_paid"
                                           readonly
                                           placeholder="0.00" value="{{$registration_fee}}">
                                    <div class="input-group-append registration_fee_paid">
                                        <button class="btn btn-secondary btn-sm rounded-0 m-0" type="button"
                                                onclick="openDepositModal('registration_fee')">
                                            <i class="fa fa-pen-to-square"></i>
                                        </button>
                                    </div>
                                </div>
                            </div>

                            @if((session('program') == 1) || (session('program') == 3))
                                                                <div class="col-sm-12 col-md-6 col-lg-6 mb-5">
                                    <label class="required form-label fs-6 fw-semibold"> Material Fee Paid </label>
                                    <div class="input-group input-group-sm input-group-solid">
                                        <input type="text" name="material_deposit_paid" id="material_deposit_paid"
                                               class="form-control form-control-sm form-control-solid" readonly
                                               placeholder="0.00" value="{{$material_deposit}}">
                                        <div class="input-group-append">
                                            <button class="btn btn-secondary btn-sm rounded-0 m-0" type="button"
                                                    onclick="openDepositModal('material_deposit')">
                                                <i class="fa fa-pen-to-square"></i>
                                            </button>
                                        </div>
                                    </div>
                                </div>

                            @else
                                @if (checkUserPermission('material_waived'))
                                    <div class="col-sm-12 col-md-6 col-lg-6 mb-5">
                                        <label class="required form-label fs-6 fw-semibold"> Material Fee Waived? </label>
                                        <select name="material_fee_waiver" id="material_fee_waiver"
                                                class="form-select form-select-sm form-select-solid" data-control="select2"
                                                data-placeholder="Select an option">
                                            <option value="NO"
                                                    @if(isset($deposit->material_fee_waiver) && $deposit->material_fee_waiver== 'NO') selected @endif>
                                                NO
                                            </option>

                                            <option value="YES"
                                                    @if(isset($deposit->material_fee_waiver) && $deposit->material_fee_waiver == 'YES') selected @endif>
                                                YES
                                            </option>
                                        </select>
                                    </div>
                                @else
                                    <div class="col-sm-12 col-md-6 col-lg-6 mb-5">
                                        <label class="required form-label fs-6 fw-semibold"> Material Fee Waived? </label>
                                        <input type="text" name="material_fee_waiver" class="form-control form-select-sm form-control-solid" readonly value="{{ isset($deposit->material_fee_waiver)?$deposit->material_fee_waiver:'NO' }}">
                                    </div>

                                @endif
                            @endif

                                                        <div class="col-sm-12 col-md-6 col-lg-6 mb-5">
                                <label class="form-label fs-6 fw-semibold"> Deposit Paid </label>
                                <div class="input-group input-group-sm input-group-solid">
                                    <input type="text" name="deposit_paid" id="deposit_paid"
                                           class="form-control form-control-sm form-control-solid" readonly
                                           placeholder="0.00" value="{{$depositFee}}">
                                    <div class="input-group-append">
                                        <button class="btn btn-secondary btn-sm rounded-0 m-0" type="button"
                                                onclick="openDepositModal('deposit')">
                                            <i class="fa fa-pen-to-square"></i>
                                        </button>
                                    </div>
                                </div>
                            </div>


                            @if((session('program') == 1) || (session('program') == 2) || (session('program') == 3) || (session('program') == 4))
                                @if (checkUserPermission('lunch_waived'))
                                    <div class="col-sm-12 col-md-6 col-lg-6 mb-5">
    {{--                                    <label class="required form-label fs-6 fw-semibold"> {{ (session('program') == 1)?'Lunch Fee Waived?':'Add Free Lunch Offer (Only For Grade TK & K)'}} </label>--}}
                                        <label class="required form-label fs-6 fw-semibold"> {{ (session('program') == 1)?'Lunch Fee Waived?':'Lunch Fee Waived?'}} </label>
                                        <select name="lunch_fee_waiver" id="lunch_fee_waiver"
                                                class="form-select form-select-sm form-select-solid" data-control="select2"
                                                data-placeholder="Select an option">
                                            <option value="NO"
                                                    @if(isset($deposit->lunch_fee_waiver) && $deposit->lunch_fee_waiver == 'NO') selected @endif>
                                                NO
                                            </option>

                                            <option value="YES"
                                                    @if(isset($deposit->lunch_fee_waiver) && $deposit->lunch_fee_waiver == 'YES') selected @endif>
                                                YES
                                            </option>
                                        </select>
                                    </div>
                                @else
                                    <div class="col-sm-12 col-md-6 col-lg-6 mb-5">
                                        <label class="required form-label fs-6 fw-semibold"> Lunch Fee Waived </label>
                                        <input type="text" name="lunch_fee_waiver" class="form-control form-select-sm form-control-solid" readonly value="{{ isset($deposit->lunch_fee_waiver)?$deposit->lunch_fee_waiver:'NO' }}">
                                    </div>

                                @endif

                                <div class="col-sm-12 col-md-3 col-lg-3 mb-5">
                                    <div class="form-check mt-10">
                                        <input class="form-check-input" type="checkbox"
                                               name="is_enrollment_form_submitted"
                                               onchange="checkIsEnrollmentValue(this)"
                                               value="1"
                                               @if(isset($deposit->is_enrollment_form_submitted) && $deposit->is_enrollment_form_submitted) checked
                                               @endif id="defaultCheck1" style="border: 1px solid #000;">
                                        <label class="form-label fs-6 fw-semibold" for="defaultCheck1">
                                            Enrollment form submitted ?
                                        </label>
                                    </div>
                                    <input type="hidden" name="is_enrollment_form_submitted_check_for_tag" id="is_enrollment_form_submitted_check_for_tag" value="{{(isset($deposit->is_enrollment_form_submitted) && $deposit->is_enrollment_form_submitted) ? 1 : 0}}">
                                </div>
                                <div class="col-sm-12 col-md-3 col-lg-3 mb-5">
                                    <div class="form-check mt-10">
                                        <input class="form-check-input" type="checkbox" name="is_promotional_fee"
                                               value="1"
                                               @if(isset($deposit->is_promotional_fee) && $deposit->is_promotional_fee) checked
                                               @endif id="defaultCheck12" style="border: 1px solid #000;">
                                        <label class="form-label fs-6 fw-semibold" for="defaultCheck12">
                                            Promotional Fee Schedule Applies ?
                                        </label>
                                    </div>
                                </div>
                            @endif


                            @if((session('program') == 2) && (session('enrollment_year') >= 2025))
                                @if (checkUserPermission('lunch_fee_discount_percentage'))
                                    <div class="col-sm-12 col-md-6 col-lg-6 mb-5 lunch_fee_discount_percentage">
                                        <label class="form-label fs-6 fw-semibold"> {{ 'Lunch Fee Discount Percentage' }} </label>
                                        <select name="lunch_fee_discount_percentage" id="lunch_fee_discount_percentage" class="form-select form-select-sm form-select-solid" data-control="select2" data-placeholder="Select an option">
                                            <option value=""> </option>
                                            <option value="15" @if(isset($deposit->lunch_fee_discount_percentage) && $deposit->lunch_fee_discount_percentage == 15) selected @endif> 15% </option>
                                            <option value="30" @if(isset($deposit->lunch_fee_discount_percentage) && $deposit->lunch_fee_discount_percentage == 30) selected @endif> 30% </option>
                                            <option value="50" @if(isset($deposit->lunch_fee_discount_percentage) && $deposit->lunch_fee_discount_percentage == 50) selected @endif> 50% </option>
                                        </select>
                                    </div>
                                @else
                                    <div class="col-sm-12 col-md-6 col-lg-6 mb-5">
                                        <label class="form-label fs-6 fw-semibold"> Lunch Fee Discount Percentage </label>
                                        <input type="text" name="lunch_fee_discount_percentage" class="form-control form-select-sm form-control-solid" readonly value="{{ isset($deposit->lunch_fee_discount_percentage)?$deposit->lunch_fee_discount_percentage:null }}">
                                    </div>

                                @endif
                            @endif
                        </div>


                        @if((session('program') == 2 || session('program') == 1) && session('enrollment_year') > 2023 && ((session('enrollment_year') < 2025 && session('program') == 2) || (session('enrollment_year') < 2026 && session('program') == 1)))
                            <div class="row">
                                <input type="hidden" name="referral_and_referred_families_info_id" id="referral_and_referred_families_info_id" value="{{ !empty($referral)?$referral->id:'' }}">

                                <!-- Referred by ? -->
                                <div class="col-sm-2 col-md-2 col-lg-2 mb-5">
                                    <div class="form-check mt-10">
                                        <input class="form-check-input" type="checkbox" name="is_referred_by" id="isReferredByCheck1" onchange="checkIsReferredBy(this)" value="1" style="border: 1px solid #000;" {{ (!empty($referral) && ($referral->is_referred_by == 'YES'))?'checked':'' }}>
                                        <label class="form-label fs-6 fw-semibold" for="isReferredByCheck1">
                                            Referred by ?
                                        </label>
                                    </div>
                                </div>

                                <div class="col-sm-4 col-md-4 col-lg-4 mb-5">
                                    <label class="required form-label fs-6 fw-semibold"> Select already active student </label>
                                    <select name="referral_id" id="referral_id" class="form-select form-select-sm form-select-solid" data-control="select2" data-placeholder="Select an option">
                                        <option></option>
                                    </select>
                                </div>

                                <!-- Group Discount ? -->
                                <div class="col-sm-2 col-md-2 col-lg-2 mb-5">
                                    <div class="form-check mt-10">
                                        <input class="form-check-input" type="checkbox" name="is_group_discount" id="isGroupDiscountCheck1" onchange="checkIsGroupDiscount(this)" value="1" style="border: 1px solid #000;" {{ (!empty($referral) && ($referral->is_group_discount == 'YES'))?'checked':'' }}>
                                        <label class="form-label fs-6 fw-semibold" for="isGroupDiscountCheck1">
                                            Group Discount ?
                                        </label>
                                    </div>
                                </div>

                                <div class="col-sm-4 col-md-4 col-lg-4 mb-5">
                                    <label class="required form-label fs-6 fw-semibold"> Select new student </label>
                                    <select name="new_student_id[]" id="new_student_id" class="form-select form-select-sm form-select-solid" data-control="select2" data-placeholder="Select an option" multiple>
                                        <option></option>
                                    </select>
                                </div>
                            </div>
                        @endif
                        @if(((session('program') == 1) || (session('program') == 2) || (session('program') == 3) || (session('program') == 4)))
                            <div class="row">
                                <div class="col-sm-12 col-md-3 col-lg-3 mb-5">
                                    <div class="form-check mt-10">
                                        <input class="form-check-input" type="checkbox"
                                               name="is_staff_child"
                                               value="1"
                                               @if(isset($deposit->is_staff_child) && $deposit->is_staff_child) checked
                                               @endif id="is_staff_child" style="border: 1px solid #000;">
                                        <label class="form-label fs-6 fw-semibold" for="is_staff_child">
                                            Child of Staff ?
                                        </label>
                                    </div>
                                </div>
                                <div class="col-sm-12 col-md-3 col-lg-3 mb-5">
                                    <div class="form-check mt-10">
                                        <input class="form-check-input" type="checkbox"
                                               name="is_reimbursement"
                                               value="1"
                                               @if(isset($deposit->is_reimbursement) && $deposit->is_reimbursement) checked
                                               @endif id="is_reimbursement" style="border: 1px solid #000;">
                                        <label class="form-label fs-6 fw-semibold" for="is_reimbursement">
                                            Receiving subsidies ?
                                        </label>
                                    </div>
                                </div>
                                <div class="col-sm-4 col-md-4 col-lg-4 mt-8" id="reimbursement-div" @if(isset($deposit->is_reimbursement) && $deposit->is_reimbursement == 0)
                                         style="display: none" @endif >
                                    <label class="required form-label fs-6 fw-semibold"> Select Reimbursement Company </label>
                                    <select name="reimbursement_company_id" id="reimbursement_company_id" class="form-select form-select-sm form-select-solid" data-control="select2" data-placeholder="Select an option">
                                        <option value=""> Select an option </option>
                                        @foreach($companies as $company)
                                            <option value="{{$company->id}}" {{(isset($deposit->reimbursement_company_id) && $deposit->reimbursement_company_id == $company->id) ? 'selected' : ''}}> {{$company->name}} </option>
                                        @endforeach
                                    </select>
                                </div>
                            </div>
                        @endif

                        @if(session('program') == 3)
                            <div class="row">
                                @php
                                    $firstDayOfYear = \Carbon\Carbon::now()->firstOfYear();
                                    $months = [];
                                    for ($i = 0; $i < 12; $i++) {
                                        $monthName = $firstDayOfYear->copy()->addMonths($i)->formatLocalized('%B');
                                        $months[] = $monthName;
                                    }
                                    $potty_traing_months = isset($deposit->potty_traing_months) ? json_decode($deposit->potty_traing_months): [];
                                @endphp
                                @if(count($months))
                                    <div class="col-12 mb-5">
                                        <div id="potty_training_charges_month" class="row">
                                            <label class="fs-6 fw-semibold mb-2">Potty Training Charge's Months</label>
                                            @foreach($months as  $key => $month)
                                                <div class="col-sm-6 col-md-3 col-lg-3">
                                                    <div class="radio-inline">
                                                        <label class="form-check form-check-custom form-check-solid">
                                                            <input class="form-check-input border border-gray-600  m-3"
                                                                   {{((count($potty_traing_months) && in_array($month,$potty_traing_months)) || (count($potty_traing_months) == 0)) ? "checked" : ""}}
                                                                   type="checkbox"
                                                                   id="{{$key+1}}" name="potty_traing_months[]"
                                                                   value="{{$month}}">
                                                            <span class="mr-3"></span>
                                                            <h5>{{$month}}</h5>
                                                        </label>
                                                    </div>
                                                </div>
                                            @endforeach
                                        </div>
                                    </div>
                                @endif
                            </div>
                        @endif



                        <br>
                        <div class="row d-flex">
                            <div class="col-sm-1 col-md-1 col-lg-1">
                                <button type="button" class="btn btn-success w-100" id="SubmitForm">
                                    Save
                                </button>
                            </div>

                            <div class="col-sm-1 col-md-1 col-lg-1">
                                <a href="{{ url('students/list') }}" type="button" class="btn btn-primary w-10" id="CancelForm">
                                    Cancel
                                </a>
                            </div>
                        </div>
                    </form>
                </div>

                <div class="card-body py-4 mb-0">
                    <div class="card-header border-0 align-content-center">
                        <h3 class="card-title text-center fw-bold text-gray-800 fs-2">History </h3>
                    </div>

                    <div class="card-body py-0">
                        <div class="table-responsive">
                            <table class="table align-middle table-row-dashed fs-6 gy-5" id="kt_table_deposit_history">
                                <thead>
                                <tr class="text-start text-muted fw-bold fs-7 text-uppercase gs-0">
                                    <th class="min-w-30px">ID</th>
                                    <th class="min-w-125px">Payment Type</th>
                                    <th class="min-w-125px">Fee</th>
                                    <th class="min-w-125px">Date</th>
                                    <th class="min-w-150px">Payment Method</th>
                                    {{--                                        <th class="min-w-125px">Notes</th>--}}
                                    <th class="min-w-100px">Action</th>
                                </tr>
                                </thead>
                                <tbody class="fw-semibold text-gray-600"></tbody>
                            </table>

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('js')
    <script src="https://cdn.jsdelivr.net/npm/flatpickr"></script>
    <script type="text/javascript">
        flatpickr('.datepicker_date', {
            enableTime: false,
            dateFormat: "Y-m-d",
            allowInput: true,
            defaultDate: "today"
        });

        document.getElementById('is_reimbursement').addEventListener('change', function() {
            const reimbursementDiv = document.getElementById('reimbursement-div');
            if (this.checked) {
                reimbursementDiv.style.display = 'block';
            } else {
                reimbursementDiv.style.display = 'none';
            }
        });

        $(function () {
            let is_referred_by = "{{ (!empty($referral) && ($referral->is_referred_by == 'YES'))?true:false }}";
            if(is_referred_by) {
                checkIsReferredBy();
            }

            let is_group_discount = "{{ (!empty($referral) && ($referral->is_group_discount == 'YES'))?true:false }}";
            if(is_group_discount){
                checkIsGroupDiscount();
            }

            $('#kt_table_deposit_history').DataTable().destroy();
            datatable();

            $(document).on('click', '.trash', function(e) {
                e.preventDefault();
                deleteConfirmation($(this).attr('data-id'));
            });
            $(document).on('click', '.editModal', function(e) {
                e.preventDefault();
                let dataObj = {
                    id: $(this).attr('data-id'),
                    fee: $(this).attr('data-fee'),
                    type: $(this).attr('data-type'),
                    date: $(this).attr('data-date'),
                    payment_method: $(this).attr('data-payment_method'),
                    check_no: $(this).attr('data-check_no'),
                    zelle_ref_no: $(this).attr('data-zelle_ref_no'),
                    notes: $(this).attr('data-notes'),
                }
                openDepositEditModal(dataObj);
            });
        });

        function datatable() {
            var url = '';
            let program = "{{ session('program') }}";
            if(program == 1){
                url = "{{ url('parents/'.encryptedId($parentID).'/'. encryptedId($studentID).'/student-deposit') }}";

            } else if(program == 2) {
                url = "{{ url('after-school/parents/'.encryptedId($parentID).'/'. encryptedId($studentID).'/student-deposit') }}";

            } else {
                url = "{{ url('preschool/parents/'.encryptedId($parentID).'/'. encryptedId($studentID).'/student-deposit') }}";
            }

            var table = $('#kt_table_deposit_history').DataTable({
                processing: true,
                serverSide: true,
                ajax: url,
                order: [[0, 'asc']],
                columns: [
                    {data: 'ID', name: 'ID'},
                    {data: 'payment_type', name: 'payment_type'},
                    {data: 'fee', name: 'fee'},
                    {data: 'date', name: 'date'},
                    {data: 'payment_method', name: 'payment_method'},
                    // {data: 'notes', name: 'notes'}
                    {data: 'action', name: 'action', orderable: false, searchable: false}
                ]
            });
        }

        function checkIsEnrollmentValue(ele){
            let valueCheckBox = $("input[name='is_enrollment_form_submitted']:checked").val();
            if(valueCheckBox == 1){
                $("#is_enrollment_form_submitted_check_for_tag").val(1);
            }else {
                $("#is_enrollment_form_submitted_check_for_tag").val(0);
            }

        }

        function openDepositModal(modalId) {
            $('#type').val(modalId);
            $('#student_id').val({{$studentID}});
            $('#parent_id').val({{$parentID}});
            $('.cheque_no').hide();
            $('.zelle_no').hide();
            let nameModal = modalId.replace('_',' ').toUpperCase() + ' PAID';
            $("#exampleModalLabel").text(nameModal);
            $('#depositModal').modal('show');
            $('#depositModalForm')[0].reset();
        }

        function openDepositEditModal(data) {
            let modalId = '';
            if(data.type === 'DEPOSIT'){
                modalId = 'deposit';
            }else if(data.type === 'REGISTRATION') {
                modalId = 'registration_fee';
            }else {
                modalId = 'material_deposit';
            }
            $('#type').val(modalId);
            $('#student_id').val({{$studentID}});
            $('#parent_id').val({{$parentID}});
            $('#record_id').val(data.id);
            $('#fee').val(data.fee);
            $('#date').val(data.date);
            $('#payment_type').val(data.payment_method);
            if(data.payment_method === 'CHEQUE'){
                $('.cheque_no').show();
                $('#cheque_no').val(data.check_no);
                $('.zelle_no').hide();
            }else if(data.payment_method === 'ZELLE'){
                $('.cheque_no').hide();
                $('#zelle_ref_no').val(data.zelle_ref_no);
                $('.zelle_no').show();
            }else {
                $('.cheque_no').hide();
                $('.zelle_no').hide();
            }
            $('#notes').val(data.notes)
            let nameModal = modalId.replace('_',' ').toUpperCase() + ' PAID';
            $("#exampleModalLabel").text(nameModal);
            $('#depositModal').modal('show');
        }

        $('.cheque_no').hide();
        $('.zelle_no').hide();

        var registration_fee_waiver = $('#registration_fee_waiver').val();
        if (registration_fee_waiver == 'YES') {
            $('.registration_fee_paid').hide();
        } else {
            $('.registration_fee_paid').show();
        }

        function registrationFeeWaiver(value) {
            if (value == "YES") {
                $('.registration_fee_paid').hide();
            } else {
                $('.registration_fee_paid').show();
            }
        }

        function get_payment_method(value) {
            if (value == 'CHEQUE') {
                $('.cheque_no').show();
                $('.zelle_no').hide();
            } else if (value == 'ZELLE') {
                $('.zelle_no').show();
                $('.cheque_no').hide();
            } else {
                $('.cheque_no').hide();
                $('.zelle_no').hide();
            }
        }

        $(function () {
            $(document).on('click', '#depositModalSubmit', function (e) {
                let checkUrl = "{{url('/parents/student-deposit/check-validation')}}"
                let CSRF_TOKEN = "{{csrf_token()}}";
                let cheque_no = $('#cheque_no').val();
                let zelle_ref_no = $('#zelle_ref_no').val();
                $.ajax({
                    type: 'POST',
                    url: checkUrl,
                    data: {
                        _token: CSRF_TOKEN,
                        cheque_no: cheque_no,
                        zelle_ref_no: zelle_ref_no
                    },
                    success: function (data) {
                        if (data.success) {
                            if(data.exists > 0){
                                Swal.fire({
                                    icon: 'warning',
                                    title: data.msg_error,
                                    showDenyButton: false,
                                    showCancelButton: true,
                                    confirmButtonText: 'Proceed'
                                }).then(function(result) {
                                    if (result.isConfirmed) {
                                        $('#is_suspicious').val('1');
                                        $('#suspicious_type').val('DUPLICATE');
                                        submitDeposit();
                                    } else {
                                        return false;
                                    }
                                });
                            }else {
                                checkPaymentsValidation(cheque_no,zelle_ref_no)
                            }
                        } else if (data.failure) {
                            let htmlError = '';
                            $.each(data.failure, function (index, value) {
                                htmlError += '<li>' + value + '</li>';
                            });
                            toastr.error(htmlError);
                        }
                    }
                });

            });
        });
        function checkPaymentsValidation(cheque_no,zelle_ref_no){
            let CSRF_TOKEN = "{{csrf_token()}}";
            $.ajax({
                type: 'POST',
                url: '{{ url("payments/check-validation") }}',
                data: {
                    _token: CSRF_TOKEN,
                    cheque_no: cheque_no,
                    zelle_ref_no: zelle_ref_no
                },
                success: function (data) {
                    if (data.success) {
                        if(data.exists > 0){
                            Swal.fire({
                                icon: 'warning',
                                title: data.msg_error,
                                showDenyButton: false,
                                showCancelButton: true,
                                confirmButtonText: 'Proceed'
                            }).then(function(result) {
                                if (result.isConfirmed) {
                                    $('#is_suspicious').val('1');
                                    $('#suspicious_type').val('DUPLICATE');
                                    submitDeposit();
                                } else {
                                    return false;
                                }
                            });
                        }else {
                            submitDeposit()
                        }
                    } else if (data.failure) {
                        let htmlError = '';
                        $.each(data.failure, function (index, value) {
                            htmlError += '<li>' + value + '</li>';
                        });
                        toastr.error(htmlError);
                    }
                }
            });

        }
        function submitDeposit() {
            var url = '';
            let program = "{{ session('program') }}";
            if(program == 1) {
                url = "{{ url("parents/student-deposit/save") }}";

            } else if(program == 2){
                url = "{{ url("after-school/parents/student-deposit/save") }}";

            } else {
                url = "{{ url("preschool/parents/student-deposit/save") }}";
            }

            $.ajax({
                type: 'POST',
                url: url,
                processData: false,
                contentType: false,
                data: new FormData($('#depositModalForm')[0]),
                dataType: 'json',

                beforeSend: function() {
                    $('#depositModalSubmit').hide();
                    $('.depositModalCancel').hide();
                },

                success: function (data) {
                    if (data.success) {
                        toastr.success(data.success);
                        setTimeout(function () {
                            window.location.reload();
                        }, 1500);

                    } else if (data.failure) {
                        let htmlError = '';
                        $.each(data.failure, function (index, value) {
                            htmlError += '<li>' + value + '</li>';
                        });
                        toastr.error(htmlError);
                    }
                },

                complete: function() {
                    $('#depositModalSubmit').show();
                    $('.depositModalCancel').show();
                }
            });
        }

        $(function () {
            $(document).on('click', '#SubmitForm', function (e) {
                var url = '';
                let program = "{{ session('program') }}";
                if(program == 1) {
                    url = "{{ url("parents/student-deposit/save") }}";

                } else if(program == 2){
                    url = "{{ url("after-school/parents/student-deposit/save") }}";

                } else {
                    url = "{{ url("preschool/parents/student-deposit/save") }}";
                }

                $.ajax({
                    type: 'POST',
                    url: url,
                    processData: false,
                    contentType: false,
                    data: new FormData($('#StudentDeposit')[0]),
                    dataType: 'json',

                    beforeSend: function() {
                        $('#SubmitForm').hide();
                        $('#CancelForm').hide();
                    },

                    success: function (data) {
                        if (data.success) {
                            toastr.success(data.success);
                            setTimeout(function () {
                                window.location.reload();
                            }, 1500);
                        } else if (data.failure) {
                            let htmlError = '';
                            $.each(data.failure, function (index, value) {
                                htmlError += '<li>' + value + '</li>';
                            });

                            toastr.error(htmlError);
                        }
                    },

                    complete: function(){
                        $('#SubmitForm').show();
                        $('#CancelForm').show();
                    }
                });
            });
        });

        function deleteConfirmation(id){
            var url = '';
            let program = "{{ session('program') }}";
            if(program == 1) {
                url = "{{ url('parents/student-deposit-delete') }}";

            } else if(program == 2) {
                url = "{{ url("after-school/parents/student-deposit-delete") }}";

            } else {
                url = "{{ url("preschool/parents/student-deposit-delete") }}";
            }

            Swal.fire({
                icon: 'warning',
                title: 'Are you sure you want to delete this record?',
                showDenyButton: false,
                showCancelButton: true,
                confirmButtonText: 'Yes'

            }).then(function(result) {
                if (result.isConfirmed) {
                    $.blockUI({
                        css: {
                            border: 'none',
                            padding: '20px',
                            backgroundColor: '#000',
                            '-webkit-border-radius': '10px',
                            '-moz-border-radius': '10px',
                            opacity:         0.6,
                            color: '#fff',
                        }
                    });
                    var CSRF_TOKEN = $('meta[name="csrf-token"]').attr('content');
                    $.ajax({
                        type: 'POST',
                        url: url,
                        data: {
                            _token: CSRF_TOKEN,
                            depositID: id
                        },
                        success: function (results) {
                            $.unblockUI();
                            if (results.status == 'Success') {
                                swal("Done!", results.status, "success");
                                setTimeout(function () {
                                    window.location.reload();
                                }, 1500);
                            } else {
                                swal("Error!", results.status, "error");
                            }
                        }
                    });
                } else {
                    return false;
                }
            });
        }

        function checkIsReferredBy(){
            let valueCheckBox = $("input[name='is_referred_by']:checked").val();

            let newStudentId = document.getElementById('new_student_id');
            let isGroupDiscountCheck1 = document.getElementById('isGroupDiscountCheck1');


            if (valueCheckBox == 1) {
                newStudentId.disabled = true;
                isGroupDiscountCheck1.disabled = true;
            } else {
                newStudentId.disabled = false;
                isGroupDiscountCheck1.disabled = false;
            }


            if(valueCheckBox == 1){
                var CSRF_TOKEN = $('meta[name="csrf-token"]').attr('content');
                $.ajax({
                    type: 'POST',
                    url: "{{ url('get-active-enrolled-students-list') }}",
                    data: {
                        _token: CSRF_TOKEN,
                        'studentID': "{{ $studentID }}",
                        'referralInfoId': "{{ !empty($referral)?$referral->id:'' }}",
                        'ReferralId': "{{ !empty($referral)?$referral->referral_id:'' }}",
                        'IsGroupDiscount': "{{ !empty($referral)?$referral->is_group_discount:'' }}",
                        'NewStudentId': @json(!empty($referral) ? $referral->new_student_id : [])
                    },
                    success: function (results) {
                        if (results.status == 'Success') {
                            let referralId = "{{ !empty($referral)?$referral->referral_id:''; }}";
                            var $select = $('#referral_id');
                            $select.empty(); // Clear existing options if any

                            $select.append('<option value="" disabled selected>Select an option</option>');

                            // Loop through the results and append options
                            $.each(results.activeEnrolledStudentsList, function(index, student) {
                                let isSelected = (student.id == referralId) ? 'selected' : '';
                                $select.append('<option value="' + student.id + '" ' + isSelected + '>' + student.name + '</option>');
                            });

                            $select.select2();

                        } else if(results.status == 'notNewStudent') {
                            $("input[name='is_referred_by']").prop('checked', false);
                            newStudentId.disabled = false;
                            isGroupDiscountCheck1.disabled = false;
                            swal("Warning!", "This student either has a pending enrollment status, or does not meet the grade condition, or is not classified as a new student.", "warning");

                        } else if (results.status == 'failure') {
                            $("input[name='is_referred_by']").prop('checked', false);
                            newStudentId.disabled = false;
                            isGroupDiscountCheck1.disabled = false;
                            if(results.referralBy != ''){
                                swal("Warning!", "{{$student->first_name.' '.$student->last_name}} was already getting the referral credit through a referral by "+results.referralBy+".", "warning");
                            }else {
                                swal("Warning!", "{{$student->first_name.' '.$student->last_name}} was already getting the referral credit through a referral link .", "warning");
                            }
                        }else if (results.status == 'already_group_added') {
                            $("input[name='is_referred_by']").prop('checked', false);
                            newStudentId.disabled = false;
                            isGroupDiscountCheck1.disabled = false;
                            swal("Warning!", "This student is already in the Group Enrollment.", "warning");
                        } else {
                            swal("Error!", results.status, "error");
                        }
                    }
                });
            }
        }

        function checkIsGroupDiscount(){
            let valueCheckBox = $("input[name='is_group_discount']:checked").val();

            let referralFieldID = document.getElementById('referral_id');
            let isReferredByCheck1 = document.getElementById('isReferredByCheck1');

            if (valueCheckBox == 1) {
                referralFieldID.disabled = true;
                isReferredByCheck1.disabled = true;
            } else {
                referralFieldID.disabled = false;
                isReferredByCheck1.disabled = false;
            }

            if(valueCheckBox == 1){
                var CSRF_TOKEN = $('meta[name="csrf-token"]').attr('content');
                $.ajax({
                    type: 'POST',
                    url: "{{ url('get-new-active-enrolled-students-list') }}",
                    data: {
                        _token: CSRF_TOKEN,
                        'studentID': "{{ $studentID }}",
                        'referralInfoId': "{{ !empty($referral)?$referral->id:'' }}",
                        'ReferralId': "{{ !empty($referral)?$referral->referral_id:'' }}",
                        'IsGroupDiscount': "{{ !empty($referral)?$referral->is_group_discount:'' }}",
                        'NewStudentId': @json(!empty($referral) ? $referral->new_student_id : [])
                    },
                    success: function (results) {
                        if (results.status == 'Success') {
                            let newStudentIds = @json($referral->new_student_id ?? '[]');
                            newStudentIds = JSON.parse(newStudentIds);
                            var $select = $('#new_student_id');
                            $select.empty(); // Clear existing options if any

                            // Loop through the results and append options
                            $.each(results.newActiveEnrolledStudentsList, function(index, student) {
                                let isSelected = newStudentIds.includes(student.id.toString()) ? 'selected' : '';
                                $select.append('<option value="' + student.id + '" ' + isSelected + '>' + student.name + '</option>');
                            });

                            $select.select2();

                        } else if(results.status == 'notNewStudent') {
                            $("input[name='is_group_discount']").prop('checked', false);
                            referralFieldID.disabled = false;
                            isReferredByCheck1.disabled = false;
                            swal("Warning!", "This student either has a pending enrollment status, or does not meet the grade condition, or is not classified as a new student.", "warning");

                        } else if (results.status == 'failure') {
                            $("input[name='is_group_discount']").prop('checked', false);
                            referralFieldID.disabled = false;
                            isReferredByCheck1.disabled = false;
                            swal("Warning!", "This is family is not eligible for referral credit.  There is no new program for the family.", "warning");
                        } else if (results.status == 'already_group_added') {
                            $("input[name='is_group_discount']").prop('checked', false);
                            referralFieldID.disabled = false;
                            isReferredByCheck1.disabled = false;
                            swal("Warning!", "This student is already in the Group Enrollment.", "warning");
                        } else {
                            swal("Error!", results.status, "error");
                        }
                    }
                });
            }
        }

        $(document).ready(function () {
            function toggleLunchDiscount() {
                var waiverValue = $('#lunch_fee_waiver').val();

                if (waiverValue === 'YES') {
                    $('.lunch_fee_discount_percentage').hide();
                } else {
                    $('.lunch_fee_discount_percentage').show();
                }
            }

            toggleLunchDiscount();

            $('#lunch_fee_waiver').on('change', function () {
                toggleLunchDiscount();
            });
        });
    </script>
@endsection