@extends('layouts.app')

@section('css')
    <link href="{{ asset('assets/css/parent-form.css') }}" rel="stylesheet" type="text/css" />
@endsection

@section('content')
    @include('layouts.toolbar')

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

            <form id="StudentForm" name="StudentForm" class="parent-form-shell">
                {{ csrf_field() }}
                <input type="hidden" name="id" id="id" value="{{ $student->id }}">
                <input type="hidden" name="parent_id" id="parent_id" value="{{ $parent->id }}">

                <div class="parent-form-header">
                    <div class="parent-form-title-wrap">
                        <h1 class="parent-form-title">Update Student</h1>
                        <p class="parent-form-subtitle">Edit the details for this student.</p>
                    </div>
                </div>

                {{-- Student details --}}
                <div class="parent-form-section">
                    <div class="parent-form-section-head">
                        <span class="parent-form-section-icon is-blue"><i class="fa-solid fa-graduation-cap"></i></span>
                        <div>
                            <h2 class="parent-form-section-title">Student Details</h2>
                            <p class="parent-form-section-note">Basic information about the student.</p>
                        </div>
                    </div>

                    <div class="parent-form-grid">
                        <div class="parent-field is-third">
                            <label class="parent-label is-required" for="first_name">First Name</label>
                            <input type="text" class="parent-form-control @error('first_name') is-invalid @enderror"
                                   placeholder="Enter first name" name="first_name" id="first_name"
                                   value="{{ $student->first_name }}" />
                        </div>

                        <div class="parent-field is-third">
                            <label class="parent-label is-required" for="last_name">Last Name</label>
                            <input type="text" class="parent-form-control @error('last_name') is-invalid @enderror"
                                   placeholder="Enter last name" name="last_name" id="last_name"
                                   value="{{ $student->last_name }}" />
                        </div>

                        <div class="parent-field is-third">
                            <label class="parent-label">Parent</label>
                            <div class="parent-static">
                                @if($parent->father == 'ON')
                                    <span class="parent-static-row"><span class="parent-static-tag">Father</span>{{ ucfirst($parent->father_full_name) }}</span>
                                @endif
                                @if($parent->mother == 'ON')
                                    <span class="parent-static-row"><span class="parent-static-tag">Mother</span>{{ ucfirst($parent->mother_full_name) }}</span>
                                @endif
                                @if($parent->father != 'ON' && $parent->mother != 'ON')
                                    <span class="parent-static-empty">No parent on record</span>
                                @endif
                            </div>
                        </div>

                        <div class="parent-field is-third">
                            <label class="parent-label is-required" for="dob">Date of Birth</label>
                            <input type="date" class="parent-form-control @error('dob') is-invalid @enderror"
                                   name="dob" id="dob" value="{{ $student->dob }}" />
                        </div>

                        <div class="parent-field is-third">
                            <label class="parent-label is-required" for="gender">Gender</label>
                            <select name="gender" id="gender" class="parent-form-control @error('gender') is-invalid @enderror">
                                <option value="">Select gender</option>
                                <option value="MALE" {{ ($student->gender == 'MALE') ? 'selected' : '' }}>Male</option>
                                <option value="FEMALE" {{ ($student->gender == 'FEMALE') ? 'selected' : '' }}>Female</option>
                            </select>
                        </div>

                        @if($role == 'PARENT')
                            <input type="hidden" name="account_type" id="account_type" value="LIVE">
                        @else
                            <div class="parent-field is-third">
                                <label class="parent-label is-required" for="account_type">Student Type</label>
                                <select name="account_type" id="account_type" class="parent-form-control @error('account_type') is-invalid @enderror">
                                    <option value="">Select type</option>
                                    <option value="LIVE" {{ ($student->account_type == 'LIVE') ? 'selected' : '' }}>Live</option>
                                    <option value="TEST" {{ ($student->account_type == 'TEST') ? 'selected' : '' }}>Test</option>
                                </select>
                            </div>
                        @endif
                    </div>
                </div>

                {{-- Pediatric doctor --}}
                <div class="parent-form-section">
                    <div class="parent-form-section-head">
                        <span class="parent-form-section-icon is-green"><i class="fa-solid fa-stethoscope"></i></span>
                        <div>
                            <h2 class="parent-form-section-title">Pediatric Doctor</h2>
                            <p class="parent-form-section-note">Optional — the student's regular doctor.</p>
                        </div>
                    </div>

                    <div class="parent-form-grid">
                        <div class="parent-field">
                            <label class="parent-label" for="doctor_name">Doctor's Name</label>
                            <input type="text" class="parent-form-control @error('doctor_name') is-invalid @enderror"
                                   placeholder="Enter doctor's name" name="doctor_name" id="doctor_name"
                                   value="{{ $student->doctor_name }}" />
                        </div>

                        <div class="parent-field">
                            <label class="parent-label" for="doctor_phone">Doctor's Phone</label>
                            <input type="tel" class="parent-form-control @error('doctor_phone') is-invalid @enderror"
                                   placeholder="Enter doctor's phone" name="doctor_phone" id="doctor_phone"
                                   value="{{ $student->doctor_phone }}" />
                        </div>
                    </div>
                </div>

                {{-- Insurance --}}
                <div class="parent-form-section">
                    <div class="parent-form-section-head">
                        <span class="parent-form-section-icon is-amber"><i class="fa-solid fa-shield-halved"></i></span>
                        <div>
                            <h2 class="parent-form-section-title">Insurance Information</h2>
                            <p class="parent-form-section-note">Optional — medical insurance and special conditions.</p>
                        </div>
                    </div>

                    <div class="parent-form-grid">
                        <div class="parent-field">
                            <label class="parent-label" for="company_name">Company Name</label>
                            <input type="text" class="parent-form-control @error('company_name') is-invalid @enderror"
                                   placeholder="Enter company name" name="company_name" id="company_name"
                                   value="{{ $student->company_name }}" />
                        </div>

                        <div class="parent-field">
                            <label class="parent-label" for="policy_number">Policy Number</label>
                            <input type="tel" class="parent-form-control @error('policy_number') is-invalid @enderror"
                                   placeholder="Enter policy number" name="policy_number" id="policy_number"
                                   value="{{ $student->policy_number }}" />
                        </div>

                        <div class="parent-field is-full">
                            <label class="parent-label" for="list_medical_special">Medical Limitations &amp; Special Conditions</label>
                            <textarea class="parent-form-control @error('list_medical_special') is-invalid @enderror"
                                      placeholder="List any medical limitations or special conditions"
                                      name="list_medical_special" id="list_medical_special" rows="2">{{ $student->list_medical_special }}</textarea>
                        </div>
                    </div>
                </div>

                <div class="parent-form-actions">
                    <a href="{{ url('parents/students/'.encryptedId($parent->id).'/list') }}" class="parent-form-btn is-ghost" id="CancelForm">Cancel</a>
                    <button type="button" class="parent-form-btn is-primary" id="SubmitForm">
                        <i class="fa-solid fa-check"></i>
                        Update Student
                    </button>
                </div>
            </form>

        </div>
    </div>
@endsection

@section('js')
    <script type="text/javascript">
        $(function() {
            $(document).on('click', '#SubmitForm', function(e) {
                $.ajax ({
                    type : 'POST',
                    url : '{{ url("parents/students/update") }}',
                    processData : false,
                    contentType : false,
                    data : new FormData($('#StudentForm')[0]),
                    dataType : 'json',

                    success: function (data) {
                        if(data.success) {
                            toastr.success(data.success);
                            setTimeout(function () {
                                window.location.href = "{{ url('parents/students/'.encryptedId($parent->id).'/list') }}";
                            }, 1500);

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

                            toastr.error(htmlError);
                        }
                    }
                });
            });
        });
    </script>
@endsection