@extends('layoutAdmin.layoutAdmin')

@section('container')

@include('admin.assets.fragment.info') <!--Mensaje de Guardado-->

<div class="card-box mb-30">
    <div class="pd-20">
        <div class="clearfix mb-20">
            <div class="pull-left">
                <h4 class="text-blue h4">{{__('Activos')}}</h4>
            </div>
	
                <div class="pull-right">
				@can('assets-pdf')
				<a
                        href="{{ route('assets.pdf') }}"
                        class="btn btn-secondary btn-sm scroll-click"
                        role="button"
                        >{{__('Reporte')}}</a
                    >
				@endcan

				@can('assets-create')
                    <a
                        href="{{ route('assets.create') }}"
                        class="btn btn-primary btn-sm scroll-click"
                        role="button"
                        >{{__('Nuevo')}}</a
                    >
				@endcan
                </div>
            
        </div>
    </div>

    <div class="pb-20">
        <table class="data-table-asset table hover  ">
            <thead>

				<th scope="col">Nº</th>
				<th scope="col">Codigo</th>
				<th scope="col">Tipo de Bien</th>
				<th scope="col">Funcionario</th>
				<th scope="col">Fecha de Registro</th>
				<th scope="col">Caracteristicas</th>
				<th scope="col">Descripcion</th>
				<th scope="col">Estado</th>
				<th scope="col">Baja</th>
				<th scope="col">Opcion</th>

            </thead>
        </table>
    </div>
</div>

@endsection

@section('script')
<script>
$(document).ready(function() {
    $('.data-table-asset').DataTable({
        'serverSide': true,
        'ajax': {
            'url': "{{ route('datatable.asset') }}",
            'type': 'GET',
            'dataSrc': 'data'
        },
        'columns': [
            { 'data': 'id' , 'orderable': false, },
            { 'data': 'codigoCompleto' , 'orderable': false,},
            { 'data': 'nombreBien' , 'orderable': false, },
            { 'data': 'funcionario' , 'orderable': false, },
            { 'data': 'fechaRegistro' , 'orderable': false, },
            { 'data': 'caracteristicas' , 'orderable': false, },
            { 'data': 'descripcion' , 'orderable': false, },
            { 'data': 'estado' , 'orderable': false, },
            { 'data': 'baja' , 'orderable': false, },
            {
                'data': 'action',
                'orderable': false,
                'searchable': false
            }
        ],
        'scrollX': true, // Enable horizontal scrolling
        'autoWidth': false,
        'responsive': false, // Turn off responsive to prevent hidden columns
        'columnDefs': [{
            'targets': "datatable-nosort",
            'orderable': false,
        }],
        'lengthMenu': [[10, 25, 50, -1], [10, 25, 50, "All"]],
        'language': {
            'info': "Mostrando _START_ a _END_ de _TOTAL_ entradas",
            'search': "Buscar:",
            'infoFiltered': "(filtrado de _MAX_ entradas totales)",
            'zeroRecords': "No se encontraron registros coincidentes",
            'lengthMenu': "Mostrar _MENU_ entradas",
            'searchPlaceholder': "Buscar",
            'paginate': {
                'next': '<i class="ion-chevron-right"></i>',
                'previous': '<i class="ion-chevron-left"></i>'
            }
        },
    });
});
</script>
@endsection