@extends('app.layouts.main')

@section('header')
<style>
.hidden {
    display: none
}
</style>
@stop    

@section('content')
    @include('app.partials.breadcrumb')
    @include('app.partials.tabs')         
    @include('app.partials.messages')           
    {!! Element::mainbloc('open', __('app.view_consumption'), 'fas fa-table') !!}
        <div class="text-center" style="font-weight: bold; font-size:24px">{{ Date::datefr($date1) }} -  {{ Date::datefr($date2) }}</div>
        <div class="table-responsive">
            <table class="table table-bordered tableFilter" id="dataTable1" width="100%" cellspacing="0">
                <thead>
                    <tr>
                       <th>{{ __('app.article') }}</th>
                       <th>{{ __('app.designation') }}</th>
                       <th>{{ __('app.nb_items') }}</th>
                       <th>{{ __('app.dim1') }}</th>
                       <th>{{ __('app.dim2') }}</th>
                       <th>{{ __('app.dim3') }}</th>
                       <th>{{ __('app.weight') }}</th>
                       <th>{{ __('app.length') }}</th>
                        <th>{{ __('app.nb_consumption') }}</th>
                    </tr>
                </thead>
                <tfoot>
                    <tr>
                       <th>{{ __('app.article') }}</th>
                       <th>{{ __('app.designation') }}</th>
                       <th>{{ __('app.nb_items') }}</th>
                       <th>{{ __('app.dim1') }}</th>
                       <th>{{ __('app.dim2') }}</th>
                       <th>{{ __('app.dim3') }}</th>
                       <th>{{ __('app.weight') }}</th>
                       <th>{{ __('app.length') }}</th>
                        <th>{{ __('app.nb_consumption') }}</th>
                    </tr>
                </tfoot>
               <tbody>
                @forelse($consommations AS $c)                    
                    <tr>
                        <td>{{ $c->reference }}</td>
                        <td>{{ $c->designation }}</td>
                        <td>{{ $c->totalitems }}</td>
                        <td>{{ round($c->dim1) }}</td>
                        <td>{{ round($c->dim2) }}</td>
                        <td>{{ round($c->dim3,1) }}</td>
                        <td>{{ round($c->totalweight) }}</td>
                        <td>{{ round($c->totallength) }}</td>
                        <td>{{ $c->total }}</td> 
                    </tr>
                @empty
                    <tr>
                        <td colspan="8">{{ __('app.no-result') }}</td>
                    </tr>
                @endforelse

               </tbody>

            </table>
        </div>
        {!! Element::mainbloc('close') !!} 
        

    
@stop


@section('footer')
<script>  
jQuery(function($) {
    var token = '{{ csrf_token() }}';   
        $(document).ready( function () {

            $('.tableFilter').DataTable({
                  "paging":   false,
                  "info":     false,
                  "language": {
                    "search": "{!! __('app.filter') !!}",
                 }
            });
        });
    });
</script>
@stop