@extends('componentes.corpo')



@section('cadastroGeral')
    active
@endsection

@section('pessoas')
active
    @endsection


@section('head')





    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.mask/1.14.11/jquery.mask.min.js"></script>
    <link href="/vendor/datatables.net-dt/css/jquery.dataTables.min.css" rel="stylesheet" type="text/css" />
    <link href="/vendor/datatables.net-responsive-dt/css/responsive.dataTables.min.css" rel="stylesheet" type="text/css" />

    <script src="https://cdn.tiny.cloud/1/8sxw3iq0sbagf7kc3559aq6904uotzyzokrsdu17seg4owji/tinymce/5/tinymce.min.js" referrerpolicy="origin"></script>
    <script>
      tinymce.init({
          selector: '#mytextarea',
          init_instance_callback : function(editor) {
              var freeTiny = document.querySelector('.tox .tox-notification--in');
              freeTiny.style.display = 'none';
          }
      });
    </script>



    <script>



        (function ($) {
            $(function () {

                var addFormGroup = function (event) {
                    event.preventDefault();

                    var $formGroup = $(this).closest('.form-group');
                    var $multipleFormGroup = $formGroup.closest('.multiple-form-group');
                    var $formGroupClone = $formGroup.clone();

                    $(this)
                        .toggleClass('btn-success btn-add btn-danger btn-remove')
                        .html('–');

                    $formGroupClone.find('input').val('');
                    $formGroupClone.find('.concept_sistema').text('Sistema');
                    $formGroupClone.find('.concept').text('Estado');
                    $formGroupClone.insertAfter($formGroup);

                    var $lastFormGroupLast = $multipleFormGroup.find('.form-group:last');
                    if ($multipleFormGroup.data('max') <= countFormGroup($multipleFormGroup)) {
                        $lastFormGroupLast.find('.btn-add').attr('disabled', true);
                    }
                };




                var removeFormGroup = function (event) {
                    event.preventDefault();

                    var $formGroup = $(this).closest('.form-group');
                    var $multipleFormGroup = $formGroup.closest('.multiple-form-group');

                    var $lastFormGroupLast = $multipleFormGroup.find('.form-group:last');
                    if ($multipleFormGroup.data('max') >= countFormGroup($multipleFormGroup)) {
                        $lastFormGroupLast.find('.btn-add').attr('disabled', false);
                    }

                    $formGroup.remove();
                };

                var countFormGroup = function ($form) {
                    return $form.find('.form-group').length;
                };

                $(document).on('click', '.btn-add', addFormGroup);
                $(document).on('click', '.btn-remove', removeFormGroup);

            });
        })(jQuery);



        function mascaraMutuario(o,f){
            v_obj=o
            v_fun=f
            setTimeout('execmascara()',1)
        }

        function execmascara(){
            v_obj.value=v_fun(v_obj.value)
        }

        function cpfCnpj(v){

            //Remove tudo o que não é dígito
            v=v.replace(/\D/g,"")

            if (v.length <= 14) { //CPF

                //Coloca um ponto entre o terceiro e o quarto dígitos
                v=v.replace(/(\d{3})(\d)/,"$1.$2")

                //Coloca um ponto entre o terceiro e o quarto dígitos
                //de novo (para o segundo bloco de números)
                v=v.replace(/(\d{3})(\d)/,"$1.$2")

                //Coloca um hífen entre o terceiro e o quarto dígitos
                v=v.replace(/(\d{3})(\d{1,2})$/,"$1-$2")

            } else { //CNPJ

                //Coloca ponto entre o segundo e o terceiro dígitos
                v=v.replace(/^(\d{2})(\d)/,"$1.$2")

                //Coloca ponto entre o quinto e o sexto dígitos
                v=v.replace(/^(\d{2})\.(\d{3})(\d)/,"$1.$2.$3")

                //Coloca uma barra entre o oitavo e o nono dígitos
                v=v.replace(/\.(\d{3})(\d)/,".$1/$2")

                //Coloca um hífen depois do bloco de quatro dígitos
                v=v.replace(/(\d{4})(\d)/,"$1-$2")

            }

            return v
        }

        jQuery("input.telefone")
            .mask("(99) 9999-9999?9")
            .focusout(function (event) {
                var target, phone, element;
                target = (event.currentTarget) ? event.currentTarget : event.srcElement;
                phone = target.value.replace(/\D/g, '');
                element = $(target);
                element.unmask();
                if(phone.length > 10) {
                    element.mask("(99) 99999-999?9");
                } else {
                    element.mask("(99) 9999-9999?9");
                }
            });


        $("#telefone, .celular").mask("(00) 00000-0000");



        function moeda(a, e, r, t) {
            let n = ""
                , h = j = 0
                , u = tamanho2 = 0
                , l = ajd2 = ""
                , o = window.Event ? t.which : t.keyCode;
            if (13 == o || 8 == o)
                return !0;
            if (n = String.fromCharCode(o),
                -1 == "0123456789".indexOf(n))
                return !1;
            for (u = a.value.length,
                     h = 0; h < u && ("0" == a.value.charAt(h) || a.value.charAt(h) == r); h++)
                ;
            for (l = ""; h < u; h++)
                -1 != "0123456789".indexOf(a.value.charAt(h)) && (l += a.value.charAt(h));
            if (l += n,
                0 == (u = l.length) && (a.value = ""),
                1 == u && (a.value = "0" + r + "0" + l),
                2 == u && (a.value = "0" + r + l),
                u > 2) {
                for (ajd2 = "",
                         j = 0,
                         h = u - 3; h >= 0; h--)
                    3 == j && (ajd2 += e,
                        j = 0),
                        ajd2 += l.charAt(h),
                        j++;
                for (a.value = "",
                         tamanho2 = ajd2.length,
                         h = tamanho2 - 1; h >= 0; h--)
                    a.value += ajd2.charAt(h);
                a.value += r + l.substr(u - 2, u)
            }
            return !1
        }





    </script>



    <style>

        #datable_1 tr:hover td {
            background-color: cadetblue;
            cursor: pointer;
        }

    </style>
