@extends('layouts.app')

@section('styles')
    <!-- INTERNAl Forn-wizard css-->
    <link href="{{ asset('assets/plugins/forn-wizard/css/forn-wizard.css') }}" rel="stylesheet" />
    <link href="{{ asset('assets/plugins/formwizard/smart_wizard.css') }}" rel="stylesheet">
    <link href="{{ asset('assets/plugins/formwizard/smart_wizard_theme_dots.css') }}" rel="stylesheet">

    <!-- INTERNAL File Uploads css -->
    <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" />

    <link href="{{ asset('assets/plugins/select2/select2.min.css') }}" rel="stylesheet" />
@endsection


@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.providers.store') }}">
        <!--Row-->
        <div id="wizard3">
            <h3>المعلومات الشخصية</h3>
            <section>
                {{-- <x-form.select2 name="title" placeholder="اللقب العلمي" multiple="{{ false }}">
                    @foreach ([1, 2, 3] as $title)
                        <option value="{{ $title }}" {{ old('title') ==  $title ? 'selected' : '' }}>
                            {{ \Modules\Provider\Entities\Provider::titleName($title) }}
                        </option>
                    @endforeach
                </x-form.select2> --}}

                <x-form.input id="title" name='title' value="{{ old('title') }}" title="اللقب العلمي" />

                <x-form.input id="first_name" name='first_name' value="{{ old('first_name') }}" title="الاسم الاول" />
                <x-form.input id="last_name" name='last_name' value="{{ old('last_name') }}" title="الاسم الاخير" />

                <x-form.select2 name="city_id" placeholder="المحافظه" multiple="{{ false }}">
                    @foreach ($cities as $city)
                        <option value="{{ $city->id }}" {{ old('city_id') == $city->id ? 'selected' : '' }}>
                            {{ $city->name }}
                        </option>
                    @endforeach
                </x-form.select2>

                <x-form.select2 name="nationality_id" placeholder="الجنسية" multiple="{{ false }}">
                    @foreach ($nationalities as $nationality)
                        <option value="{{ $nationality->id }}"
                            {{ old('nationality_id') == $nationality->id ? 'selected' : '' }}>
                            {{ $nationality->name }}
                        </option>
                    @endforeach
                </x-form.select2>

                <x-form.select2 name="gender" placeholder="الجنس" multiple="{{ false }}">
                    @foreach ([1, 2] as $gender)
                        <option value="{{ $gender }}" {{ old('gender') == $gender ? 'selected' : '' }}>
                            {{ \Modules\Provider\Entities\Provider::genderName($gender) }}
                        </option>
                    @endforeach
                </x-form.select2>

                <x-form.input id="email" name='email' type="email" value="{{ old('email') }}"
                    title="البريد الإلكتروني" />

                <x-form.input id="password" name='password' type="password" title="كلمة المرور" />
            </section>

            <h3>نبذه تعريفيه</h3>
            <section>
                <x-form.textarea id="bio" name='bio' value="{{ old('bio') }}" title="نبذه تعريفيه" />
                <div class="col-lg-4 col-sm-12">
                    <x-form.file id="image" name='image' title="صورة" />
                </div>
            </section>

            <h3>التخصص و المراحل الدراسية</h3>
            <section>
                <x-form.select2 name="specializations[]" placeholder="التخصص" multiple="{{ true }}">
                    @foreach ($specializations as $specialization)
                        <option value="{{ $specialization->id }}"
                            {{ old('specializations') ? (in_array($specialization->id, old('specializations')) ? 'selected' : '') : '' }}>
                            {{ $specialization->name }}
                        </option>
                    @endforeach
                </x-form.select2>

                <x-form.select2 name="educational_stages[]" placeholder="المراحل الدراسية" multiple="{{ true }}">
                    @foreach ($educational_stages as $educational_stage)
                        <option value="{{ $educational_stage->id }}"
                            {{ old('educational_stages') ? (in_array($educational_stage->id, old('educational_stages')) ? 'selected' : '') : '' }}>
                            {{ $educational_stage->name }}
                        </option>
                    @endforeach
                </x-form.select2>
            </section>

            <h3>السيرة الذاتية</h3>
            <section>
                {{-- <x-form.input id="video" name='video' title="رابط إحدى فيديدوهات المحتوى" /> --}}
                <x-form.file id="cv" name='cv' title="السيرة الذاتية" />
            </section>
        </div>
        <!-- /Row -->
        <button type="submit" class="btn btn-primary mt-4 mb-0">حفظ</button>
    </x-form.form>
    <!-- /Row -->
@endsection('content')


@section('scripts')
    <!-- INTERNAl Jquery.steps js -->
    <script src="{{ asset('assets/plugins/jquery-steps/jquery.steps.min.js') }}"></script>
    <script src="{{ asset('assets/plugins/parsleyjs/parsley.min.js') }}"></script>

    <!-- INTERNAl Forn-wizard js-->
    <script src="{{ asset('assets/plugins/formwizard/jquery.smartWizard.js') }}"></script>
    <script src="{{ asset('assets/plugins/formwizard/fromwizard.js') }}"></script>

    <!-- INTERNAl Accordion-Wizard-Form js-->
    <script src="{{ asset('assets/plugins/accordion-Wizard-Form/jquery.accordion-wizard.min.js') }}"></script>
    <script src="{{ asset('assets/js/form-wizard.js') }}"></script>
    <script src="{{ asset('assets/js/form-wizard2.js') }}"></script>


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

    <script src="{{ asset('assets/plugins/select2/select2.full.min.js') }}"></script>
    <script src="{{ asset('assets/js/select2.js') }}"></script>
@endsection