@extends('layouts.app')

@section('content')
    <div class="container position-sticky z-index-sticky top-0">
        <div class="row">
            <div class="col-12">
                @include('layouts.navbars.guest.navbar')
            </div>
        </div>
    </div>
    <main class="main-content mt-5">
        <section>
            <div class="page-header min-vh-100">
                <div class="container">
                    <div class="row justify-content-center">
                        <div class="col-lg-8">
                            <div class="card p-4 shadow-lg-primary border-2 ">
                                <div class="card-header pb-0 text-center">
                                    <h4 class="font-weight-bolder">STUDENT REGISTRATION FORM</h4>
                                    <p class="mb-0">Enter your details to register</p>
                                </div>
                                <div class="card-body">
                                    <form role="form" method="POST"  action="{{ route('std-reg-add') }}">
                                        @csrf
                                        @method('post')
                                        <div class="row">
                                            <!-- First Name -->
                                            <div class="col-md-4 mb-3">
                                                <label class="form-label">First Name</label>
                                                <input type="text" name="firstname" class="form-control"
                                                    value="{{ old('firstname') }}" placeholder="Enter your firstname"
                                                    required>
                                                @error('firstname')
                                                    <p class="text-danger text-xs pt-1"> {{ $message }} </p>
                                                @enderror
                                            </div>
                                            <!-- Last Name -->
                                            <div class="col-md-4 mb-3">
                                                <label class="form-label">Last Name</label>
                                                <input type="text" name="lastname" class="form-control"
                                                    value="{{ old('lastname') }}" placeholder="Enter your lastname"
                                                    required>
                                                @error('lastname')
                                                    <p class="text-danger text-xs pt-1"> {{ $message }} </p>
                                                @enderror
                                            </div>
                                            <!-- Gender -->
                                            <div class="col-md-4 mb-3">
                                                <label class="form-label">Gender</label>
                                                <select name="gender" class="form-control" required>
                                                    <option value="1">Male</option>
                                                    <option value="2">Female</option>
                                                    <option value="3">Other</option>
                                                </select>
                                                @error('gender')
                                                    <p class="text-danger text-xs pt-1"> {{ $message }} </p>
                                                @enderror
                                            </div>
                                        </div>

                                        <div class="row">
                                            <!-- Date of Birth -->
                                            <div class="col-md-4 mb-3">
                                                <label class="form-label">Date of Birth</label>
                                                <input type="date" name="dob" class="form-control"
                                                    value="{{ old('dob') }}" required>
                                                @error('dob')
                                                    <p class="text-danger text-xs pt-1"> {{ $message }} </p>
                                                @enderror
                                            </div>
                                            <!-- Email -->
                                            <div class="col-md-4 mb-3">
                                                <label class="form-label">Email</label>
                                                <input type="email" name="email" class="form-control"
                                                    value="{{ old('email') }}" placeholder="Enter your email" required>
                                                @error('email')
                                                    <p class="text-danger text-xs pt-1"> {{ $message }} </p>
                                                @enderror
                                            </div>
                                            <div class="col-md-4 mb-3">
                                                <label class="form-label">Mobile Number</label>
                                                <input type="mobile_no" name="mobile_no" class="form-control"
                                                    value="{{ old('mobile_no') }}" placeholder="Enter your mobile_no" required>
                                                @error('mobile_no')
                                                    <p class="text-danger text-xs pt-1"> {{ $message }} </p>
                                                @enderror
                                            </div>
                                            <!-- City -->

                                        </div>

                                        <div class="row">
                                            <div class="col-md-4 mb-3">
                                                <label class="form-label">City</label>
                                                <input type="text" name="city" class="form-control"
                                                    value="{{ old('city') }}" placeholder="Enter your city" required>
                                                @error('city')
                                                    <p class="text-danger text-xs pt-1"> {{ $message }} </p>
                                                @enderror
                                            </div>
                                            <!-- State -->
                                            <div class="col-md-4 mb-3">
                                                <label class="form-label">State</label>
                                                <input type="text" name="state" class="form-control"
                                                    value="{{ old('state') }}" placeholder="Enter your state" required>
                                                @error('state')
                                                    <p class="text-danger text-xs pt-1"> {{ $message }} </p>
                                                @enderror
                                            </div>
                                            <!-- Country -->
                                            <div class="col-md-4 mb-3">
                                                <label class="form-label">Country</label>
                                                <input type="text" name="country" class="form-control"
                                                    value="{{ old('country') }}" placeholder="Enter your country" required>
                                                @error('country')
                                                    <p class="text-danger text-xs pt-1"> {{ $message }} </p>
                                                @enderror
                                            </div>
                                            <!-- Zip Code -->

                                        </div>

                                        <div class="row">
                                            <div class="col-md-4 mb-3">
                                                <label class="form-label">Zip Code</label>
                                                <input type="text" name="zipcode" class="form-control"
                                                    value="{{ old('zipcode') }}" placeholder="Enter your zipcode" required>
                                                @error('zipcode')
                                                    <p class="text-danger text-xs pt-1"> {{ $message }} </p>
                                                @enderror
                                            </div>
                                            <!-- High School Name -->
                                            <div class="col-md-4 mb-3">
                                                <label class="form-label">High School Name</label>
                                                <input type="text" name="high_school_name" class="form-control"
                                                    value="{{ old('high_school_name') }}"
                                                    placeholder="Enter your high school name" required>
                                                @error('high_school_name')
                                                    <p class="text-danger text-xs pt-1"> {{ $message }} </p>
                                                @enderror
                                            </div>
                                            <!-- High School Percentage / GPA -->
                                            <div class="col-md-4 mb-3">
                                                <label class="form-label">High School</label>
                                                <input type="text" name="high_school_gpa" class="form-control"
                                                    value="{{ old('high_school_gpa') }}"
                                                    placeholder="Enter your percentage/GPA" required>
                                                @error('high_school_gpa')
                                                    <p class="text-danger text-xs pt-1"> {{ $message }} </p>
                                                @enderror
                                            </div>

                                            <!-- Year of Passing -->

                                        </div>

                                        <div class="row">
                                            <div class="col-md-4 mb-3">
                                                <label class="form-label">Secondary School </label>
                                                <input type="text" name="high_secondary_gpa" class="form-control"
                                                    value="{{ old('high_secondary_gpa') }}"
                                                    placeholder="Enter your percentage/GPA" required>
                                                @error('high_secondary_gpa')
                                                    <p class="text-danger text-xs pt-1"> {{ $message }} </p>
                                                @enderror
                                            </div>
                                            <div class="col-md-4 mb-3">
                                                <label class="form-label">Year of Passing</label>
                                                <input type="text" name="year_of_passing" class="form-control"
                                                    value="{{ old('year_of_passing') }}"
                                                    placeholder="Enter year of passing" required>
                                                @error('year_of_passing')
                                                    <p class="text-danger text-xs pt-1"> {{ $message }} </p>
                                                @enderror
                                            </div>

                                            <div class="col-md-4 mb-3">
                                                <label class="form-label">Caste</label>
                                                <select name="caste" class="form-select" required>
                                                    <option value="" disabled selected>Select a caste</option>
                                                    @foreach ($castes as $caste)
                                                        <option value="{{ $caste->caste_name }}">{{ $caste->caste_name }}
                                                        </option>
                                                    @endforeach
                                                </select>
                                                @error('caste')
                                                    <p class="text-danger text-xs pt-1"> {{ $message }} </p>
                                                @enderror
                                            </div>

                                        </div>
                                        <div class="row">
                                            <div class="col-md-4 mb-3">
                                                <label class="form-label">Hostel Accommodation Required?</label>
                                                <select name="hostel" class="form-select" required>
                                                    <option value="1">Yes</option>
                                                    <option value="0">No</option>
                                                </select>
                                                @error('hostel')
                                                    <p class="text-danger text-xs pt-1"> {{ $message }} </p>
                                                @enderror
                                            </div>
                                            <!-- Course Applying For -->
                                            <div class="col-md-4 mb-3">
                                                <label class="form-label">Course Applying For</label>
                                                <select name="course" class="form-select" required>
                                                    <option value="" disabled selected>Select a course</option>
                                                    @foreach ($courses as $course)
                                                        <option value="{{ $course->course_name }}">
                                                            {{ $course->course_name }}</option>
                                                    @endforeach
                                                </select>
                                                @error('course')
                                                    <p class="text-danger text-xs pt-1"> {{ $message }} </p>
                                                @enderror
                                            </div>
                                            <div class="col-md-4 mb-3">
                                                <label class="form-label">Mother Tongue</label>
                                                <input type="text" name="mother_tongue" class="form-control"
                                                    value="{{ old('mother_tongue') }}" placeholder="Enter mother tongue">
                                                @error('mother_tongue')
                                                    <p class="text-danger text-xs pt-1"> {{ $message }} </p>
                                                @enderror
                                            </div>

                                            <!-- Father’s Name -->

                                        </div>

                                        <div class="row">
                                            <div class="col-md-4 mb-3">
                                                <label class="form-label">Second Language</label>
                                                <select name="second_language" class="form-select" required>
                                                    <option value="" disabled selected>Select a Second Language</option>
                                                    @foreach ($second as $sec_lang)
                                                        <option value="{{ $sec_lang->second_language_name }}">
                                                            {{ $sec_lang->second_language_name }}</option>
                                                    @endforeach
                                                </select>
                                                @error('sec_lang')
                                                    <p class="text-danger text-xs pt-1"> {{ $message }} </p>
                                                @enderror
                                            </div>
                                            <!-- Father’s Occupation -->
                                            <div class="col-md-4 mb-3">
                                                <label class="form-label">Father’s Name</label>
                                                <input type="text" name="father_name" class="form-control"
                                                    value="{{ old('father_name') }}" placeholder="Enter father's name"
                                                    required>
                                                @error('father_name')
                                                    <p class="text-danger text-xs pt-1"> {{ $message }} </p>
                                                @enderror
                                            </div>
                                            <!-- Mother’s Name -->
                                            <div class="col-md-4 mb-3">
                                                <label class="form-label">Mother’s Name</label>
                                                <input type="text" name="mother_name" class="form-control"
                                                    value="{{ old('mother_name') }}" placeholder="Enter mother's name"
                                                    required>
                                                @error('mother_name')
                                                    <p class="text-danger text-xs pt-1"> {{ $message }} </p>
                                                @enderror
                                            </div>

                                            <!-- Guardian’s Name -->

                                        </div>

                                        <div class="row">
                                            <div class="col-md-4 mb-3">
                                                <label class="form-label">Father’s Occupation</label>
                                                <input type="text" name="father_occupation" class="form-control"
                                                    value="{{ old('father_occupation') }}"
                                                    placeholder="Enter father's occupation" required>
                                                @error('father_occupation')
                                                    <p class="text-danger text-xs pt-1"> {{ $message }} </p>
                                                @enderror
                                            </div>
                                            <div class="col-md-4 mb-3">
                                                <label class="form-label">Guardian’s Name</label>
                                                <input type="text" name="guardian_name" class="form-control"
                                                    value="{{ old('guardian_name') }}"
                                                    placeholder="Enter guardian's name">
                                                @error('guardian_name')
                                                    <p class="text-danger text-xs pt-1"> {{ $message }} </p>
                                                @enderror
                                            </div>
                                            <!-- Father Mobile Number -->
                                            <div class="col-md-4 mb-3">
                                                <label class="form-label">Father Mobile Number</label>
                                                <input type="number" name="father_mobile_number" class="form-control"
                                                    value="{{ old('father_mobile_number') }}"
                                                    placeholder="Enter father's mobile number">
                                                @error('father_mobile_number')
                                                    <p class="text-danger text-xs pt-1"> {{ $message }} </p>
                                                @enderror
                                            </div>


                                        </div>

                                        <!-- Submit Button -->
                                        <div class="text-center">
                                            <button type="submit"
                                                class="btn btn-lg btn-primary w-50 mt-4 mb-0">Register</button>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
    </main>
@endsection