@extends('admin.layout')
@section('title','Add Student')
@section('page-title','Add New Student')

@section('content')
<div style="max-width:760px;">
<form method="POST" action="{{ route('admin.student.store') }}">
@csrf
<div class="card" style="margin-bottom:18px;">
    <div class="card-header"><h3><i class="fas fa-user" style="color:var(--red);margin-right:8px;"></i>Personal Information</h3></div>
    <div class="card-body">
        <div class="form-grid form-grid-2">
            <div class="form-group"><label>Full Name *</label><input name="name" value="{{ old('name') }}" required></div>
            <div class="form-group"><label>Email *</label><input type="email" name="email" value="{{ old('email') }}" required></div>
            <div class="form-group"><label>Phone *</label><input name="phone" value="{{ old('phone') }}" required></div>
            <div class="form-group"><label>Date of Birth</label><input type="date" name="dob" value="{{ old('dob') }}"></div>
            <div class="form-group"><label>Father's Name</label><input name="father_name" value="{{ old('father_name') }}"></div>
            <div class="form-group"><label>Education</label>
                <select name="education">
                    <option value="">Select</option>
                    @foreach(['10th','12th','Graduate','Post Graduate','Other'] as $e)
                    <option value="{{ $e }}" {{ old('education')==$e?'selected':'' }}>{{ $e }}</option>
                    @endforeach
                </select>
            </div>
            <div class="form-group" style="grid-column:span 2"><label>Address</label><input name="address" value="{{ old('address') }}"></div>
            <div class="form-group"><label>City</label><input name="city" value="{{ old('city') }}"></div>
            <div class="form-group"><label>State</label><input name="state" value="{{ old('state') }}"></div>
        </div>
    </div>
</div>

<div class="card" style="margin-bottom:18px;">
    <div class="card-header"><h3><i class="fas fa-book-open" style="color:var(--red);margin-right:8px;"></i>Course Details</h3></div>
    <div class="card-body">
        <div class="form-grid form-grid-3">
            <div class="form-group"><label>Course *</label>
                <select name="course" required>
                    @foreach(['N5','N4','N3','N2','N1','Kaiwa','Online'] as $c)
                    <option value="{{ $c }}" {{ old('course')==$c?'selected':'' }}>{{ $c }}</option>
                    @endforeach
                </select>
            </div>
            <div class="form-group"><label>Batch</label><input name="batch" value="{{ old('batch') }}" placeholder="e.g. Morning A"></div>
            <div class="form-group"><label>Enrollment Date</label><input type="date" name="enrollment_date" value="{{ old('enrollment_date', date('Y-m-d')) }}"></div>
        </div>
        <div class="form-group" style="margin-top:12px;"><label>Notes</label><textarea name="notes" rows="2" style="resize:vertical;">{{ old('notes') }}</textarea></div>
    </div>
</div>

<div class="card" style="margin-bottom:18px;">
    <div class="card-header"><h3><i class="fas fa-lock" style="color:var(--red);margin-right:8px;"></i>Portal Login (Student)</h3></div>
    <div class="card-body">
        <div class="form-grid form-grid-2">
            <div class="form-group"><label>Login Password *</label><input type="password" name="password" required placeholder="Min 6 characters"></div>
            <div class="form-group" style="justify-content:flex-end;">
                <div style="background:#eff6ff;border-radius:10px;padding:12px 14px;font-size:13px;color:#1d4ed8;">
                    <i class="fas fa-info-circle"></i> Student will use their email + this password to login at <strong>/login</strong>
                </div>
            </div>
        </div>
    </div>
</div>

@if($errors->any())
<div class="alert alert-error">{{ $errors->first() }}</div>
@endif

<div style="display:flex;gap:10px;">
    <button type="submit" class="btn btn-primary"><i class="fas fa-user-plus"></i> Add Student</button>
    <a href="{{ route('admin.students') }}" class="btn btn-outline">Cancel</a>
</div>
</form>
</div>
@endsection