@extends('layouts.admin')

@section('title', 'Add New Course')

@section('content')
<div class="container mt-4">
    <div class="card shadow-sm">
        <div class="card-header bg-success text-white">
            <h5 class="mb-0">Add New Course</h5>
        </div>

        <div class="card-body">
            @if ($errors->any())
                <div class="alert alert-danger">
                    <strong>Errors occurred:</strong>
                    <ul class="mb-0">
                        @foreach ($errors->all() as $error)
                            <li>{{ $error }}</li>
                        @endforeach
                    </ul>
                </div>
            @endif

            <form method="POST" action="{{ route('admin.courses.store') }}">
                @csrf

                <div class="mb-3">
                    <label for="course_code" class="form-label">Course Code</label>
                    <input type="text" name="course_code" id="course_code" class="form-control" required value="{{ old('course_code') }}">
                </div>

                <div class="mb-3">
                    <label for="course_description" class="form-label">Course Description</label>
                    <input type="text" name="course_description" id="course_description" class="form-control" required value="{{ old('course_description') }}">
                </div>

                <div class="mb-3">
                    <label for="level" class="form-label">Level</label>
                    <select name="level" id="level" class="form-select" required>
                        <option value="">-- Select Level --</option>
                        @for ($i = 1; $i <= 4; $i++)
                            <option value="{{ $i }}" {{ old('level') == $i ? 'selected' : '' }}>Level {{ $i }}</option>
                        @endfor
                    </select>
                </div>

                <div class="mb-3">
                    <label for="semester" class="form-label">Semester</label>
                    <select name="semester" id="semester" class="form-select" required>
                        <option value="">-- Select Semester --</option>
                        <option value="1" {{ old('semester') == 1 ? 'selected' : '' }}>Semester 1</option>
                        <option value="2" {{ old('semester') == 2 ? 'selected' : '' }}>Semester 2</option>
                    </select>
                </div>

                <div class="mb-3">
                    <label for="credits" class="form-label">Credits</label>
                    <input type="number" name="credits" id="credits" class="form-control" required min="1" value="{{ old('credits') }}">
                </div>

                <div class="d-flex justify-content-between">
                    <a href="{{ route('admin.courses.index') }}" class="btn btn-secondary">Cancel</a>
                    <button type="submit" class="btn btn-primary">Create Course</button>
                </div>
            </form>
        </div>
    </div>
</div>
@endsection