@extends('layouts.header')

@section('content')
    <main class="container">
        <ol class="breadcrumb mb-4">
            <li class="breadcrumb-item"><a href="{{ route('dash') }}">Dashboard</a></li>
            <li class="breadcrumb-item active"><a href="{{ route('student.list') }}">Student List</a></li>
            <li class="breadcrumb-item active">Edit Student Details</li>
        </ol>

        <div class="row justify-content-center">
            <div class="col-lg-8">
                <div class="card shadow">
                    <div class="card-body">
                        <h2 class="card-title text-center mt-5 mb-4">Edit Student Details</h2>
                        <form method="POST" action="{{ route('student.update', $student->id) }}"
                            enctype="multipart/form-data">
                            @csrf
                            @method('PUT')

                            <div class="mb-3">
                                <label for="student_name" class="form-label">Name of the Student:</label>
                                <input type="text" id="student_name" name="student_name" class="form-control"
                                    value="{{ old('student_name', $student->student_name) }}" required>
                            </div>

                            <div class="row">
                                <div class="col-md-6">
                                    <div class="mb-3">
                                        <label for="student_age" class="form-label">Age:</label>
                                        <input type="number" id="student_age" name="student_age" class="form-control"
                                            value="{{ old('student_age', $student->student_age) }}" required>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="mb-3">
                                        <label for="date_of_birth" class="form-label">Date of Birth:</label>
                                        <input type="date" id="date_of_birth" name="date_of_birth" class="form-control"
                                            value="{{ old('date_of_birth', $student->date_of_birth) }}" required>
                                    </div>
                                </div>
                            </div>

                            <div class="mb-3">
                                <label class="form-label">Gender:</label><br>
                                <div class="form-check form-check-inline">
                                    <input type="radio" id="male" name="gender" value="male"
                                        class="form-check-input"
                                        {{ old('gender', $student->gender) == 'male' ? 'checked' : '' }} required>
                                    <label for="male" class="form-check-label">Male</label>
                                </div>
                                <div class="form-check form-check-inline">
                                    <input type="radio" id="female" name="gender" value="female"
                                        class="form-check-input"
                                        {{ old('gender', $student->gender) == 'female' ? 'checked' : '' }} required>
                                    <label for="female" class="form-check-label">Female</label>
                                </div>
                            </div>
                            <!-- Student Aadhar Number -->
                            <div class="mb-3">
                                <label for="student_aadhar_number" class="form-label">Student Aadhar Number:</label>
                                <input type="text" id="student_aadhar_number" name="student_aadhar_number"
                                    class="form-control"
                                    value="{{ old('student_aadhar_number', $student->student_aadhar_number) }}" required>
                            </div>

                            <div class="mb-3">
                                <label for="guardian_name" class="form-label">Name of the Parents/Guardian:</label>
                                <input type="text" id="guardian_name" name="guardian_name" class="form-control"
                                    value="{{ old('guardian_name', $student->guardian_name) }}" required>
                            </div>
                            <div class="mb-3">
                                <label for="parents_occupation" class="form-label">Parents' Occupation:</label>
                                <input type="text" id="parents_occupation" name="parents_occupation" class="form-control"
                                    value="{{ old('parents_occupation', $student->parents_occupation) }}" required>
                            </div>

                            <!-- Parents' Income -->
                            <div class="mb-3">
                                <label for="parents_income" class="form-label">Parents' Income:</label>
                                <input type="text" id="parents_income" name="parents_income" class="form-control"
                                    value="{{ old('parents_income', $student->parents_income) }}" required>
                            </div>
                            <div class="mb-3">
                                <label for="parent_aadhar_number" class="form-label">Parent Aadhar Number:</label>
                                <input type="text" id="parent_aadhar_number" name="parent_aadhar_number"
                                    class="form-control"
                                    value="{{ old('parent_aadhar_number', $student->parent_aadhar_number) }}" required>
                            </div>

                            <div class="mb-3">
                                <label for="communication_address" class="form-label">Address for Communication:</label>
                                <textarea id="communication_address" name="communication_address" rows="4" class="form-control" required>{{ old('communication_address', $student->communication_address) }}</textarea>
                            </div>

                            <div class="mb-3">
                                <label for="contact_phone" class="form-label">Contact Phone Number:</label>
                                <input type="tel" id="contact_phone" name="contact_phone" class="form-control"
                                    value="{{ old('contact_phone', $student->contact_phone) }}" pattern="[0-9]{10}"
                                    required>
                            </div>
                            <div class="mb-3">
                                <label for="extra_phone_number" class="form-label">Extra Phone Number:</label>
                                <input type="tel" id="extra_phone_number" name="extra_phone_number"
                                    class="form-control" pattern="[0-9]{10}"
                                    value="{{ old('extra_phone_number', $student->extra_phone_number) }}">
                            </div>

                            <h3>Educational Details</h3>

                            <div class="row">
                                <div class="col-md-6">
                                                                        <div class="mb-3">
                                        <label for="student_class" class="form-label">Class:</label>
                                        <select id="student_class" name="student_class" class="form-control" required>
                                            <option value="" disabled>Select Class</option>
                                            @for ($class = 1; $class <= 12; $class++)
                                                <option value="{{ $class }}"
                                                    {{ $student->student_class == $class ? 'selected' : '' }}>
                                                    {{ convertToRoman($class) }}</option>
                                            @endfor
                                        </select>
                                    </div>
                                </div>
                                <div class="col-md-6">
                                    <div class="mb-3">
                                        <label for="student_std" class="form-label">Std:</label>
                                        <select id="student_std" name="student_std" class="form-control" required>
                                            <option value="" disabled>Select Standard</option>
                                            <option value="A" {{ $student->student_std == 'A' ? 'selected' : '' }}>A
                                            </option>
                                            <option value="B" {{ $student->student_std == 'B' ? 'selected' : '' }}>B
                                            </option>
                                            <option value="C" {{ $student->student_std == 'C' ? 'selected' : '' }}>C
                                            </option>
                                            <option value="D" {{ $student->student_std == 'D' ? 'selected' : '' }}>D
                                            </option>
                                            <option value="E" {{ $student->student_std == 'E' ? 'selected' : '' }}>E
                                            </option>
                                            <option value="F" {{ $student->student_std == 'F' ? 'selected' : '' }}>F
                                            </option>
                                        </select>
                                    </div>
                                </div>
                            </div>
                            <div class="mb-3">
                                <label for="medium_of_instruction" class="form-label">Medium of Instruction:</label>
                                <select id="medium_of_instruction" name="medium_of_instruction" class="form-control"
                                    required>
                                    <option value="" disabled>Select Medium of Instruction</option>
                                    <option value="english"
                                        {{ old('medium_of_instruction', $student->medium_of_instruction) == 'english' ? 'selected' : '' }}>
                                        English</option>
                                    <option value="tamil"
                                        {{ old('medium_of_instruction', $student->medium_of_instruction) == 'tamil' ? 'selected' : '' }}>
                                        Tamil</option>
                                </select>
                            </div>

                            <div class="mb-3">
                                <label for="school" class="form-label">School Name:</label>
                                <select id="school" name="school_id" class="form-control" required onchange="setSchoolName()">
                                    <option value="" disabled selected>School Name</option>
                                    @foreach ($schools as $school)
                                    <option value="{{ $school->Id }}" {{ old('school_id', $student->school_id) == $school->id ? 'selected' : '' }}>
                                            {{ $school->school_name }}
                                        </option>
                                    @endforeach
                                </select>
                            </div>

                            {{-- <div class="mb-3">
                                <label for="school" class="form-label">School Name:</label>
                                <select id="school" name="school_id" class="form-control" required>
                                    <option value="" disabled>Select School</option>
                                    <option value="">{{ $student->school->school_name }}</option>
                                    @foreach ($schools as $school)
                                        @if ($student->school->school_name !== $school->school_name)
                                            <option value="{{ $school->Id }}"
                                                {{ old('school', $student->school_id) == $school->Id ? 'selected' : '' }}>
                                                {{ $school->school_name }}
                                            </option>
                                        @endif
                                    @endforeach
                                </select>
                            </div> --}}




                            <div class="mb-3">
                                <label for="school_fees" class="form-label">School Fees:</label>
                                <input type="text" id="school_fees" name="school_fees" class="form-control"
                                    value="{{ old('school_fees', $student->school_fees) }}" required>
                            </div>

                            <div class="mb-3">
                                <label for="school_details" class="form-label">School Details:</label>
                                <textarea id="school_details" name="school_details" rows="4" class="form-control" required>{{ old('school_details', $student->school_details) }}</textarea>
                            </div>

                            <div class="mb-3">
                                <label for="student_image" class="form-label">Image of Student:</label>
                                @if ($student->student_image)
                                    <div class="mb-3">
                                        <img src="{{ asset($student->student_image) }}" alt="Student Image"
                                            width="100">
                                    </div>
                                @endif
                                <input type="file" id="student_image" name="student_image" accept="image/*"
                                    class="form-control">
                            </div>
                            <div class="text-center">
                                <button type="submit" class="btn btn-primary btn-lg">Update</button>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </main>
@endsection

@push('scripts')
    <script>
        document.addEventListener('DOMContentLoaded', function() {
            const ageInput = document.getElementById('student_age');
            ageInput.addEventListener('input', function(e) {
                let age = parseInt(e.target.value.replace(/\D/g, ''));
                if (age > 19) {
                    e.target.value = '';
                } else {
                    e.target.value = age;
                }
            });
        });
    </script>
@endpush