@endsection


@section('propriedade')
    active
@endsection

@section('conteudo')


    <div class="hk-pg-wrapper ">

        <!-- Breadcrumb -->
        <nav class="hk-breadcrumb" aria-label="breadcrumb">
            <ol class="breadcrumb breadcrumb-light bg-transparent">
                <li class="breadcrumb-item"><a href="/home">Home</a></li>
                <li class="breadcrumb-item active" aria-current="page">Vehicle Inventory</li>
            </ol>

        </nav>
        <!-- /Breadcrumb -->






        <!-- Container -->
        <div class="container-fluid px-xxl-65 px-xl-20" >

            <!-------------- TITULO NAV ------------------------->
            <div class="tab-content" id="myTabContent">
                <ul class="nav nav-tabs" id="myTab" role="tablist">
                    <li class="nav-item">
                        <a class="nav-link active" id="home-tab" data-toggle="tab" href="#home" role="tab" aria-controls="home" aria-selected="true">Register Vehicles</a>
                    </li>

         @if(!empty($editar))
          <li class="nav-item">
                        <a class="nav-link" id="profile-tab" data-toggle="tab" href="#capa" role="tab" aria-controls="capa" aria-selected="false">Cover</a>
                    </li>
@endif

                    <li class="nav-item">
                        <a class="nav-link" id="profile-tab" data-toggle="tab" href="#profile" role="tab" aria-controls="profile" aria-selected="false">Inventory </a>
                    </li>

                    <li class="nav-item">
                        <a class="nav-link" id="inativo-tab" data-toggle="tab" href="#inativo" role="tab" aria-controls="inativo" aria-selected="false">Inactive</a>
                    </li>

                </ul>


                <!------- PRIMEIRA NAV ------------------------------>

                <div class="tab-pane fade show active" id="home" role="tabpanel" aria-labelledby="home-tab">
                    <div class="row">
                        <div class="col-xl-12">
                            <section class="hk-sec-wrapper">

                                <!-- Título -->
                                <div class="hk-pg-header">
                                    <h4 class="hk-pg-title">
                                <span class="pg-title-icon">
                                    <span class="feather-icon"><i data-feather="edit"></i></span>
                                </span>
                                        @if(empty($editar)) Registration of @else Editar @endif Vehicle </h4>
                                </div>
                                <!-- /Title -->

                                <div class="col-sm">

                                    @if(empty($editar))
                                        <form method="post" action="{{route('cadastro')}}" enctype="multipart/form-data">
                                            @else
                                                <form method="post" action="{{route('updateVeiculos')}}" enctype="multipart/form-data">
                                                    <input type="hidden" name="id" value="{{$pessoasEditar->id}}">
                                                    <input type="hidden" name="codImg" value="{{$pessoasEditar->img}}">
                                                    @endif
                                                    @csrf

                                                   <div class="row">

                                                       <div class="col-md-4">
                                                    <div class="form-group">
                                                        <label class="control-label mb-10" for="exampleInputuname_1">Name</label>
                                                        <div class="input-group">
                                                            <div class="input-group-prepend">
                                                                <span class="input-group-text"><i class="icon-home"></i></span>
                                                            </div>
                                                            <input type="text" class="form-control" name="nome" @if(!empty($editar)) value="{{$pessoasEditar->nome}}"  @endif  autocomplete="off" id="exampleInputuname_1" required placeholder="Enter the name">


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

                                                 <div class="col-md-4">
                                                    <div class="form-group">
                                                        <label class="control-label mb-10" for="exampleInputuname_1">Price</label>
                                                        <div class="input-group">
                                                            <div class="input-group-prepend">
                                                                <span class="input-group-text"><i class="icon-home"></i></span>
                                                            </div>
                                                            <input type="text" required  onKeyPress="return(moeda(this,'.',',',event))" class="form-control" @if(!empty($editar)) value="{{$pessoasEditar->valor}}" @endif   name="valor"  />
                                                        </div>
                                                    </div>
                                                 </div>

                                                       <div class="col-md-4">
                                                           <div class="form-group">
                                                               <label class="control-label mb-10" for="exampleInputuname_1">Model Year</label>
                                                               <div class="input-group">
                                                                   <div class="input-group-prepend">
                                                                       <span class="input-group-text"><i class="icon-home"></i></span>
                                                                   </div>
                                                                   <input type="text" class="form-control" required  @if(!empty($editar)) value="{{$pessoasEditar->ano}}" @endif placeholder="Ex: 2015..." name="ano"  />
                                                               </div>
                                                           </div>
                                                       </div>

                                                       <!---------------------------------------------------------------------->


                                                       <div class="col-md-4">
                                                           <div class="form-group">
                                                               <label class="control-label mb-10" for="exampleInputuname_1">Brand</label>
                                                               <div class="input-group">
                                                                   <div class="input-group-prepend">
                                                                       <span class="input-group-text"><i class="icon-home"></i></span>
                                                                   </div>

                                                                   <select name="marca"  class="form-control">

                                                                       @if(!empty($editar))
                                                                       <option value="{{$pessoasEditar->marca}}">{{$pessoasEditar->marca}}</option>
                                                                       @endif

                                                                           <option value="Abarth">Abarth</option>
                                                                           <option value="Aixam">Aixam</option>
                                                                           <option value="Alfa Romeo">Alfa Romeo</option>
                                                                           <option value="Aston Martin">Aston Martin</option>
                                                                           <option value="Audi">Audi</option>
                                                                           <option value="Austin">Austin</option>
                                                                           <option value="Autobianchi">Autobianchi</option>
                                                                           <option value="Bedford">Bedford</option>
                                                                           <option value="Bentley">Bentley</option>
                                                                           <option value="BMW">BMW</option>
                                                                           <option value="Burstner">Burstner</option>
                                                                           <option value="Cadillac">Cadillac</option>
                                                                           <option value="Carado">Carado</option>
                                                                           <option value="Caterham">Caterham</option>
                                                                           <option value="Chevrolet">Chevrolet</option>
                                                                           <option value="Chrysler">Chrysler</option>
                                                                           <option value="Citroen">Citroen</option>
                                                                           <option value="Cupra">Cupra</option>
                                                                           <option value="Dacia">Dacia</option>
                                                                           <option value="Daewoo">Daewoo</option>
                                                                           <option value="Daihatsu">Daihatsu</option>
                                                                           <option value="Datsun">Datsun</option>
                                                                           <option value="Dethleffs">Dethleffs</option>
                                                                           <option value="Dodge">Dodge</option>
                                                                           <option value="DS">DS</option>
                                                                           <option value="Ferrari">Ferrari</option>
                                                                           <option value="Fiat">Fiat</option>
                                                                           <option value="Ford">Ford</option>
                                                                           <option value="Honda">Honda</option>
                                                                           <option value="Hummer">Hummer</option>
                                                                           <option value="Hymer">Hymer</option>
                                                                           <option value="Hyundai">Hyundai</option>
                                                                           <option value="Infiniti">Infiniti</option>
                                                                           <option value="Isuzu">Isuzu</option>
                                                                           <option value="Jaguar">Jaguar</option>
                                                                           <option value="Jeep">Jeep</option>
                                                                           <option value="Kia">Kia</option>
                                                                           <option value="Knaus">Knaus</option>
                                                                           <option value="Lamborghini">Lamborghini</option>
                                                                           <option value="Lancia">Lancia</option>
                                                                           <option value="Land Rover">Land Rover</option>
                                                                           <option value="Lexus">Lexus</option>
                                                                           <option value="Ligier">Ligier</option>
                                                                           <option value="Lincoln">Lincoln</option>
                                                                           <option value="Lotus">Lotus</option>
                                                                           <option value="Maserati">Maserati</option>
                                                                           <option value="Maybach">Maybach</option>
                                                                           <option value="Mazda">Mazda</option>
                                                                           <option value="Mercedes-Benz">Mercedes-Benz</option>
                                                                           <option value="MG">MG</option>
                                                                           <option value="Microcar">Microcar</option>
                                                                           <option value="Minauto">Minauto</option>
                                                                           <option value="MINI">MINI</option>
                                                                           <option value="Mitsubishi">Mitsubishi</option>
                                                                           <option value="Morris">Morris</option>
                                                                           <option value="Nissan">Nissan</option>
                                                                           <option value="Opel">Opel</option>
                                                                           <option value="Peugeot">Peugeot</option>
                                                                           <option value="Piaggio">Piaggio</option>
                                                                           <option value="Polestar">Polestar</option>
                                                                           <option value="Pontiac">Pontiac</option>
                                                                           <option value="Porsche">Porsche</option>
                                                                           <option value="Renault">Renault</option>
                                                                           <option value="Rolls-Royce">Rolls-Royce</option>
                                                                           <option value="Rover">Rover</option>
                                                                           <option value="Saab">Saab</option>
                                                                           <option value="Seat">Seat</option>
                                                                           <option value="Simca">Simca</option>
                                                                           <option value="Skoda">Skoda</option>
                                                                           <option value="Smart">Smart</option>
                                                                           <option value="SsangYong">SsangYong</option>
                                                                           <option value="Subaru">Subaru</option>
                                                                           <option value="Suzuki">Suzuki</option>
                                                                           <option value="Tesla">Tesla</option>
                                                                           <option value="Toyota">Toyota</option>
                                                                           <option value="Triumph">Triumph</option>
                                                                           <option value="UMM">UMM</option>
                                                                           <option value="Volkswagen">Volkswagen</option>
                                                                           <option value="Volvo">Volvo</option>


                                                                   </select>


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


                                                       <div class="col-md-4">
                                                           <div class="form-group">
                                                               <label class="control-label mb-10" for="exampleInputuname_1">Color</label>
                                                               <div class="input-group">
                                                                   <div class="input-group-prepend">
                                                                       <span class="input-group-text"><i class="icon-home"></i></span>
                                                                   </div>
                                                                   <input type="text"  class="form-control" name="cor" @if(!empty($editar)) value="{{$pessoasEditar->cor}}" @endif placeholder="Ex: White ..." required />
                                                               </div>
                                                           </div>
                                                       </div>

                                                       <div class="col-md-4">
                                                           <div class="form-group">
                                                               <label class="control-label mb-10" for="exampleInputuname_1">Transmission</label>
                                                               <div class="input-group">
                                                                   <div class="input-group-prepend">
                                                                       <span class="input-group-text"><i class="icon-home"></i></span>
                                                                   </div>
                                                                   <select name="cambio"  class="form-control">
                                                                       @if(!empty($editar))
                                                                           <option value="{{$pessoasEditar->cambio}}">{{$pessoasEditar->cambio}}</option>
                                                                       @endif
                                                                       <option value="Manual">Manual</option>

                                                                       <option value="Automatic">Automatic</option>

                                                                   </select>

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




                                                       <div class="col-md-4">
                                                           <div class="form-group">
                                                               <label class="control-label mb-10" for="exampleInputuname_1">Doors</label>
                                                               <div class="input-group">
                                                                   <div class="input-group-prepend">
                                                                       <span class="input-group-text"><i class="icon-home"></i></span>
                                                                   </div>
                                                                   <select name="portas"   class="form-control">
                                                                       @if(!empty($editar))
                                                                           <option value="{{$pessoasEditar->portas}}">{{$pessoasEditar->portas}}</option>
                                                                       @endif
                                                                       <option value="2">2</option>
                                                                       <option value="3">3</option>
                                                                       <option value="4">4</option>
                                                                       <option value="5">5</option>
                                                                       <option value="6">6</option>
                                                                       <option value="7">7</option>
                                                                       <option value="8">8</option>



                                                                   </select>

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

                                                       <div class="col-md-4">
                                                           <div class="form-group">
                                                               <label class="control-label mb-10" for="exampleInputuname_1">Fuel</label>
                                                               <div class="input-group">
                                                                   <div class="input-group-prepend">
                                                                       <span class="input-group-text"><i class="icon-home"></i></span>
                                                                   </div>
                                                                   <select name="combustivel"   class="form-control">
                                                                       @if(!empty($editar))
                                                                           <option value="{{$pessoasEditar->combustivel}}">{{$pessoasEditar->combustivel}}</option>
                                                                       @endif
                                                                           <option value="Diesel">Diesel</option>
                                                                           <option value="Electric">Electric</option>
                                                                           <option value="Ethanol">Ethanol</option>
                                                                           <option value="Flex">Flex</option>
                                                                       <option value="Gasoline">Gasoline</option>
                                                                       <option value="Hybrid">Hybrid</option>
                                                                       <option value="Hydrogen">Hydrogen</option>

                                                                   </select>

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


                                                       <!--
                                                       <div class="col-md-4">
                                                           <div class="form-group">
                                                               <label class="control-label mb-10" for="exampleInputuname_1">Placa</label>
                                                               <div class="input-group">
                                                                   <div class="input-group-prepend">
                                                                       <span class="input-group-text"><i class="icon-home"></i></span>
                                                                   </div>
                                                                   <input type="text" class="form-control" required @if(!empty($editar)) value="{{$pessoasEditar->placa}}" @endif  name="placa" placeholder="Ex: Final 5 ..." />

                                                               </div>
                                                           </div>
                                                       </div>
                                                       -->

                                                       <div class="col-md-4">
                                                           <div class="form-group">
                                                               <label class="control-label mb-10" for="exampleInputuname_1">Mileage</label>
                                                               <div class="input-group">
                                                                   <div class="input-group-prepend">
                                                                       <span class="input-group-text"><i class="icon-home"></i></span>
                                                                   </div>
                                                                   <input type="text" class="form-control" @if(!empty($editar)) value="{{$pessoasEditar->km}}" @endif  required name="km" placeholder="Ex: 20.000..." />

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

                                                           <div class="col-md-4">
                                                               <div class="form-group">
                                                                   <label class="control-label mb-10" for="exampleInputuname_1">Highlighted?</label>
                                                                   <div class="input-group">
                                                                       <div class="input-group-prepend">
                                                                           <span class="input-group-text"><i class="icon-home"></i></span>
                                                                       </div>
                                                                       <select name="destaque"   class="form-control">
                                                                           @if(!empty($editar))
                                                                               <option value="{{$pessoasEditar->destaque}}">{{$pessoasEditar->destaque}}</option>
                                                                           @endif
                                                                           <option value="Destaque">Highlighted Vehicle</option>
                                                                           <option value="Normal">Normal</option>


                                                                       </select>

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


                                                           <div class="col-md-4">
                                                               <div class="form-group">
                                                                   <label class="control-label mb-10" for="exampleInputuname_1">Vehicle Type</label>
                                                                   <div class="input-group">
                                                                       <div class="input-group-prepend">
                                                                           <span class="input-group-text"><i class="icon-home"></i></span>
                                                                       </div>
                                                                       <select name="tipoVeiculo"   class="form-control">
                                                                           @if(!empty($editar))
                                                                               <option value="{{$pessoasEditar->tipoVeiculo}}" selected>{{$pessoasEditar->tipoVeiculo}}</option>
                                                                           @endif
                                                                           <option value="Hatch" @if(!empty($editar)) @else selected @endif>Hatch</option>
                                                                           <option value="Sedan">Sedan</option>
                                                                           <option value="Suv">Suv</option>
                                                                           <option value="pickup truck">Pickup Truck</option>
                                                                           <option value="pickup">Pickup</option>
                                                                           <option value="motorbike">Motorbike</option>
                                                                           <option value="quadricycle">Quadricycle</option>



                                                                       </select>

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


                                                       <div class="col-md-12">
                                                           <div class="form-group">
                                                               <label class="control-label mb-10" for="exampleInputuname_1">Description</label>

                                                                   <textarea   id="mytextarea" required name="obs">@if(!empty($editar)) {!!  $pessoasEditar->obs!!}" @else Vehicle Description... @endif</textarea>

                                                               </div>
                                                           </div>



