@extends('layouts.admin.app')
@section('title', __('trans.grade.add_new') . ' - ' . $stage->name)

@section('content')
    <div class="card">
        <div class="card-header d-flex justify-content-between align-items-center">
            <h3 class="card-title">@yield('title')</h3>
            <a href="{{ route('admin.stages.grades.index', $stage->id) }}" class="btn btn-secondary">{{ __('trans.back') }}</a>
        </div>
        <div class="card-body">
            <form action="{{ route('admin.stages.grades.store', $stage->id) }}" class="row" method="POST">@csrf
                <div class="col-md-4 mb-4">
                    <x-inputs.field
                        name="education_system_name"
                        label="{{__('trans.education_systems.title')}}"
                        :value="$stage->educationSystem->name"
                        type="text"
                        disabled
                    />
                </div>

                <div class="col-md-4 mb-4">
                    <x-inputs.field
                        name="stage_name"
                        label="{{__('trans.stage.title')}}"
                        :value="$stage->name"
                        type="text"
                        disabled
                    />
                </div>

                <div class="col-md-4 mb-4">
                    <x-inputs.field
                        name="name"
                        label="{{__('trans.grade.name')}}"
                        :value="old('name')"
                        type="text"
                        required
                    />
                </div>

                <div class="col-md-4 mb-4 d-flex align-items-center mt-3">
                    <div class="form-check mt-3">
                        <input class="form-check-input" type="checkbox" name="has_tracks" id="has_tracks" value="1" {{ old('has_tracks') ? 'checked' : '' }}>
                        <label class="form-check-label" for="has_tracks">
                            {{ __('trans.grade.has_tracks') }}
                        </label>
                    </div>
                </div>

                <div class="col-md-12">
                    <x-inputs.btn
                        type="submit"
                        status="primary"
                        text="{{__('trans.save')}}"
                        action="save"
                    />
                </div>
            </form>
        </div>
    </div>
@endsection