@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/mohithg-switchery/switchery.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">Véhicules</h4>
                </div>
            </div>
        </div>
        <!-- end page title -->

        <div class="row">
            <div class="col-12">
                <div class="card">
                    <div class="card-body">
                    <form enctype="multipart/form-data" method="POST" action="@if($vehicule) {{URL::Route('vehicule.update', $vehicule->id)}} @else {{URL::Route('vehicule.store')}} @endif">
                        @csrf
                        @if($vehicule) {{ method_field('PATCH') }} @endif
                        <div class="row">
                            <div class="col-lg-12">
                                <div class="mb-3">
                                    <label for="description" class="form-label">Nom véhicule</label>
                                    <input class="form-control" id="libelle" name="libelle"
                                        rows="5"  value="@if($vehicule) {{ $vehicule->libelle }} @else {{old('libelle')}} @endif" required/>
                                </div>
                            </div> <!-- end col -->
                        </div>

                        <div class="row">
                            <div class="col-lg-4">
                                <div class="mb-3">
                                    <label class="form-label">Modéle</label><br/>
                                    <select class="select2" name="modele_id" style="width:100%" required >
                                         <option value="" selected="selected">Modèle</option>
                                        @if($vehicule)
                                            @foreach ($modeles as $modele)
                                                <option value="{{ $modele->id }}" {{isSelected($modele->id, $vehicule->modele_id)}}>{{ $modele->libelle }}</option>
                                            @endforeach
                                        @else
                                            @foreach ($modeles as $modele)
                                                <option value="{{ $modele->id }}">{{ $modele->libelle }}</option>
                                            @endforeach
                                        @endif
                                    </select>
                                </div>

                                <div class="mb-3">
                                    <label for="categorie_id" class="form-label">Catégories</label>
                                     <select class="select2" name="categorie_id" style="width:100%" required>
                                        <option value="" selected="selected">Catégories</option>
                                       @if($vehicule)
                                            @foreach ($categories as $cat)
                                                <option value="{{ $cat->id }}" {{ isSelected($cat->id, $vehicule->category_id) }}>{{ $cat->label }}</option>
                                            @endforeach
                                        @else
                                            @foreach ($categories as $cat)
                                                <option value="{{ $cat->id }}">{{ $cat->label }}</option>
                                            @endforeach
                                        @endif
                                    </select>
                                </div>
                            </div> <!-- end col -->
                            <div class="col-lg-4">
                                <div class="mb-3">
                                    <label for="simpleinput" class="form-label">Année</label>
                                    <select class="select2" name="annee" style=" width:100%" required>
                                        <option value="" selected="selected">Année</option>
                                        @if($vehicule)
                                            @for ($i=date('Y', strtotime('+0 year')); $i>=2000; $i--)
                                                <option value="{{ $i }}" {{isSelected($i, $vehicule->annee)}}>{{ $i }}</option>
                                            @endfor
                                        @else
                                            @for ($i=date('Y', strtotime('+0 year')); $i>=2000; $i--)
                                                <option value="{{ $i }}">{{ $i }}</option>
                                            @endfor
                                        @endif
                                    </select>
                                </div>

                                <div class="mb-3">
                                    <label for="example-palaceholder" class="form-label">Transmission</label>
                                     <select class="select2" name="type_transmission" style=" width:100%" required>
                                        <option value="" selected="selected">Transmission</option>
                                        @if($vehicule)
                                            @foreach (Transmissions as $t)
                                                <option value="{{ $t }}" {{isSelected($t, $vehicule->type_transmission)}}>{{ $t }}</option>
                                            @endforeach
                                        @else
                                            @foreach (Transmissions as $t)
                                                <option value="{{ $t }}">{{ $t }}</option>
                                            @endforeach
                                        @endif
                                    </select>
                                </div>
                            </div> <!-- end col -->
                            <div class="col-lg-4">
                                <div class="mb-3">
                                    <label for="simpleinput" class="form-label">Type de carburant</label>
                                    <select class="select2" name="type_carburant" style=" width:100%" required>
                                        <option value="" selected="selected">Carburant</option>
                                        @if($vehicule)
                                            @foreach (Carburants as $c)
                                                <option value="{{ $c }}" {{isSelected($c, $vehicule->type_carburant)}}>{{ $c }}</option>
                                            @endforeach
                                        @else
                                            @foreach (Carburants as $c)
                                                <option value="{{ $c }}">{{ $c }}</option>
                                            @endforeach
                                        @endif
                                    </select>
                                </div>

                                <div class="mb-3">
                                    <label for="example-palaceholder" class="form-label">Cylindres</label>
                                    <select class="select2" name="cylindres" style=" width:100%" required>
                                        <option value="" selected="selected">Cylindre</option>
                                        @if($vehicule)
                                            @foreach(Cylindres as $key => $value)
                                                <option value="{{$key}}" {{isSelected($key, $vehicule->cylindres)}}>{{$value}}</option>
                                            @endforeach
                                        @else
                                            @foreach(Cylindres as $key => $value)
                                                <option value="{{$key}}">{{$value}}</option>
                                            @endforeach
                                        @endif
                                    </select>
                                </div>
                            </div> <!-- end col -->
                        </div>

                        <div class="row">
                            <div class="col-lg-4">
                                <div class="mb-3">
                                    <label  class="form-label">Portes</label><br/>
                                    <select class="select2" name="portes" style=" width:100%" required>
                                        <option value="" selected="selected">Porte</option>
                                        @if($vehicule)
                                            @foreach(Portes as $key => $value)
                                                <option value="{{$key}}" {{isSelected($key, $vehicule->portes)}}>{{$value}}</option>
                                            @endforeach
                                        @else
                                            @foreach(Portes as $key => $value)
                                                <option value="{{$key}}">{{$value}}</option>
                                            @endforeach
                                        @endif
                                    </select>
                                </div>
                            </div> <!-- end col -->
                            <div class="col-lg-4">
                                <div class="mb-3">
                                    <label  class="form-label">Couleur</label><br/>
                                    <select class="select2" name="couleur" style=" width:100%" required>
                                        <option value="" selected="selected">Couleur</option>
                                        @if($vehicule)
                                            @foreach (Couleurs as $c)
                                                <option value="{{ $c }}" {{isSelected($c, $vehicule->couleur)}}>{{ $c }}</option>
                                            @endforeach
                                        @else
                                            @foreach (Couleurs as $c)
                                                <option value="{{ $c }}">{{ $c }}</option>
                                            @endforeach
                                        @endif
                                    </select>
                                </div>
                            </div> <!-- end col -->
                            <div class="col-lg-4">
                                <div class="mb-3">
                                    <label  class="form-label">Confort</label><br/>
                                    <select class="select2" name="confort" style=" width:100%" required>
                                        @if($vehicule)
                                            @foreach (Conforts as $c)
                                                <option value="{{ $c }}" {{isSelected($c, $vehicule->confort)}}>{{ $c }}</option>
                                            @endforeach
                                        @else
                                            @foreach (Conforts as $c)
                                                <option value="{{ $c }}">{{ $c }}</option>
                                            @endforeach
                                        @endif
                                    </select>
                                </div>
                            </div> <!-- end col -->
                        </div>

                         <div class="row">
                            <div class="col-lg-4">
                                <div class="mb-3">
                                    <label  class="form-label">Places</label><br/>
                                    <select class="select2" name="places" style=" width:100%" required>
                                        <option value="" selected="selected">Porte</option>
                                        @if($vehicule)
                                            @foreach(Places as $key => $value)
                                                <option value="{{$key}}" {{isSelected($key, $vehicule->places)}}>{{$value}}</option>
                                            @endforeach
                                        @else
                                            @foreach(Places as $key => $value)
                                                <option value="{{$key}}">{{$value}}</option>
                                            @endforeach
                                        @endif
                                    </select>
                                </div>
                            </div> <!-- end col -->


                        </div>

                        <div class="row">
                            <div class="col-lg-12">
                                <div class="mb-3">
                                    <label for="description" class="form-label">Description</label>
                                    <textarea class="form-control" id="description" name="description" rows="5">
                                        @if($vehicule) {{ $vehicule->description }} @else {{old('description')}} @endif
                                    </textarea>
                                </div>
                            </div> <!-- end col -->
                        </div>
                        <!-- end row-->

                        <div class="row">
                            <div class="col-12">
                                <div class="card">
                                    <div class="card-body">
                                        <h4 class="header-title">Image principale</h4>

                                        <input type="file" name="image" data-plugins="dropify" data-height="300" data-default-file="{{ $vehicule == null ? '' : asset('storage/'.$vehicule->image)}}" />

                                        <div class="row">
                                            <div class="col-lg-4">
                                                <div class="mt-3">
                                                <input type="file" name="image1" data-plugins="dropify" data-default-file="{{ $vehicule != null ? asset('storage/'.$vehicule->image) : '' }}"/>
                                                    <p class="text-muted text-center mt-2 mb-0">Image 1</p>
                                                </div>
                                            </div>

                                            <div class="col-lg-4">
                                                <div class="mt-3">
                                                    <input type="file" data-plugins="dropify"  name="image2"
                                                    data-default-file="{{ $vehicule != null ? asset('storage/'.$vehicule->images[1]->path):'' }}" />
                                                    <p class="text-muted text-center mt-2 mb-0">Image 2</p>
                                                </div>
                                            </div>

                                            <div class="col-lg-4">
                                                <div class="mt-3">
                                                    <input type="file" data-plugins="dropify" data-max-file-size="1M" name="image3"
                                                     data-default-file="{{ $vehicule != null ? asset('storage/'.$vehicule->images[2]->path):'' }}" />
                                                    <p class="text-muted text-center mt-2 mb-0">Image 3</p>
                                                </div>
                                            </div>
                                        </div> <!-- end row -->

                                    </div> <!-- end card-body-->
                                </div> <!-- end card-->
                            </div><!-- end col -->
                        </div>
                        <!-- end row -->
                        <button type="submit" class="btn btn-primary">Enregistrer</button>
                    </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/mohithg-switchery/switchery.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