@extends('layouts.master')

@section('title', 'Application List')

@section('style')

@endsection

@section('script')
<script>
    $(document).ready(function() {
        $('#application_school').select2({
            placeholder: "-- Select School --",
            allowClear: true
        });
    });
</script>


@endsection

@section('content')

    @include('layouts.header')
    @include('layouts.header-sub')

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

                <div class="col-md-12">
                    <h5 class="display-1 mb-3" style="font-size: 30px">@yield('title')</h5>
                    <p class="lead fs-lg pe-lg-15 pe-xxl-12"></p>
                </div>

                <div class="col-lg-12">
                    <div class="blog single">
                        <div class="card">
                            <div class="card-body">

                                <form class="contact-form" method="post" action="{{ url('/applicationedit') }}"
                                    enctype="multipart/form-data">
                                    {{ csrf_field() }}

                                    <input name="application_id" value="{{ $application_id }}" type="hidden">

                                    <div class="messages"></div>
                                    <div class="row gx-4">

                                        <div class="col-md-12">
                                            <div class="form-floating mb-4">
                                                <input id="application_no" type="text" name="application_no"
                                                    class="form-control" placeholder="Application No." required
                                                    value="{{ $application_no }}" autocomplete="off">
                                                <label for="form_lastname">Application No. *</label>
                                            </div>
                                        </div>

                                        <div class="col-md-12">
                                            <div class="form-floating mb-4">
                                                <input id="application_citizen_id" type="text"
                                                    name="application_citizen_id" class="form-control"
                                                    placeholder="Citizen ID" required value="{{ $application_citizen_id }}"
                                                    autocomplete="off">
                                                <label for="form_lastname">Citizen ID *</label>
                                            </div>
                                        </div>

                                        <div class="col-md-4">
                                            <div class="form-floating mb-4">
                                                <input id="application_title" type="text" name="application_title"
                                                    class="form-control" placeholder="Title"
                                                    value="{{ $application_title }}" autocomplete="off">
                                                <label for="form_lastname">Title </label>
                                            </div>
                                        </div>

                                        <div class="col-md-4">
                                            <div class="form-floating mb-4">
                                                <input id="application_name" type="text" name="application_name"
                                                    class="form-control" placeholder="Name" value="{{ $application_name }}"
                                                    autocomplete="off">
                                                <label for="form_lastname">Name </label>
                                            </div>
                                        </div>

                                        <div class="col-md-4">
                                            <div class="form-floating mb-4">
                                                <input id="application_surname" type="text" name="application_surname"
                                                    class="form-control" placeholder="Surname"
                                                    value="{{ $application_surname }}" autocomplete="off">
                                                <label for="form_lastname">Surname </label>
                                            </div>
                                        </div>

                                        <div class="col-md-6">
                                            <div class="form-floating mb-4">
                                                <select name="application_school" id="application_school"
                                                    class="form-select select2" required>
                                                    <option value="">-- Select School --</option>
                                                    @foreach ($schools as $school)
                                                        <option value="{{ $school->school_name }}"
                                                            {{ $school->school_name == $application_school ? 'selected' : '' }}>
                                                            {{ $school->school_name }}
                                                        </option>
                                                    @endforeach
                                                </select>
                                                <label for="application_school">School *</label>
                                            </div>
                                        </div>


                                        <div class="col-md-6">
                                            <div class="form-floating mb-4">
                                                <input id="application_program" type="text" name="application_program"
                                                    class="form-control" placeholder="Program"
                                                    value="{{ $application_program }}" autocomplete="off">
                                                <label for="form_lastname">Program </label>
                                            </div>
                                        </div>

                                        <div class="col-md-6">
                                            <div class="form-floating mb-4">
                                                <input id="application_cgpa" type="text" name="application_cgpa"
                                                    class="form-control" placeholder="CGPA" value="{{ $application_cgpa }}"
                                                    autocomplete="off">
                                                <label for="form_lastname">CGPA </label>
                                            </div>
                                        </div>

                                        <div class="col-md-6">
                                            <div class="form-floating mb-4">
                                                <input id="application_syllabus" type="text"
                                                    name="application_syllabus" class="form-control"
                                                    placeholder="Syllabus" value="{{ $application_syllabus }}"
                                                    autocomplete="off">
                                                <label for="form_lastname">Syllabus </label>
                                            </div>
                                        </div>

                                        <div class="col-md-4">
                                            <div class="form-floating mb-4">
                                                <input id="application_gpax_mathematics" type="text"
                                                    name="application_gpax_mathematics" class="form-control"
                                                    placeholder="GPA Mathematics"
                                                    value="{{ $application_gpax_mathematics }}" autocomplete="off">
                                                <label for="form_lastname">GPA Mathematics </label>
                                            </div>
                                        </div>

                                        <div class="col-md-4">
                                            <div class="form-floating mb-4">
                                                <input id="application_gpax_physics" type="text"
                                                    name="application_gpax_physics" class="form-control"
                                                    placeholder="GPA Physics" value="{{ $application_gpax_physics }}"
                                                    autocomplete="off">
                                                <label for="form_lastname">GPA Physics </label>
                                            </div>
                                        </div>

                                        <div class="col-md-4">
                                            <div class="form-floating mb-4">
                                                <input id="application_gpax_english" type="text"
                                                    name="application_gpax_english" class="form-control"
                                                    placeholder="GPA English" value="{{ $application_gpax_english }}"
                                                    autocomplete="off">
                                                <label for="form_lastname">GPA English </label>
                                            </div>
                                        </div>

                                        <div class="col-md-6">
                                            <div class="form-floating mb-4">
                                                <input id="application_admission_type" type="text"
                                                    name="application_admission_type" class="form-control"
                                                    placeholder="Admission Type"
                                                    value="{{ $application_admission_type }}" autocomplete="off">
                                                <label for="form_lastname">Admission Type </label>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-floating mb-4">
                                                <input id="application_portfolio_file" type="url"
                                                    name="application_portfolio_file" class="form-control"
                                                    placeholder="Portfolio File (Link)"
                                                    value="{{ $application_portfolio_file }}" autocomplete="off">
                                                <label for="form_lastname">Portfolio File </label>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-floating mb-4">
                                                <input id="application_transcript_file" type="url"
                                                    name="application_transcript_file" class="form-control"
                                                    placeholder="Transcript File (Link)"
                                                    value="{{ $application_transcript_file }}" autocomplete="off">
                                                <label for="form_lastname">Transcript File </label>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-floating mb-4">
                                                <input id="application_standardized_file" type="url"
                                                    name="application_standardized_file" class="form-control"
                                                    placeholder="Standardized File (Link)"
                                                    value="{{ $application_standardized_file }}" autocomplete="off">
                                                <label for="form_lastname">Standardized File </label>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-floating mb-4">
                                                <input id="application_certificate_file" type="url"
                                                    name="application_certificate_file" class="form-control"
                                                    placeholder="Certificate File (Link)"
                                                    value="{{ $application_certificate_file }}" autocomplete="off">
                                                <label for="form_lastname">Certificate File </label>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-floating mb-4">
                                                <input id="application_citizen_file" type="url"
                                                    name="application_citizen_file" class="form-control"
                                                    placeholder="Citizen File (Link)" value="{{ $application_citizen_file }}"
                                                    autocomplete="off">
                                                <label for="form_lastname">Citizen File </label>
                                            </div>
                                        </div>


                                        <div class="col-12 text-center" style="margin-top: 20px">
                                            <input type="submit"
                                                class="btn btn-sm btn-primary rounded-pill btn-send mb-3" value="Submit">

                                            <a class="btn btn-sm btn-violet rounded-pill btn-send mb-3"
                                                href="{{ url('/applicationlist') }}">
                                                <i class="uil uil-back"></i> Back
                                            </a>

                                            <p class="text-muted"><strong>*</strong> These fields are required.</p>
                                        </div>

                                    </div>
                                </form>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>


    @include('layouts.footer')

@endsection