@extends('dashboard.layouts.index')
@section('page_title')
@lang('global.create_driver')
@stop

@section('breadcrumb')

<div class="breadcrumb-item">
    <a href="{{route("dashboard.users.driver.index")}}"> @lang('global.drivers')</a>
</div>
<div class="breadcrumb-item">
    @lang('global.create_driver')
</div>
@stop


@section('content')

<form class="form" id="form" enctype="multipart/form-data" action="{{route("dashboard.users.driver.store")}}"
    novalidate method="POST">
    @csrf
    <div class="row">
        <div class="col-sm-12 col-md-4">
            <div class="card">
                <div class="card-header">
                    <h4 class="card-title">@lang('global.avatar')</h4>
                </div>
                <div class="card-content">
                    <div class="card-body">
                        @component('dashboard.components.edit_image' )
                        @endcomponent
                    </div>
                </div>
            </div>
        </div>
        @if(session()->has('error'))
<div class="alert alert-danger" data-alert="alert">
    <a class="close" data-dismiss="alert" href="#">&times;</a>
    {{ session()->get('error') }}
</div>
@endif
        <div class="col-sm-12 col-md-8">
            <div class="card">
                <form>
                    <div class="card-header">
                        <h4>@lang("global.driver_information")</h4>
                    </div>
                    <div class="card-body">
                        @component('dashboard.components.edit_text_row' , [
                        "name" => "firstname",
                        "type" => "text",
                        "title" => __("global.firstname"),
                        "col" => "col-sm-10"
                        ])
                        @endcomponent

                        @component('dashboard.components.edit_text_row' , [
                        "name" => "lastname",
                        "type" => "text",
                        "title" => __("global.lastname"),
                        "col" => "col-sm-10"
                        ])
                        @endcomponent

                        @component('dashboard.components.edit_text_row' , [
                        "name" => "email",
                        "type" => "email",
                        "title" => __("global.email"),
                        "col" => "col-sm-10"
                        ])
                        @endcomponent



                        @component('dashboard.components.edit_text_row' , [
                        "name" => "phone_number",
                        "type" => "text",
                        "title" => __("global.phone_number"),
                        "col" => "col-sm-10"
                        ])
                        @endcomponent

                        @component('dashboard.components.edit_text_row' , [
                        "name" => "password",
                        "type" => "password",
                        "title" => __("global.password"),
                        "col" => "col-sm-10"
                        ])
                        @endcomponent

                        @component('dashboard.components.edit_text_row' , [
                        "name" => "age",
                        "type" => "number",
                        "title" => __("global.age"),
                        "col" => "col-sm-10"
                        ])
                        @endcomponent

                        @component('dashboard.components.edit_text_row' , [
                        "name" => "driverId",
                        "type" => "text",
                        "title" => __("global.driverId"),
                        "col" => "col-sm-10"
                        ])
                        @endcomponent


                        @component('dashboard.components.edit_text_row' , [
                        "name" => "name_car",
                        "type" => "text",
                        "title" => __("global.name_car"),
                        "col" => "col-sm-10"
                        ])
                        @endcomponent

                        @component('dashboard.components.edit_text_row' , [
                        "name" => "model_car",
                        "type" => "text",
                        "title" => __("global.model_car"),
                        "col" => "col-sm-10"
                        ])
                        @endcomponent

                        @component('dashboard.components.edit_text_row' , [
                        "name" => "color_car",
                        "type" => "text",
                        "title" => __("global.color_car"),
                        "col" => "col-sm-10"
                        ])
                        @endcomponent


                        @component('dashboard.components.edit_text_row' , [
                        "name" => "vehiclePlate",
                        "type" => "text",
                        "title" => __("global.vehiclePlate"),
                        "col" => "col-sm-10"
                        ])
                        @endcomponent

                        @component('dashboard.components.edit_text_row' , [
                        "name" => "year_of_manufacture",
                        "type" => "text",
                        "title" => __("global.year_of_manufacture"),
                        "col" => "col-sm-10"
                        ])
                        @endcomponent


                        @component('dashboard.components.edit_text_row' , [
                        "name" => "city",
                        "type" => "text",
                        "title" => __("global.city"),
                        "col" => "col-sm-10"
                        ])
                        @endcomponent



                        @component('dashboard.components.edit_text_row' , [
                        "name" => "cityar",
                        "type" => "text",
                        "title" => __("global.city_ar"),
                        "col" => "col-sm-10"
                        ])
                        @endcomponent

                        @component('dashboard.components.edit_text_row' , [
                        "name" => "latitude",
                        "type" => "text",
                        "title" => __("global.lat"),
                        "col" => "col-sm-10"
                        ])
                        @endcomponent


                        @component('dashboard.components.edit_text_row' , [
                        "name" => "longitude",
                        "type" => "text",
                        "title" => __("global.long"),
                        "col" => "col-sm-10"
                        ])
                        @endcomponent

                        @component('dashboard.components.edit_text_row' , [
                        "name" => "license_plate",
                        "type" => "file",
                        "title" => __("global.license_plate"),
                        "col" => "col-sm-10"
                        ])
                        @endcomponent

                        @component('dashboard.components.edit_text_row' , [
                        "name" => "car_insurance",
                        "type" => "file",
                        "title" => __("global.car_insurance"),
                        "col" => "col-sm-10"
                        ])
                        @endcomponent

                        @component('dashboard.components.edit_text_row' , [
                        "name" => "driving_license",
                        "type" => "file",
                        "title" => __("global.driving_license"),
                        "col" => "col-sm-10"
                        ])
                        @endcomponent

                        @component('dashboard.components.edit_text_row' , [
                        "name" => "front_drivingl_icense",
                        "type" => "file",
                        "title" => __("global.front_drivingl_icense"),
                        "col" => "col-sm-10"
                        ])
                        @endcomponent

                        @component('dashboard.components.edit_text_row' , [
                        "name" => "driving_license_from_behind",
                        "type" => "file",
                        "title" => __("global.driving_license_from_behind"),
                        "col" => "col-sm-10"
                        ])
                        @endcomponent

                        @component('dashboard.components.edit_text_row' , [
                        "name" => "not_sentenced",
                        "type" => "file",
                        "title" => __("global.not_sentenced"),
                        "col" => "col-sm-10"
                        ])
                        @endcomponent

                        @component('dashboard.components.edit_text_row' , [
                        "name" => "medical_examination",
                        "type" => "file",
                        "title" => __("global.medical_examination"),
                        "col" => "col-sm-10"
                        ])
                        @endcomponent

                        <div class="form-group row mb-4">
                            <label
                                class="col-form-label text-md-right col-12 col-md-3 col-lg-3">@lang("global.gender")</label>
                            <div class="col-sm-12 col-md-7">
                                <div class="selectgroup w-60">
                                    <label class="selectgroup-item">
                                        <input type="radio" name="gender" value="male" class="selectgroup-input">
                                        <span class="selectgroup-button">@lang('global.male')</span>
                                    </label>
                                    <label class="selectgroup-item">
                                        <input type="radio" name="gender" value="female" class="selectgroup-input"
                                            checked="">
                                        <span class="selectgroup-button">@lang('global.female')</span>
                                    </label>
                                </div>
                            </div>
                        </div>


                        <div class="form-group row mb-4">
                            <label
                                class="col-form-label text-md-right col-12 col-md-3 col-lg-3">@lang("global.cartype")</label>
                            <div class="col-sm-12 col-md-7">
                                <div class="selectgroup w-100">
                                    <select name="car_id" class="form-control" aria-label=".form-select-sm example">
                                        <option selected>Open this select Car Type</option>
                                        @foreach ($model as $item )
                                        <option value="{{ $item->id }}">{{ $item->nameEn }}</option>

                                        @endforeach

                                    </select>
                                </div>
                            </div>
                        </div>


                    </div>


                    <div class="card-footer text-right">
                        <button class="btn btn-primary">@lang("global.save")</button>
                    </div>

                </form>
            </div>
        </div>
    </div>
</form>

@stop

@push('js')

@endpush