@extends('app.layouts.main')

@section('header')
<style>
    .datepicker{width:180px; margin: 0 20px 20px 20px;}
    .datepicker > span:hover{cursor: pointer;}
</style>
@stop    

@section('content')
    @include('app.partials.breadcrumb')
    @include('app.partials.tabs')         
    @include('app.partials.messages')           
    {!! Element::mainbloc('open', __('app.depots_liste'), 'fas fa-table') !!}
        {!! Form::open(['method' => 'get', 'route' => ['admin.depot.consommation', $depot->id], 'class' => 'form-horizontal', 'role' => 'form', 'id' => 'main_form', 'files' => false]) !!}
            <div class="row">
                <div class="col-sm-3">{!! Twb::admin_select('movement', __('app.select_movement'),$movement,[],  $errors->first('movement'), '','', ['in_out' => 'IN OUT','out' => 'OUT','in' => 'IN']) !!}</div>
                <div class="col-sm-3">{!! Twb::admin_text('date1',__('app.date1'),$date1,['class' => 'datepicker'], $errors->first('date1')) !!}</div>
                <div class="col-sm-3">{!! Twb::admin_text('date2',__('app.date2'),$date2,['class' => 'datepicker'], $errors->first('date2')) !!}</div>
                <div class="col-sm-3"><br>{!! Form::button(__('app.submit'), ['type' => 'submit','','class' => 'btn btn-block btn-lg btn-success','id' => 'createButton' ]) !!}</div>
            </div>           
        {!! Form::close() !!}        
        <div class="table-responsive">
            <table class="table table-bordered tableDepot" id="dataTable1" width="100%" cellspacing="0">
                <thead>
                    <tr>
                        <th>{{ __('app.date') }}</th>
                        <th>{{ __('app.movement') }}</th>
                        <th>{{ __('app.by') }}</th>
                        <th>{{ __('app.numero') }}</th>
                        <th>{{ __('app.nature') }}</th>
                        <th>{{ __('app.reference') }}</th>
                    </tr>
                </thead>
                <tfoot>
                    <tr>
                        <th>{{ __('app.date') }}</th>
                        <th>{{ __('app.movement') }}</th>
                        <th>{{ __('app.by') }}</th>
                        <th>{{ __('app.numero') }}</th>
                        <th>{{ __('app.nature') }}</th>
                        <th>{{ __('app.reference') }}</th>
                    </tr>
                </tfoot>
                <tbody>
                    @foreach($consommations AS $c)
                    <tr>
                        <td>{{ $c->consocreated }}</td>
                        <td>{{ $c->movement }}</td>
                        @if($c->movement == 'IN')
                            <td>DIVALTO</td>
                        @else
                            <td>{{ $c->login }}</td>   
                        @endif                     
                        <td>{{ $c->numero }}</td>
                        <td>{{ $c->nature }}</td>
                        <td>{{ $c->reference }}<br>{{ $c->designation }}</td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
        

    {!! Element::mainbloc('close') !!}
@stop


@section('footer')
<script>
jQuery(function($) {
        $(".datepicker").datepicker( {
            "dateFormat": 'yy-mm-dd'
        });
    });
</script>
@stop