@extends('admin.layouts.layouts')

@section('content')
    <div class="mt-5 d-flex justify-content-center">
        <div class="w-50">

            <h1 class="mt-5 mb-4 text-center">Create New Stage Year</h1>
            <form action="{{ route('admin.stage-years.store') }}" method="POST" id="FormRelod">
                @csrf
                <div class="form-group">
                    <label for="educational_stage_id">Educational Stage</label>
                    <select name="educational_stage_id" class="form-control" required>
                        <option value="">Select Educational Stage</option>
                        @foreach ($educationalStages as $educationalStage)
                            <option value="{{ $educationalStage->id }}">{{ $educationalStage->name }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="form-group">
                    <label for="name">Name</label>
                    <input type="text" name="name" class="form-control" required>
                </div>
                <div class="form-group">
                    <label for="name">Arabic Name</label>
                    <input type="text" name="name_ar" class="form-control" required>
                </div>
                <div class="form-group">
                    <label for="description">Description</label>
                    <textarea name="description" class="form-control"></textarea>
                </div>
                <button type="submit" class="btn btn-primary" id="create-btn">Save</button>
            </form>
        </div>
    </div>
@endsection
@push('js')
    @include('shared.relodButton')
@endpush