@extends('frontend.v2.layout.app')
@section('title', 'Admission')
@section('content')
    <section class="container-fluid">
        <div class="row align-items-center min-vh-100">
            <!-- col -->
            <div class="col-12 align-items-center min-vh-lg-100 position-fixed-lg bg-cover bg-light top-0 right-0 mt-5">
                <h1 class="text-center mt-3 mb-2">Admission from</h1>
                <div class="px-4 px-xxl-20 px-xl-14 py-8 py-lg-0">
                    <!-- form section -->
                    <div id="admission-form" class="container py-4">
                        @if (session('success'))
                            <div class="alert alert-success">{{ session('success') }}</div>
                        @endif

                        <form action="{{ route('store.admission') }}" method="POST" enctype="multipart/form-data"
                            class="row g-3">
                            @csrf


                            <div class="col-md-6">
                                <label for="branchName" class="form-label">Branch Name <span class="text-danger">*</span></label>
                                <select name="branchName" id="branchName"
                                    class="form-select @error('branchName') is-invalid @enderror" required>
                                    <option value="">-- Select Branch --</option>
                                    <option value="Farmgate" {{ old('branchName') == 'Farmgate' ? 'selected' : '' }}>Farmgate</option>
                                </select>
                                @error('branchName')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                            

                            <div class="col-md-6">
                                <label for="fullNameInEnglish" class="form-label">Full Name (English)<span
                                        class="text-danger">*</span></label>
                                <input type="text" name="fullNameInEnglish" id="fullNameInEnglish"
                                    class="form-control @error('fullNameInEnglish') is-invalid @enderror"
                                    value="{{ old('fullNameInEnglish') }}" required>
                                @error('fullNameInEnglish')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                            <div class="col-md-6">
                                <label for="fullNameInBangla" class="form-label">Full Name (Bangla)<span
                                        class="text-danger">*</span></label>
                                <input type="text" name="fullNameInBangla" id="fullNameInBangla"
                                    class="form-control @error('fullNameInBangla') is-invalid @enderror"
                                    value="{{ old('fullNameInBangla') }}">
                                @error('fullNameInBangla')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                            <div class="col-md-6">
                                <label for="dob" class="form-label">Date of Birth<span
                                        class="text-danger">*</span></label>
                                <input type="date" name="dob" id="dob"
                                    class="form-control @error('dob') is-invalid @enderror" value="{{ old('dob') }}"
                                    required>
                                @error('dob')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                            <div class="col-md-6">
                                <label for="fatherName" class="form-label">Father's Name<span
                                        class="text-danger">*</span></label>
                                <input type="text" name="fatherName" id="fatherName"
                                    class="form-control @error('fatherName') is-invalid @enderror"
                                    value="{{ old('fatherName') }}">
                                @error('fatherName')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                            <div class="col-md-6">
                                <label for="motherName" class="form-label">Mother's Name<span
                                        class="text-danger">*</span></label>
                                <input type="text" name="motherName" id="motherName"
                                    class="form-control @error('motherName') is-invalid @enderror"
                                    value="{{ old('motherName') }}">
                                @error('motherName')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                            <div class="col-12">
                                <label for="presentAddress" class="form-label">Present Address<span
                                        class="text-danger">*</span></label>
                                <textarea name="presentAddress" id="presentAddress" class="form-control @error('presentAddress') is-invalid @enderror"
                                    rows="2">{{ old('presentAddress') }}</textarea>
                                @error('presentAddress')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                            <div class="col-12">
                                <label for="permanentAddress" class="form-label">Permanent Address<span
                                        class="text-danger">*</span></label>
                                <textarea name="permanentAddress" id="permanentAddress"
                                    class="form-control @error('permanentAddress') is-invalid @enderror" rows="2">{{ old('permanentAddress') }}</textarea>
                                @error('permanentAddress')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                            <div class="col-md-6">
                                <label for="contactNumHome" class="form-label">Contact Number (Own)<span
                                        class="text-danger">*</span></label>
                                <input type="text" name="contactNumHome" id="contactNumHome"
                                    class="form-control @error('contactNumHome') is-invalid @enderror"
                                    value="{{ old('contactNumHome') }}">
                                @error('contactNumHome')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                            <div class="col-md-6">
                                <label for="contactNumCell" class="form-label">Contact Number (Guardian)<span
                                        class="text-danger">*</span></label>
                                <input type="text" name="contactNumCell" id="contactNumCell"
                                    class="form-control @error('contactNumCell') is-invalid @enderror"
                                    value="{{ old('contactNumCell') }}">
                                @error('contactNumCell')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                            <div class="col-md-3">
                                <label for="course_id" class="form-label">Course<span class="text-danger">*</span></label>
                                <select name="course_name" id="course_name"
                                    class="form-select @error('course_name') is-invalid @enderror">
                                    <option value="">Select a course</option>
                                    @foreach($courses as $course)
                                        <option value="{{ $course->title }}"
                                                data-fee="{{ $course->regular_course_fee }}"
                                                data-discount="{{ $course->discount_fee }}"
                                            {{ old('course_name') == $course->title ? 'selected' : '' }}>
                                            {{ $course->title }}
                                        </option>
                                    @endforeach
                                </select>

                                @error('course_name')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
                            
                            <div class="col-md-3 mt-3" id="fee-section" style="display: none;">
                                <label for="regular_course_fee" class="form-label">Regular Course Fee</label>
                                <input type="text" id="regular_course_fee" class="form-control" readonly>
                            </div>
                            
                            <div class="col-md-3 mt-3" id="discount-section" style="display: none;">
                                <label for="discount" class="form-label">Discount</label>
                                <input type="text" id="discount" class="form-control" readonly>
                            </div>
                            
                            <div class="col-md-3 mt-3" id="total-section" style="display: none;">
                                <label for="total_fee" class="form-label">Total Fee</label>
                                <input type="text" id="total_fee" class="form-control" readonly>
                                <input type="hidden" name="total_course_fee" id="hidden_total_fee">

                            </div>
                            
                            <div class="col-md-4">
                                <label for="institution" class="form-label">Institution</label>
                                <input type="text" name="institution" id="institution"
                                    class="form-control @error('institution') is-invalid @enderror"
                                    value="{{ old('institution') }}">
                                @error('institution')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                            <div class="col-md-4">
                                <label for="board" class="form-label">Board</label>
                                <input type="text" name="board" id="board"
                                    class="form-control @error('board') is-invalid @enderror"
                                    value="{{ old('board') }}">
                                @error('board')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                            <div class="col-md-3">
                                <label for="group" class="form-label">Group</label>
                                <input type="text" name="group" id="group"
                                    class="form-control @error('group') is-invalid @enderror"
                                    value="{{ old('group') }}" required>
                                @error('group')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                            <div class="col-md-3">
                                <label for="gpaWithoutFourSub" class="form-label">GPA (Without 4th Subject)</label>
                                <input type="text" name="gpaWithoutFourSub" id="gpaWithoutFourSub"
                                    class="form-control @error('gpaWithoutFourSub') is-invalid @enderror"
                                    value="{{ old('gpaWithoutFourSub') }}" required>
                                @error('gpaWithoutFourSub')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                            <div class="col-md-3">
                                <label for="gpaWithFourSub" class="form-label">GPA (With 4th Subject)</label>
                                <input type="text" name="gpaWithFourSub" id="gpaWithFourSub"
                                    class="form-control @error('gpaWithFourSub') is-invalid @enderror"
                                    value="{{ old('gpaWithFourSub') }}" required>
                                @error('gpaWithFourSub')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>
{{-- 
                            <div class="col-md-3">
                                <label for="referance" class="form-label">Reference</label>
                                <input type="text" name="referance" id="referance"
                                    class="form-control @error('referance') is-invalid @enderror"
                                    value="{{ old('referance') }}">
                                @error('referance')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                            <div class="col-md-4">
                                <label for="student_signature" class="form-label">Student Signature</label>
                                <input type="file" name="student_signature" id="student_signature"
                                    class="form-control @error('student_signature') is-invalid @enderror">
                                @error('student_signature')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                            <div class="col-md-4">
                                <label for="gurdian_signature" class="form-label">Guardian Signature</label>
                                <input type="file" name="gurdian_signature" id="gurdian_signature"
                                    class="form-control @error('gurdian_signature') is-invalid @enderror">
                                @error('gurdian_signature')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div>

                            <div class="col-md-4">
                                <label for="authority_signature" class="form-label">Authority Signature</label>
                                <input type="file" name="authority_signature" id="authority_signature"
                                    class="form-control @error('authority_signature') is-invalid @enderror">
                                @error('authority_signature')
                                    <div class="invalid-feedback">{{ $message }}</div>
                                @enderror
                            </div> --}}


                            <div class="row mt-3">
                                {{-- Left Column: Input Fields --}}
                                <div class="col-md-6">
                                    <div class="mb-3">
                                        <label for="payment_mobile" class="form-label">Payment Mobile Number <span class="text-danger">*</span></label>
                                        <input type="text" name="payment_mobile" id="payment_mobile"
                                            class="form-control @error('payment_mobile') is-invalid @enderror" required>
                                        @error('payment_mobile')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                            
                                    <div class="mb-3">
                                        <label for="payment_amount" class="form-label">Paid Amount <span class="text-danger">*</span></label>
                                        <input type="number" step="0.01" name="payment_amount" id="payment_amount"
                                            class="form-control @error('payment_amount') is-invalid @enderror" required>
                                        @error('payment_amount')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                            
                                    <div class="mb-3">
                                        <label for="transaction_id" class="form-label">Transaction ID <span class="text-danger">*</span></label>
                                        <input type="text" name="transaction_id" id="transaction_id"
                                            class="form-control @error('transaction_id') is-invalid @enderror" required>
                                        @error('transaction_id')
                                            <div class="invalid-feedback">{{ $message }}</div>
                                        @enderror
                                    </div>
                                </div>
                            
                                {{-- Right Column: Instructions --}}
                                <div class="col-md-6">
                                    <div class="p-3 bg-light border rounded">
                                        <h6 class="fw-bold">Payment Instructions</h6>
                                        <ul class="mb-2">
                                            <li>Step 1: Send the required course fee using <strong>bKash</strong> or <strong>Nagad</strong>.</li>
                                            <li>Step 2: After sending money, copy the <strong>Transaction ID</strong>.</li>
                                            <li>Step 3: Paste the Transaction ID into the field on the left.</li>
                                        </ul>
                                        <p class="mb-1"><strong>bKash Number:</strong> <span class="text-primary">0145485465545</span></p>
                                        <p class="mb-1"><strong>Nagad Number:</strong> <span class="text-primary">0154587545</span></p>
                                        <p class="text-danger mt-2"><em>Note:</em> Use your own mobile number for the payment and ensure the amount matches the course fee.</p>
                                    </div>
                                </div>
                            </div>
                            

                            <div class="col-12">
                                <button type="submit" class="btn btn-primary w-100">Submit Admission</button>
                            </div>
                        </form>

                    </div>

                </div>
            </div>
        </div>
    </section>
<script>
    document.addEventListener('DOMContentLoaded', function () {
        const courseSelect = document.getElementById('course_name');
        const feeSection = document.getElementById('fee-section');
        const discountSection = document.getElementById('discount-section');
        const totalSection = document.getElementById('total-section');

        const feeInput = document.getElementById('regular_course_fee');
        const discountInput = document.getElementById('discount');
        const totalFeeInput = document.getElementById('total_fee');
        


        function updateFields() {
            const selectedOption = courseSelect.options[courseSelect.selectedIndex];
            const fee = parseFloat(selectedOption.getAttribute('data-fee')) || 0;
            const discount = parseFloat(selectedOption.getAttribute('data-discount')) || 0;
            const total = Math.max(fee - discount, 0);
            document.getElementById('hidden_total_fee').value = total.toFixed(2);

            feeInput.value = fee.toFixed(2);
            discountInput.value = discount.toFixed(2);
            totalFeeInput.value = total.toFixed(2);

            feeSection.style.display = 'block';
            discountSection.style.display = 'block';
            totalSection.style.display = 'block';
        }

        courseSelect.addEventListener('change', updateFields);

        // Auto-trigger on load if value exists
        if (courseSelect.value) {
            courseSelect.dispatchEvent(new Event('change'));
        }
    });
</script>

@endsection