<hr>


                                                    <!----------------------------------------------------------------->


                                                                <div class="clearfix">
                                                                    <label class="pull-left"> <strong>Vehicle Images</strong> </label>
                                                                </div>




                                                            <div class="form-group multiple-form-group input-group">
                                                                <div class="col-md-4">
                                                                    <input type="file" name="img[]" multiple class="form-control-file">
                                                                </div>

                                                                <span class="input-group-btn">
                    <button type="button" class="btn btn-success btn-add">+</button>
                </span>
                                                            </div>
                                                    <!------------------------------------------------------------------------------------->

<hr>
                                                    <button type="submit" class="btn btn-success mr-10">  @if(empty($editar)) + Register New @else Edit @endif Vehicle </button>


                                                </form>


                            </section>
                        </div>
                    </div>
                </div>






















         @if(!empty($editar))



 <div class="tab-pane fade" id="capa" role="capa" aria-labelledby="capa-tab">
                    <div class="row">
                        <div class="col-xl-12">
                            <section class="hk-sec-wrapper">

                                <!-- Título -->
                                <div class="hk-pg-header">
                                    <h4 class="hk-pg-title">
                                <span class="pg-title-icon">
                                    <span class="feather-icon"><i data-feather="search"></i></span>
                                </span>
                                        Active Slides</h4>
                                </div>




                                <div class="row">
                                    <div class="col-sm">
                                        <div class="table-wrap">
                                            <table id="datable_1" class="table table-hover w-100 display pb-30">
                                                <thead>
                                                <tr>
                                                    <th>Cod</th>
                                                    <th>Image</th>
                                                    <th align="center" class="text-center">Actions</th>
                                                </tr>
                                                </thead>
                                                <tbody>
                                                @php $i=1; @endphp


                                                    @foreach($slides as $p)

                                                        <tr>
                                                            <td>{{$i++}}</td>
                                                            <td><img src="/img/{{$p->img}}" width="300px" height="160px"> </td>
                                                            <td  class="text-center">

