@php
    if (empty($student)) {
        $student_id = '';
        // $student_userid = '';
        $student_code = '';
        $student_name = '';
        $student_firstname = '';
        $student_lastname = '';
        $student_curriculum = '';
        $student_type = '';
        $student_school = '';
        $student_nationality = '';
        $student_advisor = '';
        $student_degree = '';
        $student_email = '';
        $student_academicstatus = '';
        $student_end_date_student_status_siit = '';
        $student_end_date_student_status = '';
        $student_academicyear = '';
        $student_start_year = '';
        $student_end_year = '';
        $student_semester_from = '';
        $student_semester_to = '';
        $student_scholarship_program = '';
        $student_scholarship_status = '';
        $student_agreement_no = '';
        $student_agreement_date = '';
        $student_guarantor_firstname = '';
        $student_guarantor_lastname = '';
        $student_guarantor_email = '';
        $student_debt_status = '';
        $student_outstanding_balance = '';
        $student_outstanding_balance_payment = '';
        $student_remark = '';
        // $student_status = '';
    } else {
        $student_id = $student->student_id;
        // $student_userid = $student->student_userid;
        $student_code = $student->student_code;
        $student_name = $student->student_name;
        $student_firstname = $student->student_firstname;
        $student_lastname = $student->student_lastname;
        $student_curriculum = $student->student_curriculum;
        $student_type = $student->student_type;
        $student_school = $student->student_school;
        $student_degree = $student->student_degree;
        $student_email = $student->student_email;
        $student_advisor = $student->student_advisor;
        $student_academicstatus = $student->student_academicstatus;
        $student_end_date_student_status_siit = $student->student_end_date_student_status_siit;
        $student_end_date_student_status = $student->student_end_date_student_status;
        $student_academicyear = $student->student_academicyear;
        $student_start_year = $student->student_start_year;
        $student_end_year = $student->student_end_year;
        $student_semester_from = $student->student_semester_from;
        $student_semester_to = $student->student_semester_to;
        $student_scholarship_program = $student->student_scholarship_program;
        $student_scholarship_status = $student->student_scholarship_status;
        $student_agreement_no = $student->student_agreement_no;
        $student_agreement_date = $student->student_agreement_date;
        $student_guarantor_firstname = $student->student_guarantor_firstname;
        $student_guarantor_lastname = $student->student_guarantor_lastname;
        $student_guarantor_email = $student->student_guarantor_email;
        $student_debt_status = $student->student_debt_status;
        $student_outstanding_balance = $student->student_outstanding_balance;
        $student_outstanding_balance_payment = $student->student_outstanding_balance_payment;
        $student_remark = $student->student_remark;
        $student_nationality = $student->student_nationality ?? null;
        // $student_status = $student->student_status;
    }

@endphp

@extends('layouts.master')
@section('title', 'Student Add/Edit')

@section('style')
    <style></style>
@endsection

@section('script')
    <script>
        $(document).ready(function() {
            $('.select2').select2({
                placeholder: "Please select*",
                allowClear: true
            });

            toggleScholarshipFields();
            toggleEndDateInput(); // เรียกฟังก์ชันแสดง/ซ่อนช่องกรอกวันที่เมื่อโหลดหน้า

            // ตรวจจับการเปลี่ยนแปลงในช่อง "Academic Status"
            $('#student_academicstatus').on('change', function() {
                toggleEndDateInput();
                calculateDueDate(); // เรียกคำนวณ Due Date เมื่อเลือก Academic Status ใหม่
            });

            // ตรวจจับการเปลี่ยนแปลงในช่อง "End Date of Student Status (TU)"
            $('#student_end_date_student_status').on('change', function() {
                calculateDueDate(); // คำนวณ Due Date ใหม่ทุกครั้งที่กรอกวันที่
            });

            // ตรวจจับการเปลี่ยนแปลงใน "Type of Debtor"
            $('#student_type').on('change', function() {
                toggleScholarshipProgram(); // อัปเดตสถานะของ Scholarship Program เมื่อเลือก Type of Debtor
                toggleScholarshipFields(); // ตรวจสอบการเปิด/ปิดฟิลด์ Scholarship
            });

            // if (document.getElementById('student_agreement_date')) {
            //     document.getElementById('student_agreement_date').valueAsDate = new Date();
            // }
        });

        function calculateDueDate() {
            const endDateTU = document.getElementById('student_end_date_student_status').value;
            const dueDateInput = document.getElementById('student_outstanding_balance_payment');

            if (endDateTU) {
                const endDate = new Date(endDateTU);
                endDate.setDate(endDate.getDate() + 60); // เพิ่ม 60 วัน

                const dueDateString = endDate.toISOString().split('T')[0]; // แปลงเป็นรูปแบบ YYYY-MM-DD
                dueDateInput.value = dueDateString; // แสดงวันที่ในฟิลด์ "Due Date"
            }
        }

        // Function to toggle the disabled state
        function toggleScholarshipFields() {
            let studentType = document.getElementById('student_type')?.value;
            let scholarshipProgram = document.getElementById('student_scholarship_program');
            let scholarshipStatus = document.getElementById('student_scholarship_status');

            if (!scholarshipProgram || !scholarshipStatus) return;

            if (studentType === '1') {
                scholarshipProgram.disabled = true;
                scholarshipStatus.disabled = true;
                scholarshipProgram.value = '';
                scholarshipStatus.value = '';
            } else {
                scholarshipProgram.disabled = false;
                scholarshipStatus.disabled = false;
            }
        }

        // ฟังก์ชันแสดงหรือซ่อนช่องกรอกวันที่
        function toggleEndDateInput() {
            const academicStatusElement = document.getElementById('student_academicstatus');

            const endDateSiitSection = document.getElementById('end-date-siit-section'); // ช่อง SIIT
            const endDateTuSection = document.getElementById('end-date-tu-section'); // ช่อง TU

            const endDateSiitInput = document.getElementById('student_end_date_student_status_siit');
            const endDateTuInput = document.getElementById('student_end_date_student_status');

            if (!academicStatusElement || !endDateSiitSection || !endDateTuSection || !endDateSiitInput || !endDateTuInput)
                return;

            const academicStatusId = academicStatusElement.value;

            console.log("Selected Academic Status ID:", academicStatusId);

            const statusesRequiringDate = ['4', '7', '12', '13']; // ID ของ Death, Expelled, No registration, Resign

            if (statusesRequiringDate.includes(academicStatusId)) {
                endDateSiitSection.style.display = 'block';
                endDateTuSection.style.display = 'block';

                endDateSiitInput.setAttribute('required', 'required');
                endDateSiitInput.removeAttribute('disabled');

                endDateTuInput.removeAttribute('required');
                endDateTuInput.removeAttribute('disabled');
            } else {
                endDateSiitSection.style.display = 'none';
                endDateTuSection.style.display = 'none';

                endDateSiitInput.removeAttribute('required');
                endDateSiitInput.setAttribute('disabled', 'disabled');
                endDateSiitInput.value = '';

                endDateTuInput.removeAttribute('required');
                endDateTuInput.setAttribute('disabled', 'disabled');
                endDateTuInput.value = '';
            }
        }
        // ฟังก์ชั่นในการเปิดหรือปิด select ของ Scholarship Program
        function toggleScholarshipProgram() {
            const selectedTypes = Array.from(document.getElementById('student_type').selectedOptions).map(option => option
                .value);
            const scholarshipProgramSelect = document.getElementById('student_scholarship_program');

            // ตรวจสอบว่ามีการเลือก Scholarship หรือไม่
            if (selectedTypes.includes('2')) { // แทนที่ 'ScholarshipTypeID' ด้วย ID ของ Scholarship type
                scholarshipProgramSelect.disabled = false; // เปิดใช้งาน
            } else {
                scholarshipProgramSelect.disabled = true; // ปิดการใช้งาน
                scholarshipProgramSelect.value = ''; // เคลียร์ค่า
            }
        }

        function isNumberKey(evt) {
            const charCode = evt.which ? evt.which : evt.keyCode;
            if (charCode !== 46 && (charCode < 48 || charCode > 57)) {
                return false;
            }
            return true;
        }

        function validateDecimal(input) {
            // ลบอักขระที่ไม่ใช่เลขหรือจุด
            input.value = input.value.replace(/[^0-9.]/g, '');

            // จำกัดให้มีจุดทศนิยมได้แค่ 1 จุด
            const parts = input.value.split('.');
            if (parts.length > 2) {
                input.value = parts[0] + '.' + parts[1];
            }
        }

        // เรียกใช้ฟังก์ชั่นเพื่อให้ทำงานเมื่อโหลดหน้า
        window.onload = function() {
            toggleScholarshipProgram();
        };
    </script>
