@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">Create Assignment</h2>
                        <p class="text-secondary mb-0">Add a new assignment for your course</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.store') }}" class="row g-3">
                        @csrf

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