@extends('themes.six.master')

@section('title', 'Online Admission')

@section('content')
<div class="container py-4">
  <div class="row justify-content-center">
    <div class="col-lg-12">
      <h1 class="h4 mb-3">Online Admission</h1>

      @if(session('success'))
        <div class="alert alert-success">{{ session('success') }}</div>
      @endif
      @error('submission')
        <div class="alert alert-danger">{{ $message }}</div>
      @enderror

      <form class="card shadow-sm border-0" method="POST" action="{{ url('/online-admission') }}" enctype="multipart/form-data">
        @csrf
        <input type="hidden" name="section" value="online-adimission">

        <div class="card-body p-4">

          {{-- === Student Information === --}}
          <h2 class="h5 mb-3">Student Information</h2>
          <div class="row g-3">
            <div class="col-md-4">
              <label class="form-label">First Name <span class="text-danger">*</span></label>
              <input type="text" name="first_name" value="{{ old('first_name') }}"
                     class="form-control @error('first_name') is-invalid @enderror" required>
              @error('first_name')<div class="invalid-feedback">{{ $message }}</div>@enderror
            </div>

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

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

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

            <div class="col-md-4">
              <label class="form-label">Gender <span class="text-danger">*</span></label>
              <select name="gender" class="form-select @error('gender') is-invalid @enderror" required>
                <option value="">-- Select --</option>
                <option value="Male" @selected(old('gender')==='Male')>Male</option>
                <option value="Female" @selected(old('gender')==='Female')>Female</option>
              </select>
              @error('gender')<div class="invalid-feedback">{{ $message }}</div>@enderror
            </div>

            <div class="col-md-4">
              <label class="form-label">Class <span class="text-danger">*</span></label>
              <input type="text" name="class" value="{{ old('class') }}"
                     class="form-control @error('class') is-invalid @enderror" required
                     placeholder="e.g. Nursery, Grade 1">
              @error('class')<div class="invalid-feedback">{{ $message }}</div>@enderror
            </div>

            <div class="col-md-4">
              <label class="form-label">Student Email</label>
              <input type="email" name="email" value="{{ old('email') }}"
                     class="form-control @error('email') is-invalid @enderror"
                     placeholder="Enter email (optional)">
              @error('email')<div class="invalid-feedback">{{ $message }}</div>@enderror
            </div>

            <div class="col-md-4">
              <label class="form-label">Contact Number <span class="text-danger">*</span></label>
              <input type="text" name="contact_no" value="{{ old('contact_no') }}"
                     class="form-control @error('contact_no') is-invalid @enderror" required
                     placeholder="Enter contact number">
              @error('contact_no')<div class="invalid-feedback">{{ $message }}</div>@enderror
            </div>

            <div class="col-md-8">
              <label class="form-label">Address <span class="text-danger">*</span></label>
              <textarea name="address" rows="2" class="form-control @error('address') is-invalid @enderror"
                        required placeholder="Enter full address">{{ old('address') }}</textarea>
              @error('address')<div class="invalid-feedback">{{ $message }}</div>@enderror
            </div>

            <div class="col-md-4">
              <label class="form-label">Upload Photo</label>
              <input type="file" name="image"
                     class="form-control @error('image') is-invalid @enderror" accept="image/*">
              @error('photo')<div class="invalid-feedback">{{ $message }}</div>@enderror
            </div>
          </div>

          <hr class="my-4">

          {{-- === Parents / Guardian === --}}
            <h2 class="h5 mb-3">Parents / Guardian</h2>
          <div class="row g-3">
            <div class="col-md-4">
              <label class="form-label">Father's Name</label>
              <input type="text" name="father_name" value="{{ old('father_name') }}"
                     class="form-control @error('father_name') is-invalid @enderror">
            </div>

            <div class="col-md-4">
              <label class="form-label">Father's Phone</label>
              <input type="text" name="father_phone" value="{{ old('father_phone') }}"
                     class="form-control @error('father_phone') is-invalid @enderror">
            </div>

            <div class="col-md-4">
              <label class="form-label">Mother's Name</label>
              <input type="text" name="mother_name" value="{{ old('mother_name') }}"
                     class="form-control @error('mother_name') is-invalid @enderror">
            </div>

            <div class="col-md-4">
              <label class="form-label">Mother's Phone</label>
              <input type="text" name="mother_phone" value="{{ old('mother_phone') }}"
                     class="form-control @error('mother_phone') is-invalid @enderror">
            </div>
          </div>
        </div>

        <div class="card-footer d-flex justify-content-end gap-2">
          <button type="reset" class="btn btn-outline-secondary">Clear</button>
          <button type="submit" class="btn btn-primary">Submit Admission</button>
        </div>
      </form>

      <p class="text-muted mt-3 mb-0" style="font-size:.9rem">
        Fields marked with <span class="text-danger">*</span> are required.
      </p>
    </div>
  </div>
</div>
@endsection