@extends('layouts.app')
@section('title', 'Register Student')
@section('breadcrumb', 'Students › Register New Student')

@section('content')
<div class="row justify-content-center">
<div class="col-lg-9">

<div class="card table-card">
    <div class="card-header bg-white py-3">
        <h5 class="mb-0 fw-bold" style="color:#0f3d23;">
            <i class="bi bi-person-plus me-2" style="color:#c9a94d;"></i>Register New Student
        </h5>
        <small class="text-muted">{{ $school->name }} &bull; {{ $session?->name ?? 'No active session' }}</small>
    </div>
    <div class="card-body p-4">

        <form action="{{ route('school.students.store') }}" method="POST">
        @csrf

        {{-- ── Section: Biodata ─────────────────────────────────────── --}}
        <div class="mb-4">
            <div class="fw-bold mb-3 pb-2 border-bottom" style="color:#0f3d23;">
                <i class="bi bi-person me-1" style="color:#c9a94d;"></i>Student Biodata
            </div>
            <div class="row g-3">
                <div class="col-md-4">
                    <label class="form-label fw-semibold">First Name <span class="text-danger">*</span></label>
                    <input type="text" name="first_name" class="form-control @error('first_name') is-invalid @enderror"
                           value="{{ old('first_name') }}" required>
                    @error('first_name')<div class="invalid-feedback">{{ $message }}</div>@enderror
                </div>
                <div class="col-md-4">
                    <label class="form-label fw-semibold">Middle Name</label>
                    <input type="text" name="middle_name" class="form-control" value="{{ old('middle_name') }}">
                </div>
                <div class="col-md-4">
                    <label class="form-label fw-semibold">Last Name <span class="text-danger">*</span></label>
                    <input type="text" name="last_name" class="form-control @error('last_name') is-invalid @enderror"
                           value="{{ old('last_name') }}" required>
                    @error('last_name')<div class="invalid-feedback">{{ $message }}</div>@enderror
                </div>
                <div class="col-md-3">
                    <label class="form-label fw-semibold">Date of Birth</label>
                    <input type="date" name="date_of_birth" class="form-control"
                           value="{{ old('date_of_birth') }}" max="{{ date('Y-m-d') }}">
                </div>
                <div class="col-md-3">
                    <label class="form-label fw-semibold">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"   {{ old('gender')=='male'   ? 'selected':'' }}>Male</option>
                        <option value="female" {{ old('gender')=='female' ? 'selected':'' }}>Female</option>
                        <option value="other"  {{ old('gender')=='other'  ? 'selected':'' }}>Other</option>
                    </select>
                </div>
                <div class="col-md-3">
                    <label class="form-label fw-semibold">County of Origin</label>
                    <select name="county_of_origin" class="form-select">
                        <option value="">— Select —</option>
                        @foreach(['Montserrado','Nimba','Lofa','Bong','Margibi','Grand Bassa','Grand Cape Mount','Sinoe','Grand Gedeh','Maryland','River Cess','Gbarpolu','Grand Kru','River Gee'] as $county)
                        <option {{ old('county_of_origin') == $county ? 'selected':'' }}>{{ $county }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="col-md-3">
                    <label class="form-label fw-semibold">Religion</label>
                    <input type="text" name="religion" class="form-control"
                           value="{{ old('religion') }}" placeholder="e.g. Christian, Muslim">
                </div>
                <div class="col-md-6">
                    <label class="form-label fw-semibold">Home Address</label>
                    <input type="text" name="home_address" class="form-control"
                           value="{{ old('home_address') }}" placeholder="Community, Street, City">
                </div>
                <div class="col-md-3">
                    <label class="form-label fw-semibold">Home Phone</label>
                    <input type="text" name="home_phone" class="form-control"
                           value="{{ old('home_phone') }}" placeholder="+231-886-…">
                </div>
                <div class="col-md-3">
                    <label class="form-label fw-semibold">Blood Group</label>
                    <select name="blood_group" class="form-select">
                        <option value="">— Select —</option>
                        @foreach(['A+','A-','B+','B-','AB+','AB-','O+','O-'] as $bg)
                        <option {{ old('blood_group')==$bg ? 'selected':'' }}>{{ $bg }}</option>
                        @endforeach
                    </select>
                </div>
            </div>
        </div>

        {{-- ── Section: Guardian ───────────────────────────────────────── --}}
        <div class="mb-4">
            <div class="fw-bold mb-3 pb-2 border-bottom" style="color:#0f3d23;">
                <i class="bi bi-person-hearts me-1" style="color:#c9a94d;"></i>Guardian / Parent Information
            </div>
            <div class="row g-3">
                <div class="col-md-4">
                    <label class="form-label fw-semibold">Guardian Name <span class="text-danger">*</span></label>
                    <input type="text" name="guardian_name" class="form-control @error('guardian_name') is-invalid @enderror"
                           value="{{ old('guardian_name') }}" required>
                </div>
                <div class="col-md-4">
                    <label class="form-label fw-semibold">Relationship <span class="text-danger">*</span></label>
                    <select name="guardian_relationship" class="form-select" required>
                        <option value="">— Select —</option>
                        @foreach(['Father','Mother','Uncle','Aunt','Grandparent','Sibling','Guardian','Other'] as $rel)
                        <option {{ old('guardian_relationship')==$rel ? 'selected':'' }}>{{ $rel }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="col-md-4">
                    <label class="form-label fw-semibold">Guardian Phone <span class="text-danger">*</span></label>
                    <input type="text" name="guardian_phone" class="form-control @error('guardian_phone') is-invalid @enderror"
                           value="{{ old('guardian_phone') }}" required placeholder="+231-886-…">
                </div>
                <div class="col-md-4">
                    <label class="form-label fw-semibold">Guardian Email</label>
                    <input type="email" name="guardian_email" class="form-control"
                           value="{{ old('guardian_email') }}">
                </div>
                <div class="col-md-4">
                    <label class="form-label fw-semibold">Occupation</label>
                    <input type="text" name="guardian_occupation" class="form-control"
                           value="{{ old('guardian_occupation') }}">
                </div>
                <div class="col-md-4">
                    <label class="form-label fw-semibold">Guardian Address</label>
                    <input type="text" name="guardian_address" class="form-control"
                           value="{{ old('guardian_address') }}">
                </div>
            </div>
        </div>

        {{-- ── Section: Enrollment ─────────────────────────────────────── --}}
        <div class="mb-4">
            <div class="fw-bold mb-3 pb-2 border-bottom" style="color:#0f3d23;">
                <i class="bi bi-mortarboard me-1" style="color:#c9a94d;"></i>Enrollment Details
            </div>
            @if(!$session)
            <div class="alert alert-warning">
                <i class="bi bi-exclamation-triangle me-1"></i>
                No active academic session found. Please create a session before registering students.
            </div>
            @else
            <div class="row g-3">
                <div class="col-md-5">
                    <label class="form-label fw-semibold">Academic Session</label>
                    <input type="text" class="form-control bg-light" value="{{ $session->name }}" readonly>
                </div>
                <div class="col-md-5">
                    <label class="form-label fw-semibold">Class / Arm <span class="text-danger">*</span></label>
                    <select name="class_arm_id" class="form-select @error('class_arm_id') is-invalid @enderror" required>
                        <option value="">— Select class —</option>
                        @foreach($classArms as $arm)
                        <option value="{{ $arm->id }}" {{ old('class_arm_id')==$arm->id ? 'selected':'' }}>
                            {{ $arm->full_name }}
                        </option>
                        @endforeach
                    </select>
                </div>
                <div class="col-md-2">
                    <label class="form-label fw-semibold">Enrolled Date <span class="text-danger">*</span></label>
                    <input type="date" name="enrolled_at" class="form-control"
                           value="{{ old('enrolled_at', date('Y-m-d')) }}" required>
                </div>
            </div>
            @endif
        </div>

        {{-- ── Section: Medical ────────────────────────────────────────── --}}
        <div class="mb-4">
            <div class="fw-bold mb-3 pb-2 border-bottom" style="color:#0f3d23;">
                <i class="bi bi-heart-pulse me-1" style="color:#c9a94d;"></i>Medical Information <small class="text-muted fw-normal">(optional)</small>
            </div>
            <div class="row g-3">
                <div class="col-md-6">
                    <label class="form-label fw-semibold">Disability / Special Needs</label>
                    <input type="text" name="disability" class="form-control"
                           value="{{ old('disability') }}" placeholder="None if not applicable">
                </div>
                <div class="col-12">
                    <label class="form-label fw-semibold">Medical Notes</label>
                    <textarea name="medical_notes" class="form-control" rows="2"
                              placeholder="Allergies, chronic conditions, emergency medical info…">{{ old('medical_notes') }}</textarea>
                </div>
            </div>
        </div>

        <div class="d-flex gap-2">
            <button type="submit" class="btn px-4" style="background:#1a6b3c; color:#fff; border-radius:8px;">
                <i class="bi bi-person-check me-1"></i>Register Student
            </button>
            <a href="{{ route('school.students.index') }}" class="btn btn-outline-secondary" style="border-radius:8px;">
                Cancel
            </a>
        </div>

        </form>
    </div>
</div>
</div>
</div>
@endsection