@extends('admin.layout.app')

@section('body')
<div class="card card-page p-3 shadow-sm">
    <div class="d-flex justify-content-between align-items-center mb-3">
        <div>
            <h4 class="mb-0">{{ __('admin.add_semester') }}</h4>
            <small class="text-muted">{{ __('admin.create_a_semester_under_a_program') }}</small>
        </div>
        <a href="{{ route('semesters.index') }}" class="btn btn-outline-secondary">{{ __('admin.back') }}</a>
    </div>

    @if ($errors->any())
        <div class="alert alert-danger">
            <ul class="mb-0">
                @foreach($errors->all() as $e) <li>{{ $e }}</li> @endforeach
            </ul>
        </div>
    @endif

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

        <div class="row g-3">
            <div class="col-md-6">
                <label class="form-label">{{ __('admin.program_2') }}</label>
                @php $pOld = old('program_id', $selectedProgram); @endphp
                <select name="program_id" class="form-select" required>
                    <option value="">{{ __('admin.select_program_2') }}</option>
                    @foreach($programs as $p)
                        <option value="{{ $p->id }}" @selected((string)$pOld === (string)$p->id)>
                            {{ $p->name }}
                            @if($p->department) — {{ $p->department->name }} @endif
                            @if(optional($p->department)->faculty) — {{ $p->department->faculty->name }} @endif
                            @if(optional(optional($p->department)->faculty)->university) — {{ $p->department->faculty->university->name }} @endif
                        </option>
                    @endforeach
                </select>
            </div>

            <div class="col-md-6">
                <label class="form-label">{{ __('admin.semester_name') }}</label>
                <input name="name" class="form-control" required value="{{ old('name','Semester 1') }}">
            </div>

            <div class="col-md-3">
                <label class="form-label">{{ __('admin.number') }}</label>
                <input type="number" min="1" max="50" name="number" class="form-control" value="{{ old('number',1) }}">
            </div>

            <div class="col-md-4">
                <label class="form-label">{{ __('admin.start_date') }}</label>
                <input type="date" name="start_date" class="form-control" value="{{ old('start_date') }}">
            </div>

            <div class="col-md-5">
                <label class="form-label">{{ __('admin.end_date') }}</label>
                <input type="date" name="end_date" class="form-control" value="{{ old('end_date') }}">
            </div>

            <div class="col-12">
                <button class="btn btn-primary">
                    <i class="fas fa-save me-2"></i> {{ __('admin.save') }}
                </button>
            </div>
        </div>
    </form>
</div>
@endsection