@extends('admin.layouts.mainlayout')

@section('content')
<div class="container mt-5">
        <h3>Add Courses to a Degree Program</h3>

        @if (session('success'))
            <div class="alert alert-success">{{ session('success') }}</div>
        @endif

        <form action="{{ route('degree_programs.sync_courses') }}" method="POST">
            @csrf

            <div class="mb-3">
                <label for="degree_program" class="form-label">Select a Degree Program</label>
                <select name="degree_program_id" id="degree_program" class="form-select" required>
                    <option value="">-- Choose a Program --</option>
                    @foreach ($degreePrograms as $program)
                        <option value="{{ $program->id }}">{{ $program->name }}</option>
                    @endforeach
                </select>
                @error('degree_program_id') <div class="text-danger">{{ $message }}</div> @enderror
            </div>

            <div class="mb-3">
                <label for="courses" class="form-label">Select Courses</label>
                <select name="course_ids[]" id="courses" class="form-select" multiple size="10" required>
                    @foreach ($courses as $course)
                        <option value="{{ $course->id }}">{{ $course->course_code }} - {{ $course->title }}</option>
                    @endforeach
                </select>
                <small class="form-text text-muted">Hold down the Ctrl (Windows) or Command (Mac) button to select multiple courses.</small>
                @error('course_ids') <div class="text-danger">{{ $message }}</div> @enderror
            </div>

            <button type="submit" class="btn btn-primary">Update Courses</button>
        </form>
    </div>
    @endsection