@endsection

@section('content')
    @include('layouts.header')
    {{-- <section class="video-wrapper bg-overlay bg-overlay-gradient px-12 mt-0 min-vh-60 bg-cover bg-image"
        data-image-src="{{ asset('/bg/bg_01_new.png') }}"
        style="background-image: url({{ asset('/bg/bg_01_new.png') }}); background-size: 100%; background-position: center;">
        <div class="video-content">
            <div class="container text-center">
                <div class="row">
                    <div class="col-lg-8 col-xl-6 text-center text-white mx-auto">
                        <h1 class="display-1 fs-54 text-white mb-5"><span class="rotator-zoom">Student Add/Edit</span></h1>

                    </div>
                </div>
            </div>
        </div>
    </section> --}}

    @include('layouts.title')


    <section class="wrapper bg-light">

        <div class="container py-14 py-md-16">
            <div class="row gx-lg-8 gx-xl-12">

                <div class="d-flex justify-content-between align-items-center mb-3">
                    <div>
                        <span class="text-dark fs-30">Student Add/Edit</span>
                    </div>
                </div>


                <div class="col-lg-12">
                    <div class="blog single">
                        <div class="card">
                            <div class="card-body">
                                <form action="{{ url('/studentedit') }}" class="text-start mb-3" method="post"
                                    enctype="multipart/form-data">
                                    @csrf
                                    {{-- <input type="text" name="student_userid" value="" hidden /> --}}
                                    <div class="row">
                                        <div class="col-md-10"></div>
                                    </div>
                                    {{-- <input type="text" name="student_userid" value="{{ Auth::user()->id }}" hidden> --}}
                                    <input type="text" name="student_id" value="{{ $student_id }}" hidden>
                                    <div class="row">
                                        <div class="col-md-6">
                                            <div class="form-floating mb-4">
                                                <input id="textInputExample" type="text" class="form-control"
                                                    value="{{ $student_firstname }}" placeholder=""
                                                    name="student_firstname">
                                                <label for="textInputExample">First Name*</label>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-floating mb-4">
                                                <input id="textInputExample" type="text" class="form-control"
                                                    value="{{ $student_lastname }}" placeholder=" " name="student_lastname">
                                                <label for="textInputExample">Last Name*</label>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-floating mb-4">
                                                <select class="form-select select2" placeholder=""
                                                    value="{{ $student_nationality }}" name="student_nationality"
                                                    id="student_nationality">
                                                    {{-- <option value="" selected disabled>plaese select*</option> --}}
                                                    @foreach ($nationality as $inter)
                                                        <option value="{{ $inter->nationality_id }}"
                                                            @if ($student && $student->student_nationality == $inter->nationality_id) selected @endif>
                                                            {{ $inter->nationality_name }}
                                                        </option>
                                                    @endforeach
                                                </select>
                                                <label for="textInputExample">Nationality*</label>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-floating mb-4">
                                                <input id="textInputExample" type="text" class="form-control"
                                                    value="{{ $student_code }}" placeholder=" " name="student_code">
                                                <label for="textInputExample">Student ID*</label>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-floating mb-4">
                                                <input id="textInputExample" type="text" class="form-control"
                                                    value="{{ $student_email }}" placeholder=" " name="student_email">
                                                <label for="textInputExample">E-mail*</label>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-floating mb-4">
                                                <select class="form-select" placeholder="" value="{{ $student_degree }}"
                                                    name="student_degree" id="student_degree">
                                                    <option value="" selected disabled>Please select*</option>
                                                    <option value="Bachelor"
                                                        @if ($student_degree == 'Bachelor') selected @endif>Bachelor</option>
                                                    <option value="Master"
                                                        @if ($student_degree == 'Master') selected @endif>Master</option>
                                                    <option value="Doctoral"
                                                        @if ($student_degree == 'Doctoral') selected @endif>Doctoral</option>
                                                </select>
                                                <label for="textInputExample">Degree*</label>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-floating mb-4">
                                                <select class="form-select" placeholder="" value=""
                                                    name="student_advisor" id="student_advisor">
                                                    <option value="" selected disabled>Please select*</option>
                                                    @foreach ($advisor as $i => $advis)
                                                        <option value="{{ $advis->advisor_id }}"
                                                            @if ($student_advisor == $advis->advisor_id) selected @endif>
                                                            {{ $advis->advisor_name }}
                                                        </option>
                                                    @endforeach
                                                </select>
                                                <label for="textInputExample">Advisor*</label>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-floating mb-4">
                                                <select class="form-select" placeholder="" value=""
                                                    name="student_curriculum" id="student_curriculum">
                                                    <option value="" selected disabled>Please select*</option>
                                                    @foreach ($curriculum as $i => $item)
                                                        <option value="{{ $item->curriculum_id }}"
                                                            @if ($student_curriculum == $item->curriculum_id) selected @endif>
                                                            {{ $item->curriculum_name }}
                                                        </option>
                                                    @endforeach
                                                </select>
                                                <label for="textInputExample">Curriculum*</label>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-floating mb-4">
                                                <select class="form-select" placeholder="" value="{{ $student_school }}"
                                                    name="student_school" id="student_school">
                                                    <option value="" selected disabled>Please select*</option>
                                                    @foreach ($school as $i => $item)
                                                        <option value="{{ $item->school_id }}"
                                                            @if ($student_school == $item->school_id) selected @endif>
                                                            {{ $item->school_name }}
                                                        </option>
                                                    @endforeach
                                                </select>
                                                <label for="textInputExample">School*</label>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-floating mb-4">
                                                <select class="form-select" name="student_academicstatus"
                                                    id="student_academicstatus">
                                                    <option value="" selected disabled>Please select*</option>
                                                    @foreach ($academicstatus as $i => $item)
                                                        <option value="{{ $item->academicstatus_id }}"
                                                            @if ($student_academicstatus == $item->academicstatus_id) selected @endif>
                                                            {{ $item->academicstatus_name }}
                                                        </option>
                                                    @endforeach
                                                </select>
                                                <label for="student_academicstatus">Academic Status*</label>
                                            </div>
                                        </div>

                                        <div class="col-md-6" id="end-date-siit-section" style="display: none;">
                                            <div class="form-floating mb-4">
                                                <input type="date" class="form-control"
                                                    value="{{ $student_end_date_student_status_siit }}"
                                                    name="student_end_date_student_status_siit"
                                                    id="student_end_date_student_status_siit">
                                                <label for="student_end_date_student_status_siit">End Date of Student
                                                    Status (Exec. SIIT)*</label>
                                            </div>
                                        </div>
                                        <div class="col-md-6" id="end-date-tu-section" style="display: none;">
                                            <div class="form-floating mb-4">
                                                <input type="date" class="form-control"
                                                    value="{{ $student_end_date_student_status }}"
                                                    name="student_end_date_student_status"
                                                    id="student_end_date_student_status">
                                                <label for="student_end_date_student_status">End Date of Student
                                                    Status (TU)*</label>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-floating mb-4">
                                                <select class="form-select" placeholder=""
                                                    value="{{ $student_start_year }}" name="student_start_year"
                                                    id="student_start_year">
                                                    <option value="" selected disabled>Please select*</option>
                                                    @foreach ($academicyears as $academicyear)
                                                        <option value="{{ $academicyear->academic_id }}"
                                                            @if ($student_start_year == $academicyear->academic_id) selected @endif>
                                                            {{ $academicyear->academic_name }}
                                                        </option>
                                                    @endforeach
                                                </select>
                                                <label for="textInputExample">Scholarship Start Date*</label>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-floating mb-4">
                                                <select class="form-select" placeholder=""
                                                    value="{{ $student_semester_from }}" name="student_semester_from"
                                                    id="">
                                                    <option value="" selected disabled>Please select*</option>
                                                    <option value="1"
                                                        @if ($student_semester_from == 1) selected @endif>1</option>
                                                    <option value="2"
                                                        @if ($student_semester_from == 2) selected @endif>2</option>
                                                    <option value="3"
                                                        @if ($student_semester_from == 3) selected @endif>3</option>
                                                </select>
                                                <label for="textInputExample">Semester*</label>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-floating mb-4">
                                                <select class="form-select" placeholder=""
                                                    value="{{ $student_end_year }}" name="student_end_year"
                                                    id="student_end_year">
                                                    <option value="" selected disabled>Please select*</option>
                                                    @foreach ($academicyears as $academicyear)
                                                        <option value="{{ $academicyear->academic_id }}"
                                                            @if ($student_end_year == $academicyear->academic_id) selected @endif>
                                                            {{ $academicyear->academic_name }}
                                                        </option>
                                                    @endforeach
                                                </select>
                                                <label for="textInputExample">Scholarship End Date*</label>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-floating mb-4">
                                                <select class="form-select" placeholder=""
                                                    value="{{ $student_semester_to }}" name="student_semester_to"
                                                    id="">
                                                    <option value="" selected disabled>Please select*</option>
                                                    <option value="1"
                                                        @if ($student_semester_to == 1) selected @endif>1</option>
                                                    <option value="2"
                                                        @if ($student_semester_to == 2) selected @endif>2</option>
                                                    <option value="3"
                                                        @if ($student_semester_to == 3) selected @endif>3</option>
                                                </select>
                                                <label for="textInputExample">Semester*</label>
                                            </div>
                                        </div>
                                        @php
                                            // แปลง student_type เป็นอาร์เรย์
                                            $studentTypes = explode(',', $student->student_type ?? '');
                                            // แปลง student_scholarship_program เป็นอาร์เรย์ หากเป็น null จะให้เป็นอาร์เรย์ว่าง
                                            $studentScholarshipPrograms = explode(
                                                ',',
                                                $student->student_scholarship_program ?? '',
                                            );
                                            $typeNames = $type
                                                ->whereIn('type_id', $studentTypes)
                                                ->pluck('type_name_en')
                                                ->implode(', ');
                                        @endphp
                                        <div class="col-md-6">
                                            <div class="form-floating mb-4">
                                                <select class="form-select select2" multiple name="student_type[]"
                                                    id="student_type" onchange="toggleScholarshipProgram()">
                                                    @foreach ($type as $ty)
                                                        <option value="{{ $ty->type_id }}"
                                                            @if (isset($student) && in_array($ty->type_id, $studentTypes)) selected @endif>
                                                            {{ $ty->type_name_en }}
                                                        </option>
                                                    @endforeach
                                                </select>
                                                <label for="student_type">Type of Debtor*</label>
                                            </div>
                                        </div>

                                        <div class="col-md-6">
                                            <div class="form-floating mb-4">
                                                <select class="form-select select2" name="student_scholarship_program[]"
                                                    id="student_scholarship_program" multiple
                                                    {{ in_array('1', $studentTypes) ? '' : 'disabled' }}>
                                                    {{-- <option value="" selected disabled>Please select*</option> --}}
                                                    @foreach ($scholarship_program as $program)
                                                        <option value="{{ $program->scholarship_program_id }}"
                                                            @if (in_array($program->scholarship_program_id, $studentScholarshipPrograms)) selected @endif>
                                                            {{ $program->scholarship_program_name }}
                                                        </option>
                                                    @endforeach
                                                </select>
                                                <label for="student_scholarship_program">Scholarship Program*</label>
                                            </div>
                                        </div>
                                        {{-- <div class="col-md-6">
                                            <div class="form-floating mb-4">
                                                <select class="form-select" name="student_scholarship_status"
                                                    id="student_scholarship_status" disabled>
                                                    <option value="" selected disabled>Please select*</option>
                                                    @foreach ($scholarship_status as $status)
                                                        <option value="{{ $status->scholarship_status_id }}"
                                                            @if ($student_scholarship_status == $status->scholarship_status_id) selected @endif>
                                                            {{ $status->scholarship_status_name }}
                                                        </option>
                                                    @endforeach
                                                </select>
                                                <label for="student_scholarship_status">Scholarship Status*</label>
                                            </div>
                                        </div> --}}

                                        <div class="col-md-6">
                                            <div class="form-floating mb-4">
                                                <input id="textInputExample" type="text" class="form-control"
                                                    value="{{ $student_agreement_no }}" placeholder=""
                                                    name="student_agreement_no">
                                                <label for="textInputExample">Agreement No.</label>
                                            </div>
                                        </div>
                                        {{-- <div class="col-md-6" id="end-date-section" style="display: none;">
                                            <div class="form-floating mb-4">
                                                <input type="date" class="form-control"
                                                    value="{{ $student_end_date_student_status }}"
                                                    name="student_end_date_student_status"
                                                    id="student_end_date_student_status">
                                                <label for="student_end_date_student_status">End Date of Student
                                                    Status*</label>
                                            </div>
                                        </div> --}}
                                        <div class="col-md-6">
                                            <div class="form-floating mb-4">
                                                <input type="date" class="form-control" name="student_agreement_date"
                                                    id="student_agreement_date" value="{{ $student_agreement_date }}">
                                                <label for="student_agreement_date">Agreement Date</label>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-floating mb-4">
                                                <input id="textInputExample" type="text" class="form-control"
                                                    value="{{ $student_guarantor_firstname }}" placeholder=""
                                                    name="student_guarantor_firstname">
                                                <label for="textInputExample">Guarantor First Name</label>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-floating mb-4">
                                                <input id="textInputExample" type="text" class="form-control"
                                                    value="{{ $student_guarantor_lastname }}" placeholder=""
                                                    name="student_guarantor_lastname">
                                                <label for="textInputExample">Guarantor Last Name</label>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-floating mb-4">
                                                <input id="textInputExample" type="email" class="form-control"
                                                    value="{{ $student_guarantor_email }}" placeholder=""
                                                    name="student_guarantor_email">
                                                <label for="textInputExample">Guarantor E-mail</label>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-floating mb-4">
                                                <select class="form-select" placeholder=""
                                                    value="{{ $student_debt_status }}" name="student_debt_status"
                                                    id="student_debt_status">
                                                    <option value="" selected disabled>Please select*</option>
                                                    <option
                                                        value="Active"@if ($student_debt_status == 'Active') selected @endif>
                                                        Active</option>
                                                    <option
                                                        value="Inactive"@if ($student_debt_status == 'Inactive') selected @endif>
                                                        Inactive</option>
                                                </select>
                                                <label for="textInputExample">Debt Status*</label>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-floating mb-4">
                                                <input id="textInputExample" type="text" class="form-control"
                                                    value="{{ $student_outstanding_balance ?? '0.00' }}" placeholder=""
                                                    name="student_outstanding_balance" required
                                                    onfocus="if(this.value === '') this.value='0.00'"
                                                    onkeypress="return isNumberKey(event)"
                                                    oninput="validateDecimal(this)">
                                                <label for="textInputExample">The Outstanding Balance *</label>
                                                <span
                                                    style="position: absolute; right: 15px; top: 50%; transform: translateY(-50%); color: #6c757d;">THB</span>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-floating mb-4">
                                                <input id="student_outstanding_balance_payment" type="date"
                                                    class="form-control"
                                                    value="{{ $student_outstanding_balance_payment }}" placeholder=""
                                                    name="student_outstanding_balance_payment">
                                                <label for="student_outstanding_balance_payment">Due Date of the
                                                    Outstanding Balance Payment</label>
                                            </div>
                                        </div>
                                        <div class="col-md-12">
                                            <div class="form-floating mb-4">
                                                <textarea id="student_remark" class="form-control" placeholder="Textarea" style="height: 150px"
                                                    name="student_remark">{{ old('student_remark', $student_remark) }}</textarea>
                                                <label for="student_remark">Remark</label>
                                            </div>
                                        </div>
                                    </div>
                                    <br>
                                    <div align="center">
                                        <input class="btn btn-blue rounded-pill" type="submit" name="submit"
                                            value="Submit">
                                        <a class="btn btn-grape rounded-pill" href="{{ url('/studentlist') }}"
                                            title="List">Back</a>
                                    </div>
                                    <br>
                                    <div align="center" style="font-size: 14px"> * These fields are required. </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    @include('layouts.footer')
@endsection