@extends('admin.layouts.base')

@section('title')
    Senecartours - Véhicules
@endsection

@push('css')
<link href="{{ asset('admin/assets/libs/dropzone/min/dropzone.min.css') }}" rel="stylesheet" type="text/css" />
<link href="{{ asset('admin/assets/libs/dropify/css/dropify.min.css') }}" rel="stylesheet" type="text/css" />
<link href="{{ asset('admin/assets/libs/bootstrap-table/bootstrap-table.min.css') }}" rel="stylesheet" type="text/css" />


<link href="{{ asset('admin/assets/libs/multiselect/css/multi-select.css') }}" rel="stylesheet" type="text/css" />
<link href="{{ asset('admin/assets/libs/select2/css/select2.min.css') }}" rel="stylesheet" type="text/css" />
<link href="{{ asset('admin/assets/libs/selectize/css/selectize.bootstrap3.css') }}" rel="stylesheet" type="text/css" />
<link href="{{ asset('admin/assets/libs/bootstrap-touchspin/jquery.bootstrap-touchspin.min.css') }}" rel="stylesheet" type="text/css" />
@endpush

@section('content')
    <!-- Start Content-->
    <div class="container-fluid">

        <!-- start page title -->
        <div class="row">
            <div class="col-12">
                <div class="page-title-box">
                    <h4 class="page-title">Collaborateurs</h4>
                </div>
            </div>
        </div>
        <!-- end page title -->

        <div class="row">
            <div class="col-12">
                <div class="card">

                    <div class="card-body">
                         <div class="text-danger">
                            <p><b>Note:</b> Créer un rôle avant de créer un utilisateur s'il n'existe pas.</p>
                            <p><b>Mot de passe par defaut:</b> Test@123.</p>
                        </div>
                    <form enctype="multipart/form-data" method="POST" action="@if($user) {{URL::Route('user.update', $user->id)}} @else {{URL::Route('user.store')}} @endif">
                        @csrf
                        @if($user) {{ method_field('PATCH') }} @endif

                        <div class="row">
                            <div class="col-lg-4">
                                <div class="mb-3">
                                    <label for="name">Prénom<span class="text-danger">*</span></label><br/>
                                    <input autofocus type="text" class="form-control" name="prenom" placeholder="prenom"
                                        value="@if($user){{ $user->first_name }}@else{{old('prenom')}}@endif" required
                                        minlength="2" maxlength="255" rows="5">
                                    <span class="text-danger">{{ $errors->first('prenom') }}</span>
                                </div>

                                <div class="mb-3">
                                    <label for="nom" class="form-label">Nom<span class="text-danger">*</span></label>
                                    <input autofocus type="text" class="form-control" name="nom" placeholder="nom"
                                        value="@if($user){{ $user->last_name }}@else{{old('nom')}}@endif" required
                                        minlength="2" maxlength="255">
                                    <span class="text-danger">{{ $errors->first('nom') }}</span>
                                </div>
                            </div> <!-- end col -->
                            <div class="col-lg-4">
                                <div class="mb-3">
                                    <label for="phone_number" class="form-label">Téléphone/Mobile No.</label>
                                    <input type="text" class="form-control" name="phone_number"
                                        placeholder="portable ou mobile"
                                        value="@if($user){{$user->phone}}@else{{old('phone_number')}}@endif"
                                        maxlength="15">
                                    <span class="text-danger">{{ $errors->first('phone_number') }}</span>
                                </div>

                                <div class="mb-3">
                                    <label for="role_id" class="form-label">Role
                                        <i class="fa fa-question-circle" data-toggle="tooltip" data-placement="bottom"
                                            title="" data-original-title="Client"></i>
                                    </label>
                                    {!! Form::select('role_id', $roles, $role , ['placeholder' =>
                                    '...Selectionner...','class' => 'form-control select2', 'required' => 'true']) !!}
                                    <span class="text-danger">{{ $errors->first('role_id') }}</span>
                                </div>
                            </div> <!-- end col -->
                            @if(!$user)
                            <div class="col-lg-4">
                                <div class="mb-3">
                                   <label for="name" class="form-label">Nom d'ulisateur<span class="text-danger">*</span></label>
                                    <input type="text" class="form-control" value="@if($user){{$user->name}}@else{{old('name')}}@endif" name="name" required minlength="5" maxlength="255">
                                    <span class="text-danger">{{ $errors->first('name') }}</span>
                                </div>

                                <div class="mb-3">
                                    <label for="email" class="form-label">Email<span class="text-danger">*</span></label>
                                    <input type="email" class="form-control" name="email" placeholder="email address"
                                        value="@if($user){{$user->email}}@else{{old('email')}}@endif" maxlength="100"
                                        required>
                                    <span class="text-danger">{{ $errors->first('email') }}</span>
                                </div>
                            </div> <!-- end col -->
                            @endif
                        </div>

                        <!-- end row -->
                        <div >
                            <a href="{{URL::route('user.index')}}" class="btn btn-secondary" style="float: left;">Annuler</a>
                            <button type="submit" class="btn btn-primary btn-icon-text alignright" style="float: right;">
                                <i class="fa @if($user) fa-refresh @else fa-plus-circle @endif"></i> @if($user) Modifier
                                @else Ajouter @endif
                            </button>
                        </div>
                    </form>
                    </div> <!-- end card-body -->
                </div> <!-- end card -->
            </div><!-- end col -->
        </div>
        <!-- end row -->


    </div>
    @push('scripts')
    <script src="{{ asset('admin/assets/libs/bootstrap-table/bootstrap-table.min.js') }}"></script>
    <script src="{{ asset('admin/assets/js/pages/bootstrap-tables.init.js') }}"></script>
    <!-- Plugins js -->
    <script src="{{ asset('admin/assets/libs/dropzone/min/dropzone.min.js') }}"></script>
    <script src="{{ asset('admin/assets/libs/dropify/js/dropify.min.js') }}"></script>


    <script src="{{ asset('admin/assets/libs/selectize/js/standalone/selectize.min.js') }}"></script>
    <script src="{{ asset('admin/assets/libs/multiselect/js/jquery.multi-select.js') }}"></script>
    <script src="{{ asset('admin/assets/libs/select2/js/select2.min.js') }}"></script>
    <script src="{{ asset('admin/assets/libs/jquery-mockjax/jquery.mockjax.min.js') }}"></script>
    <script src="{{ asset('admin/assets/libs/devbridge-autocomplete/jquery.autocomplete.min.js') }}"></script>
    <script src="{{ asset('admin/assets/libs/bootstrap-touchspin/jquery.bootstrap-touchspin.min.js') }}"></script>
    <script src="{{ asset('admin/assets/libs/bootstrap-maxlength/bootstrap-maxlength.min.js') }}"></script>

    <!-- Init js-->
    <script src="{{ asset('admin/assets/js/pages/form-advanced.init.js') }}"></script>
    <script src="{{ asset('admin/assets/js/pages/form-fileuploads.init.js') }}"></script>

    <!-- App js -->
    <script src="{{ asset('admin/assets/js/app.min.js') }}"></script>

    <script>
    //$('#select2').select2();
    $(".select2").selectize({
       // create: !0,
        sortField: { field: "text", direction: "asc" },
        dropdownParent: "body",
    });
    </script>
    @endpush
@endsection