@extends('layouts.app')
@section('title', 'Edit FYP Assignment - Admin')

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

<div class="form-card">
    <div class="card-header">FYP Assignment Details</div>
    <div class="card-body">
        <div class="row mb-4">
            <div class="col-md-6">
                <dl class="detail-list">
                    <dt>Student</dt>
                    <dd>{{ $student->studentDisplayName() }} ({{ $student->studentDisplayId() }})</dd>
                    <dt>Program</dt>
                    <dd>{{ $student->student->program ?? 'N/A' }}</dd>
                </dl>
            </div>
        </div>

        <form method="POST" action="{{ route('admin.students.update', $student) }}">
            @csrf @method('PUT')
            <div class="row g-3">
                <div class="col-md-6">
                    <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', $student->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="col-md-6">
                    <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', $student->fyp_duration) }}">
                    @error('fyp_duration') <div class="invalid-feedback">{{ $message }}</div> @enderror
                </div>
                <div class="col-md-6">
                    <label class="form-label">Project 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', $student->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="col-md-6">
                    <label class="form-label">Status <span class="text-danger">*</span></label>
                    <select name="status" class="form-select @error('status') is-invalid @enderror" required>
                        <option value="Active" {{ old('status', $student->status) === 'Active' ? 'selected' : '' }}>Active</option>
                        <option value="Completed" {{ old('status', $student->status) === 'Completed' ? 'selected' : '' }}>Completed</option>
                        <option value="Terminated" {{ old('status', $student->status) === 'Terminated' ? 'selected' : '' }}>Terminated</option>
                    </select>
                    @error('status') <div class="invalid-feedback">{{ $message }}</div> @enderror
                </div>
            </div>
            <div class="mt-4">
                <button type="submit" class="btn btn-primary">Update Assignment</button>
                <a href="{{ route('admin.students.index') }}" class="btn btn-outline-secondary">Cancel</a>
            </div>
        </form>
    </div>
</div>
@endsection