@extends('layout/principal')
@section('titulo', 'Home')
@section('content')

<h5 class="card-title">VEHÍCULOS</h5>
<hr>
<!-- ============ MENSAJES ==================================================================== -->
{{-- Mensajes estandar de Laravel --------}}
@if (isset($errors) && $errors->any())
<div class="alert alert-danger" role="alert">
    @foreach ($errors->all() as $error)
    {{ $error }}
    @endforeach
</div>
@endif
{{-- Mensajes de Session personalizados --}}
@if (Session::has('success')) <div class="alert alert-success"> {{ Session::get('success') }} </div> @endif
@if (Session::has('danger')) <div class="alert alert-danger"> {{ Session::get('danger') }} </div> @endif
<!-- ========== FIN MENSAJES ================================================================== -->
<div class="table-responsive">
    <table class="datatable cell-border display compact hover row-border nowrap" id="datatable" style="width:100%">
        <thead>
            <tr>
                <th>Acciones</th>
                <th>Codigo</th>
                <th>Inscripcion</th>
                <th>Tipo</th>
                <th>Marca</th>
                <th>Modelo</th>
                <th>Ano</th>
            </tr>
        </thead>
        <tbody>
            @foreach ($vehiculos as $vehiculo)
            <tr>
                <td style="width: 1%">
                    @can('SuperAdmin')
                    {{-- <button >Eliminar</button> --}}
                    {{-- <button >Editar</button> --}}
                    {{-- <button >Ver</button> --}}
                    @endcan
                </td>
                <td>{{$vehiculo->id_vehiculo}}</td>
                <td>{{$vehiculo->inscripcion}}</td>
                <td>{{$vehiculo->vehiculo_tipo}}</td>
                <td>{{$vehiculo->marca}}</td>
                <td>{{$vehiculo->modelo}}</td>
                <td>{{$vehiculo->ano}}</td>
            </tr>
            @endforeach
        </tbody>
    </table>
    {{-- {{ $vehiculos->links('pagination::bootstrap-4') }} --}}
</div><!-- table-responsive -->

@endsection