@if($p->capa == 1)
<button  class="btn btn-sm btn-success" >This is the cover</button>
@else

  <a href="{{route('capa',[$p->id,$p->codigo])}}">     <button  class="btn btn-sm btn-danger" >Put as Cover</button></a>
@endif

                                                                <div id="excluir{{$i}}" class="modal fade" style="display: none;">
                                                                    <div class="modal-dialog modal-confirm">
                                                                        <div class="modal-content">
                                                                            <div class="modal-header">

                                                                                <h4 class="modal-title">Do you really want to delete?</h4>
                                                                                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                                                                            </div>
                                                                            <div class="modal-body">
                                                                                <p style="font-color: #1b1e21">By deleting this information it will be permanently deleted. </p>
                                                                            </div>
                                                                            <div class="modal-footer">
                                                                                <button type="button" class="btn btn-info" data-dismiss="modal">Cancel</button>
                                                                                <a href="{{route('excluirSlides',$p->id)}}">
                                                                                    <button type="button" class="btn btn-danger">Yes, I want to delete.</button>
                                                                                </a>
                                                                            </div>
                                                                        </div>
                                                                    </div>
                                                                </div>

                                                            </td>

                                                        </tr>





                                                    @endforeach

                                                </tbody>
                                                <tfoot>
                                                <tr>
                                                    <th>Código</th>
                                                    <th>Image</th>
                                                    <th>Actions</th>
                                                </tr>
                                                </tfoot>
                                            </table>
                                        </div>
                                    </div>
                                </div>

                            </section>
                        </div>
                    </div>
                </div>


