@extends('layouts.side_bar')

@section('content')
<div class="container-fluid py-4">
    <div class="row justify-content-center">
        <div class="col-12 col-xl-10">
            <div class="card border-0 shadow-sm mb-4 bg-info-subtle">
                <div class="card-body d-flex flex-wrap justify-content-between align-items-center gap-2 p-4">
                    <div>
                        <h2 class="h4 mb-1">Edit Assignment</h2>
                        <p class="text-secondary mb-0">Update assignment details</p>
                    </div>
                    <a href="{{ route('assignments.index') }}" class="btn btn-outline-secondary rounded-pill">Back to List</a>
                </div>
            </div>

            <div class="card border-0 shadow-sm">
                <div class="card-body p-4 p-lg-5">
                    <form method="POST" action="{{ route('assignments.update', $assignment) }}" class="row g-3">
                        @csrf
                        @method('PUT')

                        <div class="col-md-6">
                            <label for="course_id" class="form-label">Course</label>
                            <select id="course_id" name="course_id" class="form-select border-2 border-secondary-subtle @error('course_id') is-invalid @enderror" required>
                                <option value="">Select course</option>
                                @foreach ($courses as $course)
                                    <option value="{{ $course->id }}" {{ old('course_id', $assignment->course_id) === (string)$course->id ? 'selected' : '' }}>
                                        {{ $course->title }}
                                    </option>
                                @endforeach
                            </select>
                            @error('course_id')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="col-md-6">
                            <label for="subject_id" class="form-label">Subject</label>
                            <select id="subject_id" name="subject_id" class="form-select border-2 border-secondary-subtle @error('subject_id') is-invalid @enderror" required>
                                <option value="">Select subject</option>
                                @foreach ($subjects as $subject)
                                    <option value="{{ $subject->id }}" {{ old('subject_id', $assignment->subject_id) === (string)$subject->id ? 'selected' : '' }}>
                                        {{ $subject->name }}
                                    </option>
                                @endforeach
                            </select>
                            @error('subject_id')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="col-12">
                            <label for="title" class="form-label">Assignment Title</label>
                            <input id="title" type="text" name="title" value="{{ old('title', $assignment->title) }}" class="form-control border-2 border-secondary-subtle @error('title') is-invalid @enderror" required>
                            @error('title')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="col-12">
                            <label for="description" class="form-label">Description</label>
                            <textarea id="description" name="description" rows="4" class="form-control border-2 border-secondary-subtle @error('description') is-invalid @enderror">{{ old('description', $assignment->description) }}</textarea>
                            @error('description')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="col-md-6">
                            <label for="due_date" class="form-label">Due Date</label>
                            <input id="due_date" type="datetime-local" name="due_date" value="{{ old('due_date', $assignment->due_date->format('Y-m-d\TH:i')) }}" class="form-control border-2 border-secondary-subtle @error('due_date') is-invalid @enderror" required>
                            @error('due_date')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="col-md-6">
                            <label for="max_score" class="form-label">Maximum Score</label>
                            <input id="max_score" type="number" name="max_score" value="{{ old('max_score', $assignment->max_score) }}" min="1" max="1000" class="form-control border-2 border-secondary-subtle @error('max_score') is-invalid @enderror" required>
                            @error('max_score')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="col-md-6">
                            <label for="status" class="form-label">Status</label>
                            <select id="status" name="status" class="form-select border-2 border-secondary-subtle @error('status') is-invalid @enderror" required>
                                <option value="open" {{ old('status', $assignment->status) === 'open' ? 'selected' : '' }}>Open</option>
                                <option value="closed" {{ old('status', $assignment->status) === 'closed' ? 'selected' : '' }}>Closed</option>
                            </select>
                            @error('status')
                                <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>

                        <div class="col-12 d-flex gap-2 pt-3">
                            <button type="submit" class="btn btn-primary rounded-pill px-4">Update Assignment</button>
                            <a href="{{ route('assignments.index') }}" class="btn btn-outline-secondary">Cancel</a>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection