@extends('layouts.app')

@section('content')
<h2 class="text-center">Vehiculos</h2>
<div class="container">
    <table class="table table-bordered" id="tbl_eventos">
        <thead>
            <tr>
                <td>Vehiculo</td>
                <td>Marca</td>
                <td>Modelo</td>
                <td>Año</td>
                <td>Placas</td>
                <td>Area</td>
                <td>Departamentos</td>
                <td>Acciones</td>
            </tr>
        </thead>
    </table>

</div>

@stop
@push('scripts')
<script>
var tblConcept,tblEvents;
$( document ).ready(function() {



    tblSuppliers =  $('#tbl_eventos').DataTable({
        processing: true,
        serverSide: true,
        dom: 'lBfrtip',
        ajax: {
          url: '{!! route('vehiclestable') !!}'
        },
        language: {
              "url": "//cdn.datatables.net/plug-ins/9dcbecd42ad/i18n/Spanish.json",
              },
        buttons: [
          'csv', 'excel', 'pdf'
        ],
        columns: [
            { data: 'vehicle', name: 'vehicle' },
            { data: 'brand', name: 'brand' },
            { data: 'model', name: 'model' },
            { data: 'year', name: 'year' },
            { data: 'plate', name: 'plate' },
            { data: 'area', name: 'area' },
            { data: 'department', name: 'department' },
            { data: 'id', name: 'id' }
        ],
        aoColumnDefs: [
            {
                "targets": [7],
                "mRender": function ( data,type, row ) {
                    var info = '{{ route("vehicle.edit","id") }}';
                    var del = '{{ route("vehicle.destroy","id") }}'
                    info = info.replace('id',row.id);
                    del = del.replace('id',row.id);
                    
                    
                    return '<a href="'+info+'" class="viewEvent" data="'+row.id+'"><i class="fas fa-edit fa-2x " style="color:blue"></i></a>';
                   
                }
                
            }
        ]
    });

    $('#tbl_conceptos tbody').on( 'click', 'a', function () {
        tblConcept
        .row( $(this).parents('tr') )
        .remove()
        .draw();
    } );

    $('.refreshDT').on('change', function() {
        $('#tbl_eventos').DataTable().ajax.reload();
    })

    



     

    
});

function details_in_popup(link, div_id){
    $.ajax({
        url: link,
        success: function(response){
            $('#'+div_id).html(response);
        }
    });
    return '<div id="'+ div_id +'">Loading...</div>';
}

</script>
@endpush