@extends('layouts.app')
@section('title', 'Create Student - Admin')

@section('content')
<div class="page-header">
    <h2>Create Student</h2>
    <p style="font-size: 0.8rem; color: #64748b; margin: 0;"><a href="{{ route('admin.students.index') }}">Student FYP</a> / Create Student</p>
</div>

<div class="form-card">
    <div class="card-header">Student Profile & FYP Details</div>
    <div class="card-body">
        <form method="POST" action="{{ route('admin.students.store-student') }}">
            @csrf

            <div class="mb-3">
                <label class="form-label">Select Existing Student</label>
                <select id="existingStudent" name="existing_student_id" class="form-select">
                    <option value="">-- Select a student to auto-fill (optional) --</option>
                    @foreach($studentList as $s)
                        <option value="{{ $s->id }}">{{ $s->fullname }} ({{ $s->user_id }})</option>
                    @endforeach
                </select>
                <small style="color: #64748b;">Selecting a student will auto-fill the form below.</small>
            </div>

            <div class="mb-3">
                <label class="form-label">Full Name <span class="text-danger">*</span></label>
                <input type="text" name="fullname" id="fullname" class="form-control @error('fullname') is-invalid @enderror" value="{{ old('fullname') }}" required>
                @error('fullname') <div class="invalid-feedback">{{ $message }}</div> @enderror
            </div>

            <div class="mb-3">
                <label class="form-label">Student ID <span class="text-danger">*</span></label>
                <input type="text" name="user_id" id="user_id" class="form-control @error('user_id') is-invalid @enderror" value="{{ old('user_id') }}" required>
                @error('user_id') <div class="invalid-feedback">{{ $message }}</div> @enderror
            </div>

            <div class="mb-3">
                <label class="form-label">Program</label>
                <input type="text" name="program" id="program" class="form-control @error('program') is-invalid @enderror" value="{{ old('program') }}">
                @error('program') <div class="invalid-feedback">{{ $message }}</div> @enderror
            </div>

            <div class="mb-3">
                <label class="form-label">Contact</label>
                <input type="text" name="contact" id="contact" class="form-control @error('contact') is-invalid @enderror" value="{{ old('contact') }}">
                @error('contact') <div class="invalid-feedback">{{ $message }}</div> @enderror
            </div>

            <div class="mb-3">
                <label class="form-label">Email <span class="text-danger">*</span></label>
                <input type="email" name="email" id="email" class="form-control @error('email') is-invalid @enderror" value="{{ old('email') }}" required>
                @error('email') <div class="invalid-feedback">{{ $message }}</div> @enderror
            </div>

            <div class="mb-3">
                <label class="form-label">FYP Duration</label>
                <input type="text" name="fyp_duration" class="form-control @error('fyp_duration') is-invalid @enderror" value="{{ old('fyp_duration') }}" placeholder="e.g. Semester 1 2025/2026">
                @error('fyp_duration') <div class="invalid-feedback">{{ $message }}</div> @enderror
            </div>

            <div class="mb-3">
                <label class="form-label">Supervisor</label>
                <select name="supervisor_id" class="form-select @error('supervisor_id') is-invalid @enderror">
                    <option value="">-- Select Supervisor --</option>
                    @foreach($supervisors as $sv)
                        <option value="{{ $sv->id }}" {{ old('supervisor_id') == $sv->id ? 'selected' : '' }}>{{ $sv->fullname }} ({{ $sv->user_id }})</option>
                    @endforeach
                </select>
                @error('supervisor_id') <div class="invalid-feedback">{{ $message }}</div> @enderror
            </div>

            <div class="mb-3">
                <label class="form-label">FYP Title</label>
                <select name="project_title_id" class="form-select @error('project_title_id') is-invalid @enderror">
                    <option value="">-- Select Project Title --</option>
                    @foreach($titles as $t)
                        <option value="{{ $t->id }}" {{ old('project_title_id') == $t->id ? 'selected' : '' }}>{{ $t->title }} [{{ $t->category->name }}]</option>
                    @endforeach
                </select>
                @error('project_title_id') <div class="invalid-feedback">{{ $message }}</div> @enderror
            </div>

            <div class="mt-4">
                <button type="submit" class="btn btn-primary">Create Student & Assign FYP</button>
                <a href="{{ route('admin.students.index') }}" class="btn btn-outline-secondary">Cancel</a>
            </div>
        </form>
    </div>
</div>

@push('scripts')
<script>
document.getElementById('existingStudent').addEventListener('change', function() {
    const studentId = this.value;
    if (!studentId) {
        document.getElementById('fullname').value = '';
        document.getElementById('user_id').value = '';
        document.getElementById('program').value = '';
        document.getElementById('contact').value = '';
        document.getElementById('email').value = '';
        return;
    }

    fetch('/admin/students/' + studentId + '/details')
        .then(response => response.json())
        .then(data => {
            document.getElementById('fullname').value = data.fullname || '';
            document.getElementById('user_id').value = data.user_id || '';
            document.getElementById('program').value = data.program || '';
            document.getElementById('contact').value = data.contact || '';
            document.getElementById('email').value = data.email || '';
        })
        .catch(err => console.error('Error fetching student details:', err));
});
</script>
@endpush
@endsection