@extends('layouts.app')


@section('index', 'Dispacciamento')

@section('content')

<div class="wrapper wrapper-content animated fadeInRight">

    <div class="row equal">
        <div class="col-md-12">
            <div class="ibox">

                <div class="col-md-12">
                    <div class="ibox-content">

                        <h2>Lista Dispacciamento</h2>
                        <div class="clients-list">
                            <div class="full-height-scroll" style="overflow: hidden; width: auto; height: 100%;">
                                <div class="table-responsive">

                                    <table class="table table-striped table-hover" >

                                        <thead>

                                            <tr>
                                                <th>Mese</th>
                                                <th>Pod</th>
                                                <th>Zona</th>
                                                <th>Dispacciamento</th>
                                                <th>Cod.Fiscale</th>
                                                <th>P.Iva</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach($lista as $list)
                                            <tr> 
                                                <td>{{$list->mese_anno}}</td>
                                                <td>{{$list->pod}}</td>
                                                <td>{{$list->zona}}</td>
                                                <td>{{$list->dispacciamento}}</td>
                                                <td>{{$list->cod_fiscale}}</td>
                                                <td>{{$list->p_iva}}</td>

                                            </tr>
                                            @endforeach
                                        </tbody>

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

                        </div>


                    </div>


                </div>

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

</div>

@endsection
@section('scripts')
<script>


    var table = $('table').DataTable({pageLength: 8
        , bSort: true,
        select: true,
        "scrollY": "500px",
        "orderCellsTop": true,
        "fixedHeader": false,
        "bFilter": true,
        "lengthMenu": [[8, 10, 25, 100, 150, -1], [8, 10, 25, 100, 150, 'Tutte']],
        dom: 'Blfrtip',
        buttons: [
            'copy', 'csv', 'excel', 'pdf'
        ]}
    ).search('');


</script>
@endsection