@endif



                <!------- SEGUNDA NAV ------------------------------>

                <div class="tab-pane fade" id="profile" role="tabpanel" aria-labelledby="profile-tab">
                    <div class="row">
                        <div class="col-xl-12">
                            <section class="hk-sec-wrapper">

                                <!-- Título -->
                                <div class="hk-pg-header">
                                    <h4 class="hk-pg-title">
                                <span class="pg-title-icon">
                                    <span class="feather-icon"><i data-feather="search"></i></span>
                                </span>
                                         Inventory - Active Vehicles</h4>
                                </div>




                                <div class="row">
                                    <div class="col-sm">
                                        <div class="table-wrap">
                                            <table id="datable_1" class="table table-hover w-100 display pb-30">
                                                <thead>
                                                <tr>
                                                    <th>code</th>
                                                    <th>Name</th>
                                                    <th align="center" class="text-center">Actions</th>
                                                </tr>
                                                </thead>
                                                <tbody>
                                                @php $i=1; @endphp

                                                @if(!empty($veiculosAtivo))
                                                @foreach($veiculosAtivo as $p)

                                                    <tr>
                                                        <td>{{$i++}}</td>
                                                        <td>{{$p->nome}}</td>
                                                        <td  class="text-center">
                                                            <a href="{{route('editarVeiculos',$p->id)}}">
                                                                <button  class="btn btn-sm btn-success" >Edit</button>
                                                            </a>
                                                            <button href="#excluir{{$i}}" class="btn btn-sm btn-danger" data-toggle="modal">Delete</button>


                                                            <div id="excluir{{$i}}" class="modal fade" style="display: none;">
                                                                <div class="modal-dialog modal-confirm">
                                                                    <div class="modal-content">
                                                                        <div class="modal-header">

                                                                            <h4 class="modal-title">Do you really want to delete?</h4>
                                                                            <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                                                                        </div>
                                                                        <div class="modal-body">
                                                                            <p style="font-color: #1b1e21">By deleting this information it will be permanently deleted. </p>
                                                                        </div>
                                                                        <div class="modal-footer">
                                                                            <button type="button" class="btn btn-info" data-dismiss="modal">cancel</button>
                                                                            <a href="{{route('excluirVeiculos',$p->id)}}">
                                                                                <button type="button" class="btn btn-danger">Yes, I want to delete.</button>
                                                                            </a>
                                                                        </div>
                                                                    </div>
                                                                </div>
                                                            </div>

                                                        </td>

                                                    </tr>





                                                @endforeach
                                                    @endif
                                                </tbody>
                                                <tfoot>
                                                <tr>
                                                    <th>Code</th>
                                                    <th>Name</th>
                                                    <th>Actions</th>
                                                </tr>
                                                </tfoot>
                                            </table>
                                        </div>
                                    </div>
                                </div>

                            </section>
                        </div>
                    </div>
                </div>


                <div class="tab-pane fade" id="inativo" role="tabpanel" aria-labelledby="inativo">
                    <div class="row">
                        <div class="col-xl-12">
                            <section class="hk-sec-wrapper">

                                <!-- Título -->
                                <div class="hk-pg-header">
                                    <h4 class="hk-pg-title">
                                <span class="pg-title-icon">
                                    <span class="feather-icon"><i data-feather="search"></i></span>
                                </span>
                                        Inactive Vehicles</h4>
                                </div>




                                <div class="row">
                                    <div class="col-sm">
                                        <div class="table-wrap">
                                            <table id="datable_1" class="table table-hover w-100 display pb-30">
                                                <thead>
                                                <tr>
                                                    <th>Code</th>
                                                    <th>Name</th>
                                                    <th align="center" class="text-center">Actions</th>
                                                </tr>
                                                </thead>
                                                <tbody>
                                                @php $i=1; @endphp

                                                @if(!empty($veiculosInativos))
                                                    @foreach($veiculosInativos as $p)

                                                        <tr>
                                                            <td>{{$i++}}</td>
                                                            <td>{{$p->nome}}</td>
                                                            <td  class="text-center">
                                                                <a href="{{route('ativar',$p->id)}}">
                                                                    <button  class="btn btn-sm btn-info " >Activate</button>
                                                                </a>


                                                            </td>

                                                        </tr>





                                                    @endforeach
                                                @endif
                                                </tbody>
                                                <tfoot>
                                                <tr>
                                                    <th>Code</th>
                                                    <th>Name</th>
                                                    <th>Actions</th>
                                                </tr>
                                                </tfoot>
                                            </table>
                                        </div>
                                    </div>
                                </div>

                            </section>
                        </div>
                    </div>
                </div>
            </div>

            <!---------------- FIM NAV-------------->
        </div>
    </div>








@endsection


@section('footer')




    <script src="/vendor/datatables.net/js/jquery.dataTables.min.js"></script>
    <script src="/vendor/datatables.net-bs4/js/dataTables.bootstrap4.min.js"></script>
    <script src="/vendor/datatables.net-dt/js/dataTables.dataTables.min.js"></script>
    <script src="/vendor/datatables.net-buttons/js/dataTables.buttons.min.js"></script>
    <script src="/vendor/datatables.net-buttons-bs4/js/buttons.bootstrap4.min.js"></script>
    <script src="/vendor/datatables.net-buttons/js/buttons.flash.min.js"></script>
    <script src="/vendor/datatables.net-buttons/js/buttons.html5.min.js"></script>
    <script src="/vendor/datatables.net-buttons/js/buttons.print.min.js"></script>
    <script src="/vendor/datatables.net-responsive/js/dataTables.responsive.min.js"></script>
    <script src="/dist/js/dataTables-data.js"></script>



@endsection