@extends('admin.layouts.app')

@section('title', 'Add New Student (Direct Admission)')

@section('breadcrumb')
    <li class="breadcrumb-item">
        <a href="{{ route('admin.students.index') }}" class="text-decoration-none">Students</a>
    </li>
    <li class="breadcrumb-item active" aria-current="page">Add New</li>
@endsection

@section('content')
    <div class="row w-100 m-0 pb-4">
        <div class="col-12 px-0">
            <div class="page-header d-flex justify-content-between align-items-center mb-4">
                <div>
                    <h1 class="page-title fs-4 fw-bold mb-1">Add New Student</h1>
                    <p class="page-subtitle text-muted mb-0">Direct Admission & Application Intake</p>
                </div>
                <a href="{{ route('admin.students.index') }}" class="btn btn-light border shadow-sm">
                    <i class="bi bi-arrow-left me-1"></i> Back to List
                </a>
            </div>

            @if ($errors->any())
                <div class="alert alert-danger mb-4 rounded-3 border-0">
                    <strong><i class="bi bi-exclamation-triangle-fill me-2"></i>Please fix the following errors:</strong>
                    <ul class="mb-0 mt-2">
                        @foreach ($errors->all() as $error)
                            <li>{{ $error }}</li>
                        @endforeach
                    </ul>
                </div>
            @endif

            <form action="{{ route('admin.students.store') }}" id="studentStoreForm" class="formSubmit fileUpload"
                method="POST" enctype="multipart/form-data">
                @csrf
                <!-- 1. PERSONAL DETAILS -->
                <div class="card shadow-sm border-0 rounded-3 mb-4">
                    <div class="card-header bg-white border-bottom py-3">
                        <h5 class="mb-0 fw-bold"><i class="bi bi-person-badge text-primary me-2"></i>1. Personal Information
                        </h5>
                    </div>
                    <div class="card-body p-4">
                        <div class="row g-4">
                            <div class="col-md-5">
                                <label class="form-label fw-semibold">Student's Full Name <span
                                        class="text-danger">*</span></label>
                                <input type="text" name="student_name" id="student_name" class="form-control">
                            </div>
                            <div class="col-md-4">
                                <label class="form-label fw-semibold">Date of Birth <span
                                        class="text-danger">*</span></label>
                                <input type="date" name="date_of_birth" id="date_of_birth" class="form-control">
                            </div>
                            <div class="col-md-3">
                                <label class="form-label fw-semibold">Gender <span class="text-danger">*</span></label>
                                <select name="gender" id="gender" class="form-select">
                                    <option value="">Select</option>
                                    <option value="male">Male</option>
                                    <option value="female">Female</option>
                                    <option value="other">Other</option>
                                </select>
                            </div>
                            <div class="col-md-4">
                                <label class="form-label fw-semibold">Religion</label>
                                <input type="text" name="religion" id="religion" class="form-control">
                            </div>
                            <div class="col-md-4">
                                <label class="form-label fw-semibold">Community <span class="text-danger">*</span></label>
                                <select name="community" id="community" class="form-select">
                                    <option value="General">General</option>
                                    <option value="SC">SC</option>
                                    <option value="ST">ST</option>
                                    <option value="OBC">OBC</option>
                                    <option value="EWS">EWS</option>
                                    <option value="Other">Other</option>
                                </select>
                            </div>
                            <div class="col-md-4">
                                <label class="form-label fw-semibold">Aadhar No.</label>
                                <input type="text" name="aadhar_no" id="aadhar_no" class="form-control">
                            </div>
                            <div class="col-md-4">
                                <label class="form-label fw-semibold">Mobile No. <span class="text-danger">*</span></label>
                                <input type="tel" name="mobile_no" id="mobile_no" class="form-control">
                            </div>
                            <div class="col-md-4">
                                <label class="form-label fw-semibold">WhatsApp No.</label>
                                <input type="tel" name="whatsapp_no" id="whatsapp_no" class="form-control">
                            </div>
                            <div class="col-md-4">
                                <label class="form-label fw-semibold">Email <span class="text-danger">*</span></label>
                                <input type="email" name="email" id="email" class="form-control">
                            </div>
                        </div>
                    </div>
                </div>

                <!-- 2. ACADEMIC DETAILS -->
                <div class="card shadow-sm border-0 rounded-3 mb-4">
                    <div class="card-header bg-white border-bottom py-3">
                        <h5 class="mb-0 fw-bold"><i class="bi bi-book text-primary me-2"></i>2. Academic Information</h5>
                    </div>
                    <div class="card-body p-4">
                        <div class="row g-4">
                            <div class="col-md-4">
                                <label class="form-label fw-semibold">Admitting Class <span
                                        class="text-danger">*</span></label>
                                <select name="class_id" id="class_id" class="form-select">
                                    <option value="" disabled selected>Select Class</option>
                                    @foreach ($classes as $c)
                                        <option value="{{ $c->id }}">
                                            {{ $c->name }} ({{ $c->level }})</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-md-4">
                                <label class="form-label fw-semibold">Starting Semester <span
                                        class="text-muted text-sm fw-normal">(Optional)</span></label>
                                <select name="semester_id" id="semester_id" class="form-select">
                                    <option value="">None</option>
                                    @foreach ($semesters as $s)
                                        <option value="{{ $s->id }}">
                                            {{ $s->name }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="col-md-4">
                                <label class="form-label fw-semibold">Academic Year <span
                                        class="text-danger">*</span></label>
                                <input type="text" name="academic_year" id="academic_year" class="form-control"
                                    value="{{ date('Y') . '-' . (date('Y') + 1) }}">
                            </div>

                            <div class="col-md-6">
                                <label class="form-label fw-semibold">Madhyamik / Class X Subjects</label>
                                <input type="text" name="madhyamik_subjects" id="madhyamik_subjects"
                                    class="form-control">
                            </div>
                            <div class="col-md-6">
                                <label class="form-label fw-semibold">Madhyamik / Class X %</label>
                                <input type="number" step="0.01" name="madhyamik_percentage"
                                    id="madhyamik_percentage" class="form-control">
                            </div>
                            <div class="col-md-6">
                                <label class="form-label fw-semibold">Higher Secondary Subjects</label>
                                <input type="text" name="higher_secondary_subjects" id="higher_secondary_subjects"
                                    class="form-control">
                            </div>
                            <div class="col-md-6">
                                <label class="form-label fw-semibold">Higher Secondary %</label>
                                <input type="number" step="0.01" name="higher_secondary_percentage"
                                    id="higher_secondary_percentage" class="form-control">
                            </div>
                        </div>
                    </div>
                </div>

                <!-- 3. FAMILY & OTHER -->
                <div class="card shadow-sm border-0 rounded-3 mb-4">
                    <div class="card-header bg-white border-bottom py-3">
                        <h5 class="mb-0 fw-bold"><i class="bi bi-people text-primary me-2"></i>3. Family & Other
                            Activities</h5>
                    </div>
                    <div class="card-body p-4">
                        <div class="row g-4">
                            <div class="col-md-4">
                                <label class="form-label fw-semibold">Father's Name</label>
                                <input type="text" name="father_name" class="form-control" id="father_name">
                            </div>
                            <div class="col-md-4">
                                <label class="form-label fw-semibold">Father's Occupation</label>
                                <input type="text" name="father_occupation" id="father_occupation" class="form-control">
                            </div>
                            <div class="col-md-4">
                                <label class="form-label fw-semibold">Father's Mobile</label>
                                <input type="tel" name="father_mobile" id="father_mobile" class="form-control">
                            </div>
                            <div class="col-md-4">
                                <label class="form-label fw-semibold">Mother's Name</label>
                                <input type="text" name="mother_name" id="mother_name" class="form-control">
                            </div>
                            <div class="col-md-4">
                                <label class="form-label fw-semibold">Mother's Occupation</label>
                                <input type="text" name="mother_occupation" id="mother_occupation" class="form-control">
                            </div>
                            <div class="col-md-4">
                                <label class="form-label fw-semibold">Mother's Mobile</label>
                                <input type="tel" name="mother_mobile" id="mother_mobile" class="form-control">
                            </div>

                            <div class="col-md-6">
                                <label class="form-label fw-semibold">Guardian Name (If any)</label>
                                <input type="text" name="guardian_name" id="guardian_name" class="form-control">
                            </div>
                            <div class="col-md-6">
                                <label class="form-label fw-semibold">Annual Family Income(₹)</label>
                                <input type="number" name="annual_family_income" id="annual_family_income" class="form-control">
                            </div>

                            <div class="col-md-6">
                                <label class="form-label fw-semibold">Sports & Games</label>
                                <input type="text" name="sports_activities" id="sports_activities" class="form-control"
                                    placeholder="Cricket, Football...">
                            </div>
                            <div class="col-md-6">
                                <label class="form-label fw-semibold">Co-Curricular Activities</label>
                                <input type="text" name="co_curricular_activities" id="co_curricular_activities" class="form-control"
                                    placeholder="Singing, Dancing...">
                            </div>
                        </div>
                    </div>
                </div>

                <!-- 4. ADDRESS -->
                <div class="card shadow-sm border-0 rounded-3 mb-4">
                    <div class="card-header bg-white border-bottom py-3">
                        <h5 class="mb-0 fw-bold"><i class="bi bi-geo-alt text-primary me-2"></i>4. Address Details</h5>
                    </div>
                    <div class="card-body p-4">
                        <div class="row g-4">
                            <div class="col-12">
                                <label class="form-label fw-semibold">Correspondence Address</label>
                                <textarea name="corr_address" id="corr_address" class="form-control" rows="2"></textarea>
                            </div>
                            <div class="col-md-4">
                                <label class="form-label fw-semibold">P.O.</label>
                                <input type="text" name="corr_po" id="corr_po" class="form-control">
                            </div>
                            <div class="col-md-4">
                                <label class="form-label fw-semibold">District</label>
                                <input type="text" name="corr_district" id="corr_district" class="form-control">
                            </div>
                            <div class="col-md-4">
                                <label class="form-label fw-semibold">Pin Code</label>
                                <input type="text" name="corr_pin" id="corr_pin" class="form-control">
                            </div>
                        </div>
                    </div>
                </div>

                <!-- 5. REQUIRED DOCUMENTS -->
                <div class="card shadow-sm border-0 rounded-3 mb-4">
                    <div class="card-header bg-white border-bottom py-3">
                        <h5 class="mb-0 fw-bold"><i class="bi bi-file-earmark-arrow-up text-primary me-2"></i>5. Upload
                            Documents (Admission Form Requirements)</h5>
                    </div>
                    <div class="card-body p-4 bg-light rounded-bottom">
                        <div class="row g-4">
                            @php
                                $docs = [
                                    [
                                        'f' => 'student_signature',
                                        'l' => "Student's Signature",
                                        't' => '.jpeg,.jpg',
                                        'r' => true,
                                    ],
                                    [
                                        'f' => 'applicant_photo',
                                        'l' => "Applicant's Photograph",
                                        't' => '.jpeg,.jpg',
                                        'r' => true,
                                    ],
                                    [
                                        'f' => 'admit_card_x',
                                        'l' => 'Admit Card - Class X',
                                        't' => '.jpeg,.jpg,.pdf',
                                        'r' => true,
                                    ],
                                    [
                                        'f' => 'hs_marksheet',
                                        'l' => 'HS Marksheet',
                                        't' => '.jpeg,.jpg,.pdf',
                                        'r' => true,
                                    ],
                                    [
                                        'f' => 'application_fee_receipt',
                                        'l' => 'Application Fee Receipt',
                                        't' => '.jpeg,.jpg,.pdf',
                                        'r' => false,
                                    ],
                                    [
                                        'f' => 'category_certificate',
                                        'l' => 'Category Certificate (SC/ST/OBC/EWS)',
                                        't' => '.jpeg,.jpg,.pdf',
                                        'r' => false,
                                    ],
                                ];
                            @endphp
                            @foreach ($docs as $doc)
                                <div class="col-md-4">
                                    <label class="form-label fw-semibold">{{ $doc['l'] }} @if ($doc['r'])
                                            <span class="text-danger">*</span>
                                        @endif
                                    </label>
                                    <input type="file" name="{{ $doc['f'] }}" id="{{ $doc['f'] }}"
                                        class="form-control bg-white shadow-sm" accept="{{ $doc['t'] }}">
                                    <small class="text-muted" style="font-size:0.75rem">
                                        <i class="bi bi-info-circle me-1"></i>Accepted:
                                        {{ strtoupper(str_replace('.', '', $doc['t'])) }} | Max: 3MB
                                    </small>
                                </div>
                            @endforeach
                        </div>
                    </div>
                </div>

                <div class="text-end mb-5">
                    <button type="submit" class="btn btn-primary px-5 py-3 shadow-sm fs-6 rounded-3">
                        <i class="bi bi-person-check-fill me-2 fs-5 text-white"></i> Initiate Direct Admission & Intake
                    </button>
                </div>
            </form>
        </div>
    </div>
@endsection