@extends('dashboard.master')
@section('title', 'Create Student ')
@push('css')
    <link rel="stylesheet" href="https://code.jquery.com/ui/1.13.1/themes/base/jquery-ui.css">
    <link href="https://cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css" rel="stylesheet" />
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/Dropify/0.2.2/css/dropify.min.css"
        integrity="sha512-EZSUkJWTjzDlspOoPSpUFR0o0Xy7jdzW//6qhUkoZ9c4StFkVsp9fbbd0O06p9ELS3H486m4wmrCELjza4JEog=="
        crossorigin="anonymous" referrerpolicy="no-referrer" />

    <style>
        .dropify-wrapper .dropify-message p {
            font-size: initial;
        }

        .checkmark {
            height: 20px;
            width: 20px;
            background-color: #eee;
        }

        .bangla {
            font-weight: 0;
            font-size: 15px;
        }
    </style>
@endpush

@section('content')

    <div class="content-wrapper">
        <div class="content-header">
            <div class="container-fluid">
                <div class="page-title-wrapper">
                    <div class="page-title-heading">
                        <div class="page-title-icon">
                            <i class="nav-icon fas fa-mosque"></i>
                        </div>
                        <span>
                            <b>Create Student</b>
                        </span>
                    </div>

                    <div class="page-title-actions">
                        <a title="Back Button" href="{{ url()->previous() }}" type="button" class="btn btn-sm btn-dark">
                            <i class="fas fa-arrow-left mr-1"></i>
                            Back
                        </a>
                    </div>
                </div>
            </div>
        </div>

        <section class="content">
            <div class="container-fluid">
                <div class="card">
                    <div class="card-body">
                        <form enctype="multipart/form-data" action="{{ route('student.store') }}" method="POST">
                            @csrf
                            <div class="row">

                                <div class="col-sm-3">
                                    <div class="form-group">
                                        <label for="form_no"><span class="bangla">ফর্ম নং</span>/Form No<span
                                                class="text-red">*</span></label>
                                        <input type="text" name="form_no" id="form_no" value="{{ $formNo }}"
                                            class="form-control @error('form_no') is-invalid @enderror"
                                            placeholder="ফর্ম নং লিখুন" readonly>

                                        @error('form_no')
                                            <span class="text-danger" role="alert">
                                                <p>{{ $message }}</p>
                                            </span>
                                        @enderror

                                    </div>
                                </div>



                                <div class="col-sm-3">
                                    <div class="form-group">
                                        <label for="join_date"> <span class="bangla">তারিখ</span>/Date<span
                                                class="text-red">*</span></label>
                                        <input type="text" name="join_date" id="date" value="{{ old('join_date') }}"
                                            class="form-control @error('join_date') is-invalid @enderror"
                                            placeholder="তারিখ লিখুন" required>

                                        @error('join_date')
                                            <span class="text-danger" role="alert">
                                                <p>{{ $message }}</p>
                                            </span>
                                        @enderror

                                    </div>
                                </div>

                                <div class="col-sm-3">
                                    <div class="form-group">
                                        <label for="admission_type"><span class="bangla">ভর্তির ধরন</span>/Admission
                                            Type<span class="text-red">*</span></label>
                                        <select name="admission_type" id="admission_type"
                                            class="form-control @error('admission_type') is-invalid @enderror" required>
                                            <option value=""> <span class="bangla">Select One</span></option>
                                            <option value="1"> <span class="bangla">নতুন </span></option>
                                            <option value="2"> <span class="bangla">পুরাতন</span></option>
                                        </select>

                                        @error('admission_type')
                                            <span class="text-danger" role="alert">
                                                <p>{{ $message }}</p>
                                            </span>
                                        @enderror

                                    </div>
                                </div>


                                <div class="col-sm-3">
                                    <div class="form-group">
                                        <label for="name"><span class="bangla">নাম</span>/Student Name<span
                                                class="text-red">*</span></label>
                                        <input type="text" name="name" id="name" value="{{ old('name') }}"
                                            class="form-control @error('name') is-invalid @enderror" placeholder="নাম লিখুন"
                                            required>

                                        @error('name')
                                            <span class="text-danger" role="alert">
                                                <p>{{ $message }}</p>
                                            </span>
                                        @enderror

                                    </div>
                                </div>

                                <div class="col-sm-3">
                                    <div class="form-group">
                                        <label for="father_name"><span class="bangla">পিতা</span>/Father Name<span
                                                class="text-red">*</span></label>
                                        <input type="text" name="father_name" id="father_name"
                                            value="{{ old('father_name') }}"
                                            class="form-control @error('father_name') is-invalid @enderror"
                                            placeholder="পিতার নাম লিখুন" required>

                                        @error('father_name')
                                            <span class="text-danger" role="alert">
                                                <p>{{ $message }}</p>
                                            </span>
                                        @enderror

                                    </div>
                                </div>

                                <div class="col-sm-3">
                                    <div class="form-group">
                                        <label for="mother_name"><span class="bangla">মাতা</span>/Mother Name<span
                                                class="text-red"></span></label>
                                        <input type="text" name="mother_name" id="mother_name"
                                            value="{{ old('mother_name') }}"
                                            class="form-control @error('mother_name') is-invalid @enderror"
                                            placeholder="মাতার নাম লিখুন">

                                    </div>
                                </div>

                                <div class="col-sm-3">
                                    <div class="form-group">
                                        <label for="birth_date"><span class="bangla">জন্ম তারিখ</span>/Date Of
                                            Birth</label>
                                        <input type="text" name="birth_date" id="birth_date"
                                            value="{{ old('birth_date') }}"
                                            class="form-control @error('birth_date') is-invalid @enderror"
                                            placeholder="জন্ম তারিখ লিখুন">

                                    </div>
                                </div>

                                <div class="col-sm-3">
                                    <div class="form-group">
                                        <label for="fingerprint_id"><span class="bangla">ফিঙ্গারপ্রিন্ট
                                                আইডি</span>/Fingerprint ID</label>
                                        <input type="number" name="fingerprint_id" id="fingerprint_id"
                                            value="{{ old('fingerprint_id') }}"
                                            class="form-control @error('fingerprint_id') is-invalid @enderror"
                                            placeholder="ফিঙ্গারপ্রিন্ট আইডি লিখুন">

                                    </div>
                                </div>

                                <div class="col-sm-3">
                                    <div class="form-group">
                                        <label for="birthcertificate"><span class="bangla">জন্ম
                                                নিবন্ধন</span>/Birthcertificate</label>
                                        <input type="number" name="birthcertificate" id="birthcertificate"
                                            value="{{ old('birthcertificate') }}"
                                            class="form-control @error('birthcertificate') is-invalid @enderror"
                                            placeholder="জন্ম নিবন্ধন লিখুন">
                                    </div>
                                </div>

                                <div class="col-sm-3 preData">
                                    <div class="form-group">
                                        <label for="pre_madrasha"><span class="bangla">পূর্ববর্তী মাদ্রাসার
                                                নাম</span>/Previous Madrasha</label>
                                        <input type="text" name="pre_madrasha" id="pre_madrasha"
                                            value="{{ old('pre_madrasha') }}" class="form-control"
                                            placeholder="পূর্ববর্তী মাদ্রাসার নাম লিখুন">

                                    </div>
                                </div>

                                <div class="col-sm-3 preData">
                                    <div class="form-group">
                                        <label for="pre_class"><span class="bangla">পূর্ববর্তী ক্লাসের নাম
                                            </span>/Previous Class</label>
                                        <input type="text" name="pre_class" id="pre_class"
                                            value="{{ old('pre_class') }}"
                                            class="form-control @error('pre_class') is-invalid @enderror"
                                            placeholder="পূর্ববর্তী ক্লাসের নাম লিখুন">

                                    </div>
                                </div>

                                <div class="col-sm-3 newData">
                                    <div class="form-group">
                                        <label for="new_result"><span class="bangla">নতুন শিক্ষার্থীর রেজাল্ট</span>/New
                                            Student Result</label>
                                        <input type="text" name="new_result" id="new_result"
                                            value="{{ old('new_result') }}"
                                            class="form-control @error('new_result') is-invalid @enderror"
                                            placeholder="নতুন শিক্ষার্থীর রেজাল্ট লিখুন">

                                    </div>
                                </div>

                                <div class="col-sm-3">
                                    <div class="form-group">
                                        <label for="student_type"><span class="bangla">শিক্ষার্থীর ধরন</span>/Student
                                            Type<span class="text-red">*</span></label>
                                        <select name="student_type" id="student_type"
                                            class="form-control @error('student_type') is-invalid @enderror" required>
                                            <option value=""> <span class="bangla">Select One</span></option>
                                            <option value="2"> <span class="bangla">আবাসিক</span></option>
                                            <option value="1"> <span class="bangla">অনাবাসিক</span></option>
                                            <option value="3"> <span class="bangla">ডে কেয়ার</span></option>
                                        </select>

                                        @error('student_type')
                                            <span class="text-danger" role="alert">
                                                <p>{{ $message }}</p>
                                            </span>
                                        @enderror

                                    </div>
                                </div>

                                <div class="col-sm-3">
                                    <div class="form-group">
                                        <label for="session_id"><span class="bangla">শিক্ষার্থীর সেশন</span><span
                                                class="text-red">*</span></label>
                                        <select name="session_id" id="session_id"
                                            class="form-control @error('session_id') is-invalid @enderror" required>
                                            <option value=""> <span class="bangla">Select One</span></option>
                                            @foreach ($sessions as $item)
                                                <option value="{{ $item->id }}">{{ $item->name ?? '' }}</option>
                                            @endforeach
                                        </select>

                                        @error('session_id')
                                            <span class="text-danger" role="alert">
                                                <p>{{ $message }}</p>
                                            </span>
                                        @enderror

                                    </div>
                                </div>

                                <div class="col-sm-3">
                                    <div class="form-group">
                                        <label for="class_id"><span class="bangla">ক্লাস</span>/Class<span
                                                class="text-red">*</span></label>

                                        <select name="class_id" id="class_id"
                                            class="form-control @error('class_id') is-invalid @enderror" required>
                                            <option value=""><span class="bangla">ক্লাস নির্বাচন করুন</span>
                                            </option>
                                            @foreach ($class as $key => $item)
                                                <option value="{{ $item->id }}"> {{ $item->name }} </option>
                                            @endforeach
                                        </select>

                                        @error('class_id')
                                            <span class="text-danger" role="alert">
                                                <p>{{ $message }}</p>
                                            </span>
                                        @enderror

                                    </div>
                                </div>

                                <div class="col-sm-3">
                                    <div class="form-group">
                                        <label for="form_no"><span class="bangla">রোল নং</span>/Roll No<span
                                                class="text-red">*</span></label>
                                        <input type="text" name="roll_no" id="roll_no"
                                            value="{{ old('roll_no') }}"
                                            class="form-control @error('form_no') is-invalid @enderror"
                                            placeholder="রোল নং লিখুন">

                                    </div>
                                </div>

                                <div class="col-sm-3">
                                    <div class="form-group">
                                        <label for="gender"><span class="bangla">শিক্ষার্থীর লিঙ্গ</span>/Student
                                            Gender<span class="text-red">*</span></label>

                                        <select name="gender" id="gender"
                                            class="form-control @error('gender') is-invalid @enderror" required>
                                            <option value=""><span class="bangla">লিঙ্গ নির্বাচন করুন</span>
                                            </option>
                                            <option value="1">ছেলে</option>
                                            <option value="2">মেয়ে</option>
                                        </select>

                                        @error('gender')
                                            <span class="text-danger" role="alert">
                                                <p>{{ $message }}</p>
                                            </span>
                                        @enderror

                                    </div>
                                </div>

                                <div class="col-sm-3">
                                    <div class="form-group">
                                        <label for="etim"><span class="bangla">এতিম<span
                                                    class="text-red">*</span></label>

                                        <select name="etim" id="etim"
                                            class="form-control @error('etim') is-invalid @enderror" required>
                                            <option value="2" selected> <span class="bangla">না</span></option>
                                            <option value="1"> <span class="bangla">হ্যাঁ</span></option>

                                        </select>

                                        @error('etim')
                                            <span class="text-danger" role="alert">
                                                <p>{{ $message }}</p>
                                            </span>
                                        @enderror

                                    </div>
                                </div>

                                <div class="col-sm-3">
                                    <div class="form-group">
                                        <label for="village"><span class="bangla">গ্রাম</span>/Village</label>
                                        <input type="text" name="village" id="village"
                                            value="{{ old('village') }}"
                                            class="form-control @error('village') is-invalid @enderror"
                                            placeholder="গ্রাম লিখুন">

                                        @error('village')
                                            <span class="text-danger" role="alert">
                                                <p>{{ $message }}</p>
                                            </span>
                                        @enderror

                                    </div>
                                </div>

                                <div class="col-sm-3">
                                    <div class="form-group">
                                        <label for="post_office"><span class="bangla">ডাকঘর</span>/Post Office</label>
                                        <input type="text" name="post_office" id="post_office"
                                            value="{{ old('post_office') }}"
                                            class="form-control @error('post_office') is-invalid @enderror"
                                            placeholder="ডাকঘর লিখুন">

                                        @error('post_office')
                                            <span class="text-danger" role="alert">
                                                <p>{{ $message }}</p>
                                            </span>
                                        @enderror

                                    </div>
                                </div>

                                <div class="col-sm-3">
                                    <div class="form-group">
                                        <label for="police_station"><span class="bangla">থানা</span>/Police
                                            Station</label>
                                        <input type="text" name="police_station" id="police_station"
                                            value="{{ old('police_station') }}"
                                            class="form-control @error('police_station') is-invalid @enderror"
                                            placeholder="থানা লিখুন">

                                        @error('police_station')
                                            <span class="text-danger" role="alert">
                                                <p>{{ $message }}</p>
                                            </span>
                                        @enderror

                                    </div>
                                </div>

                                <div class="col-sm-3">
                                    <div class="form-group">
                                        <label for="district"><span class="bangla">জেলা</span>/District</label>
                                        <input type="text" name="district" id="district"
                                            value="{{ old('district') }}"
                                            class="form-control @error('district') is-invalid @enderror"
                                            placeholder="জেলা লিখুন">

                                        @error('district')
                                            <span class="text-danger" role="alert">
                                                <p>{{ $message }}</p>
                                            </span>
                                        @enderror

                                    </div>
                                </div>

                                <div class="col-sm-3">
                                    <div class="form-group">
                                        <label for="gurdian_name"><span class="bangla">অভিভাবকের নাম</span>/Gurdian
                                            Name</label>
                                        <input type="text" name="gurdian_name" value="{{ old('gurdian_name') }}"
                                            class="form-control" id="gurdian_name" placeholder="অভিভাবকের নাম লিখুন">
                                    </div>
                                </div>

                                <div class="col-sm-3">
                                    <div class="form-group">
                                        <label for="gurdian_mobile"><span class="bangla">মোবাইল</span>/Mobile<span
                                                class="text-red">*</span></label>
                                        <input type="number" maxlength="11" value="{{ old('gurdian_mobile') }}"
                                            id="gurdian_mobile" name="gurdian_mobile" class="form-control"
                                            placeholder="মোবাইল নং লিখুন" required>

                                    </div>
                                </div>


                                <div class="col-sm-3">
                                    <div class="form-group">
                                        <label for="gurdian_name_two"><span class="bangla">অভিভাবকের নাম ২</span>/Gurdian
                                            Name 2</label>
                                        <input type="text" value="{{ old('gurdian_name_two') }}"
                                            id="gurdian_name_two" name="gurdian_name_two" class="form-control"
                                            placeholder="অভিভাবকের নাম লিখুন">
                                    </div>
                                </div>

                                <div class="col-sm-3">
                                    <div class="form-group">
                                        <label for="gurdian_mobile_two"><span class="bangla">অভিভাবকের মোবাইল
                                                ২</span>/Gurdian Mobile 2</label>
                                        <input type="number" maxlength="11" name="gurdian_mobile_two"
                                            value="{{ old('gurdian_mobile_two') }}" class="form-control"
                                            id="gurdian_mobile_two" placeholder="অভিভাবকের মোবাইল লিখুন">
                                    </div>

                                </div>

                                <div class="col-sm-3">
                                    <div class="form-group">
                                        <label for="gurdian_name_three"><span class="bangla">অভিভাবকের নাম
                                                ৩</span>/Gurdian Name 3</label>
                                        <input type="text" value="{{ old('gurdian_name_three') }}"
                                            id="gurdian_name_three" name="gurdian_name_three" class="form-control"
                                            placeholder="অভিভাবকের নাম লিখুন">
                                    </div>
                                </div>

                                <div class="col-sm-3">
                                    <div class="form-group">
                                        <label for="gurdian_mobile_three"><span class="bangla">অভিভাবকের মোবাইল
                                                ৩</span>/Gurdian Mobile 3</label>
                                        <input type="number" maxlength="11" name="gurdian_mobile_three"
                                            value="{{ old('gurdian_mobile_three') }}" class="form-control"
                                            id="gurdian_mobile_three" placeholder="অভিভাবকের মোবাইল লিখুন">
                                    </div>

                                </div>

                                <div class="col-sm-3">
                                    <div class="form-group">
                                        <label for="gurdian_nid"><span class="bangla">অভিভাবকের এন আইডি</span>/Gurdian
                                            NID</label>
                                        <input type="number" name="gurdian_nid" value="{{ old('gurdian_nid') }}"
                                            class="form-control" id="gurdian_nid" placeholder="অভিভাবকের এন আইডি লিখুন">
                                    </div>
                                </div>

                                <div class="col-sm-3">
                                    <div class="form-group">
                                        <label for="id_number"><span class="bangla">আইডি নাম্বার</span>/Id Number</label>
                                        <input type="text" name="id_number" value="{{ old('id_number') }}"
                                            class="form-control" id="id_number" placeholder=" আইডি নাম্বার লিখুন">
                                    </div>
                                </div>

                                <div class="col-sm-3">
                                    <div class="form-group">
                                        <label for="relation"><span class="bangla">সম্পর্ক</span>/Relation</label>
                                        <input type="text" value="{{ old('relation') }}" id="relation"
                                            name="relation" class="form-control" placeholder="সম্পর্ক লিখুন">
                                    </div>
                                </div>


                                <div class="col-sm-3">
                                    <div class="form-group">
                                        <label for="monthly_dis"><span class="bangla">মাসিক ফী ডিসকাউন্ট</label>
                                        <input type="number" value="{{ old('monthly_dis') }}" id="monthly_dis"
                                            value="0" name="monthly_dis" class="form-control"
                                            placeholder="monthly discount">
                                    </div>
                                </div>

                                <div class="col-sm-3">
                                    <div class="form-group">
                                        <label for="admission_fee">
                                            <span class="bangla">ভর্তি ফী
                                                @if (empty($admissionFee->amount ?? ''))
                                                    <span style="color: red;">Set admission fee first</span>
                                                @endif
                                            </span>/Admission Fee<span class="text-red">*</span>
                                        </label>
                                        <input type="number" name="admission_fee" value="{{ $admissionFee->amount ?? '' }}"
                                            id="admission_fee" class="form-control" readonly>
                                            
                                    </div>
                                </div>

                                <div class="col-sm-3">
                                    <div class="form-group">
                                        <label for="admission_fee_receive"><span class="bangla">ভর্তি ফী
                                                গ্রহণ</span>/Admission Fee Receive<span class="text-red">*</span></label>
                                        <input type="number" value="{{ $admissionFee->amount ?? '' }}"
                                            id="admission_fee_receive" name="admission_fee_receive" class="form-control"
                                            placeholder="Admission fee" readonly>
                                    </div>
                                </div>


                                {{-- <div class="col-sm-2">
                            <div class="form-group">
                                <label for="admission_fee_due"><span class="bangla">বাকি ভর্তি ফী</span>/Admission Fee Due</label>
                                <input type="number" value="0" id="admission_fee_due" name="admission_fee_due" class="form-control" readonly>
                            </div>
                        </div> --}}


                                <div class="col-sm-3">
                                    <div class="form-group">
                                        <label for="discount"><span class="bangla">ভর্তি ফী ডিসকাউন্ট</label>
                                        <input type="number" value="{{ old('discount') }}" id="discount"
                                            value="0" name="discount" class="form-control" placeholder="discount">
                                    </div>
                                </div>

                                <div class="col-sm-3">
                                    <div class="form-group">
                                        <label for="due"><span class="bangla">বাকি ভর্তি ফী</span>/Admission Fee
                                            Due</label>
                                        <input type="number" id="due" name="due" value="{{ old('due', 0) }}"
                                            min="0" class="form-control" placeholder="due">
                                    </div>
                                </div>


                            </div>
                            <div class="row">
                                <div class="col-sm-6">
                                    <div class="form-group">
                                        <label for="gurdian_address"><span class="bangla">অভিভাবকের
                                                ঠিকানা</span>/Gurdian's Address</label>
                                        <textarea name="gurdian_address" class="form-control" rows="3" placeholder="অভিভাবকের ঠিকানা লিখুন">{{ old('gurdian_address') }}</textarea>
                                    </div>
                                </div>

                                <div class="col-sm-6">
                                    <div class="form-group">
                                        <label><span class="bangla">শিক্ষার্থীর ছবি</span>/Student Photo</label><br>

                                        <!-- Buttons -->
                                        <button type="button" class="btn btn-sm btn-primary mb-2" id="openCamera"
                                            style="width: 45%">📷
                                            Take Photo</button>
                                        <button type="button" class="btn btn-sm btn-secondary mb-2" id="openGallery"
                                            style="width: 45%">🖼️
                                            Select from Gallery</button>

                                        <!-- Single file input -->
                                        <input type="file" name="image" id="image" accept="image/*"
                                            class="form-control d-none @error('image') is-invalid @enderror">

                                        <!-- Preview -->
                                        <div id="preview-container" class="mt-2">
                                            <img id="preview-image" src="#" alt="Preview"
                                                style="max-width: 200px; display: none;">
                                        </div>

                                        @error('image')
                                            <span class="text-danger" role="alert">
                                                <p>{{ $message }}</p>
                                            </span>
                                        @enderror
                                    </div>
                                </div>



                            </div>

                            {{-- <div class="row" id="newForm">
                    </div> --}}

                            <div class="row mt-30">
                                <div class="col-sm-12">
                                    <button type="submit" id="submitBtn"
                                        class="btn btn-success mr-2 saveBtn">Create</button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </section>
    </div>
    @push('js')
        <script src="https://cdnjs.cloudflare.com/ajax/libs/Dropify/0.2.2/js/dropify.min.js"
            integrity="sha512-8QFTrG0oeOiyWo/VM9Y8kgxdlCryqhIxVeRpWSezdRRAvarxVtwLnGroJgnVW9/XBRduxO/z1GblzPrMQoeuew=="
            crossorigin="anonymous" referrerpolicy="no-referrer"></script>
        <script src="https://code.jquery.com/ui/1.13.1/jquery-ui.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.inputmask/5.0.8/jquery.inputmask.min.js"></script>

        <script>
            $(document).ready(function() {
                $('.dropify').dropify();
            });

            $(function() {
                $('#date').datepicker({
                    dateFormat: 'yy-mm-dd'
                });

                $('#date').inputmask('9999-99-99', {
                    placeholder: 'yyyy-mm-dd',
                    clearIncomplete: true
                });
            });


            $(function() {
                $('#birth_date').datepicker({
                    dateFormat: 'yy-mm-dd'
                });

                $('#birth_date').inputmask('9999-99-99', {
                    placeholder: 'yyyy-mm-dd',
                    clearIncomplete: true
                });
            });

            // $(document).ready(function() {
            //     $('.saveBtn').prop('disabled', true);

            //     function fetchFees() {
            //         var class_id = $('#class_id').val();
            //         var session_id = $('#session_id').val();
            //         var type = $('#student_type').val();
            //         $.ajax({
            //             url: "{{ route('class.fees') }}",
            //             type: 'POST',
            //             data: {
            //                 type: type,
            //                 session_id: session_id,
            //                 class_id: class_id,
            //                 _token: '{{ csrf_token() }}'
            //             },
            //             success: function(data) {
            //                 $('#newForm').html(data.html);
            //                 console.log(data);

            //                 if (!data.html || data.html.trim() === "" || !data.feesAvailable) {

            //                     $('#feesMessage').text("No fees available.").show();
            //                     $('.saveBtn').prop('disabled', true);
            //                     console.log("No fees available, save button disabled.");
            //                 } else {

            //                     $('#feesMessage').hide();
            //                     $('.saveBtn').prop('disabled', false);
            //                 }
            //             }
            //         });
            //     }

            //     $('#class_id').on('change', function() {
            //         fetchFees();
            //     });

            //     $('#student_type').on('change', function() {
            //         fetchFees();
            //     });
            // });

            $(document).ready(function() {
                function calculateDue() {
                    var admissionFee = parseFloat($('#admission_fee').val()) || 0;
                    var discount = parseFloat($('#discount').val()) || 0;
                    var due = parseFloat($('#due').val()) || 0;

                    // Clamp discount
                    if (discount < 0) discount = 0;
                    if (discount > admissionFee) discount = admissionFee;
                    $('#discount').val(discount);

                    // Remaining after discount
                    var remaining = admissionFee - discount;

                    // Clamp due (cannot exceed remaining)
                    if (due < 0) due = 0;
                    if (due > remaining) due = remaining;
                    $('#due').val(due);

                    // Amount to receive now
                    var receive = remaining - due;
                    $('#admission_fee_receive').val(receive);
                }

                // Recalculate when any of these change
                $('#discount, #due').on('input', calculateDue);

                // Initial calc
                calculateDue();
            });



            $(document).ready(function() {
                $('#class_id, #session_id').on('change', function() {
                    var class_id = $('#class_id').val();
                    var session_id = $('#session_id').val();

                    if (class_id && session_id) {
                        $.ajax({
                            url: "{{ route('roll.check') }}",
                            type: 'POST',
                            data: {
                                class_id: class_id,
                                session_id: session_id,
                                _token: '{{ csrf_token() }}'
                            },
                            success: function(data) {
                                $('#roll_no').val(data);
                            },
                            error: function(xhr, status, error) {
                                console.log('Error:', error);
                            }
                        });
                    }
                });


                $('#gurdian_mobile, #gurdian_mobile_two, #gurdian_mobile_three').on('input', function() {
                    this.value = this.value.replace(/\D/g, '').substring(0, 11); // Only 11 digits
                });

                // On form submit

            });

            $(document).ready(function() {
                function checkRequiredFields() {
                    let allFilled = true;

                    $('form[method="POST"] [required]').each(function() {
                        if ($(this).val().trim() === '') {
                            allFilled = false;
                            return false; // exit loop early
                        }
                    });

                    $('#submitBtn').prop('disabled', !allFilled);
                }

                // Check on every input change
                $('form[method="POST"] [required]').on('input change', function() {
                    checkRequiredFields();
                });

                // Initial check in case some fields are pre-filled
                checkRequiredFields();
            })

            $('#openCamera').on('click', function() {
                $('#image').attr('capture', 'environment').click();
            });

            $('#openGallery').on('click', function() {
                $('#image').removeAttr('capture').click();
            });

            $('#image').on('change', function() {
                if (this.files && this.files[0]) {
                    const reader = new FileReader();
                    reader.onload = function(e) {
                        $('#preview-image').attr('src', e.target.result).show();
                    };
                    reader.readAsDataURL(this.files[0]);
                }
            });

            $("#admission_type").on('change', function() {
                var admissionType = $(this).val();
                fetchAdmissionFee();
            });

            $("#class_id").on('change', function() {
                fetchAdmissionFee();
            });

            function fetchAdmissionFee() {
                let classId = $('#class_id').val();
                let admissionType = $('#admission_type').val();
                if (classId && admissionType) {
                    $.ajax({
                        url: "{{ route('get.admission.fee') }}",
                        type: 'POST',
                        data: {
                            class_id: classId,
                            admission_type: admissionType,
                            _token: '{{ csrf_token() }}'
                        },
                        success: function(data) {
                            console.log(data);
                            if (data > 0) {
                                $('#admission_fee').val(data);
                                $('#admission_fee_receive').val(data);
                                // reset discount & due
                                $('#discount').val(0);
                                $('#due').val(0);
                                // recalc
                                if (typeof calculateDue === 'function') calculateDue();
                            }
                        },
                        error: function(xhr, status, error) {
                            console.log('Error:', error);
                        }
                    })
                }

            }
        </script>
    @endpush
@endsection