@extends('layouts.app')
<link href="{{ asset('assets/plugins/fancyuploder/fancy_fileupload.css') }}" rel="stylesheet" />

<!-- INTERNAL File Uploads css-->
<link href="{{ asset('assets/plugins/fileupload/css/fileupload.css') }}" rel="stylesheet" type="text/css" />
@section('content')
    <!--Page header-->
    <div class="page-header">
        <div class="page-leftheader">
            <h4 class="page-title mb-0 text-primary">المراحل الدراسية</h4>
        </div>
    </div>
    <!--End Page header-->

    <!-- Row -->
    <x-form.form title="إضافة مرحلة دراسية" method="post" action="{{ route('admin.educational_stages.store') }}">

        <x-form.file id="image" name='image' title="صورة" />

        <x-form.input id="ar.name" name='ar[name]' title="الاسم باللغة العربية" />
        <x-form.input id="en.name" name='en[name]' title="الاسم باللغة الإنجليزية" />

        <x-form.select2 name="specialization_id" placeholder="التخصص" multiple="{{ false }}">
            @foreach ($specializations as $specialization)
                <option value="{{ $specialization->id }}"
                    {{ old('specialization_id') == $specialization->id ? 'selected' : '' }}>
                    {{ $specialization->translate('ar')->name . ' - ' . $specialization->translate('en')->name }}
                </option>
            @endforeach
        </x-form.select2>

        {{-- أسعار حسب عدد الطلاب --}}
        @for ($i = 1; $i <= 5; $i++)
            <x-form.input id="min_price_{{ $i }}" name="min_price_{{ $i }}" type="number" step="0.01"
                title="أقل سعر ل{{ $i }} {{ $i == 1 ? 'طالب' : 'طلاب' }}" />
            <x-form.input id="max_price_{{ $i }}" name="max_price_{{ $i }}" type="number" step="0.01"
                title="أعلى سعر ل{{ $i }} {{ $i == 1 ? 'طالب' : 'طلاب' }}" />
        @endfor


        <button type="submit" class="btn btn-primary mt-4 mb-0">حفظ</button>
    </x-form.form>
    <!-- /Row -->
@endsection('content')

@section('scripts')
    <!-- INTERNAL File uploads js -->
    <script src="{{ asset('assets/plugins/fileupload/js/dropify.js') }}"></script>
    <script src="{{ asset('assets/js/filupload.js') }}"></script>
@endsection