@section('title')
Viaturas Usadas
@stop

@section('content-header')
Viaturas Usadas
@stop

@section('breadcrumb')
<li class="active">
    Viaturas Usadas
</li>
@stop

@section('content')
<div class="row">
    <div class="col-xs-12">
        <div class="box no-border">
            <div class="box-header">
                <h3 class="box-title">Lista de Viaturas Usadas</h3>
                <div class="box-tools pull-right">
                    <a href="{{ route('admin.veichles.create') }}" class="btn btn-success btn-sm"><i class="fa fa-plus"></i> Nova viatura</a>
                </div>
            </div>
            <div class="box-body">
                <table id="table-veichles" class="table table-bordered table-striped dataTable">
                    <thead>
                        <tr>
                            <th>#</th>
                            <th></th>
                            <th>Titulo</th>
                            <th>Referência</th>
                            <th>Marca</th>
                            <th>Ano</th>
                            <th>Km</th>
                            <th>Preço</th>
                            <th>Criado em</th>
                            <th class="width-40px"></th>
                        </tr>
                    </thead>
                    <tbody>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</div>
@stop

@section('scripts')
<script type="text/javascript">
    $(document).ready(function () {
        $('#table-veichles').dataTable({
            processing: true,
            "ajax": {
                url: "{{ route('admin.veichles.datatables') }}",
                type: "POST"
            },    
            "autoWidth": false,
            "order": [[0, "desc"]],
            columns: [
                 {data: 'id', name: 'id'},
                 {data: 'photo', name: 'photo', orderable: false, searchable: false, class:'text-center width-1'},
                 {data: 'title', name: 'title'},
                 {data: 'reference', name: 'reference'},
                 {data: 'brand', name: 'brand', orderable: false, searchable: false},
                 {data: 'year', name: 'year'},
                 {data: 'km', name: 'km'},
                 {data: 'price', name: 'price'},
                 {data: 'created_at', name: 'created_at'},
                 {data: 'actions', name: 'actions', orderable: false, searchable: false},
             ],
        });

    });
</script>
@stop