@extends('app.layouts.main')
<style>
    #validForm1, #validForm2  {
        position: fixed;
        bottom:0px;
        width:85%
    }
    .hidden {
        display: none;
    }
</style>
@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.consumptions_past'), 'fas fa-table', ['header' => 'bg-warning']) !!}
        <div class="table-responsive">
            <table class="table table-bordered" width="100%" cellspacing="0">
                <thead>
                    <tr>
                        <th>{{ __('app.date') }}</th>
                        <th>{{ __('app.lot_number') }}</th>
                        <th>{{ __('app.item') }}</th>
                        <th>{{ __('app.description') }}</th>
                        <th>{{ __('app.nb_items') }}</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($consommations AS $c)
                        <tr>
                            <td>{{ Date::datefr($c->cdate,'date') }}</td>
                            <td>{{ $c->numero }}</td>
                            <td>{{ $c->reference }}</td>
                            <td>{{ $c->designation }}</td>
                            <td>{{ $c->nb_items }}</td>                       
                        </tr>
                    @endforeach                
                </tbody>
                <tfoot>
                    <tr>
                        <th>{{ __('app.date') }}</th>
                        <th>{{ __('app.lot_number') }}</th>
                        <th>{{ __('app.item') }}</th>
                        <th>{{ __('app.description') }}</th>
                        <th>{{ __('app.nb_items') }}</th>
                    </tr>
                </tfoot>
            </table>
        </div>

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

    {!! Element::mainbloc('open', __('app.consumptions'), 'fas fa-table', ['header' => 'bg-info']) !!}
        
    @if(in_array(Session::get('depot.type'), Helper::arrayStockConsignation()))
    <div class="row">
        <div class="col-sm-6">{!! Twb::admin_text('last_name',__('app.scan_lot'),"",['id' => 'scan','focus' => 'focus']) !!}</div>
    </div>
    
        {!! Form::open(['route' => ['post.conso'], 'class' => 'form-horizontal', 'role' => 'form', 'id' => 'main_form', 'files' => true]) !!}
        <div class="table-responsive">
            <table class="table table-bordered tableConso" id="dataTable1" width="100%" cellspacing="0">
                <thead>
                    <tr>
                        <th>-</th>
                        <th>{{ __('app.lot_number') }}</th>
                        <th>{{ __('app.item') }}</th>
                        <th>{{ __('app.description') }}</th>
                        <th>{{ __('app.nb_items') }}</th>
                        <th>{{ __('app.dim1') }}</th>
                        <th>{{ __('app.dim2') }}</th>
                        <th>{{ __('app.dim3') }}</th>
                        <th>{{ __('app.weight') }}</th>
                        <th>{{ __('app.status') }}</th>
                    </tr>
                </thead>
                <tfoot>
                    <tr>
                        <th>-</th>
                        <th>{{ __('app.item') }}</th>
                        <th>{{ __('app.description') }}</th>
                        <th>{{ __('app.nb_items') }}</th>
                        <th>{{ __('app.dim1') }} </th>
                        <th>{{ __('app.dim2') }}</th>
                        <th>{{ __('app.dim3') }}</th>
                        <th>{{ __('app.weight') }}</th>
                        <th>{{ __('app.status') }}</th>
                    </tr>
                </tfoot>
                <tbody id="table_conso">
                    @foreach($lots AS $l)
                    
                    <tr id="lot-{{ $l->numero }}">                        
                        <td><input type="checkbox" id="inputstock_{{ $l->lotid }}" name="inputstock[{{ $l->lotid }}]" value="{{ $l->lotid }}" data-numero="{{ $l->numero }}" class="inputstock_{{ $l->numero }} inputstock_checkbox"></td>
                        <td>{{ $l->numero }}</td>
                        <td>{{ $l->reference }}</td>
                        <td>{{ $l->designation }}</td>
                        <td>{{ $l->nb_items }}</td>
                        <td>{{ round($l->dim1) }}</td>
                        <td>{{ round($l->dim2) }}</td>
                        <td>{{ round($l->dim3,1) }}</td>
                        <td>{{ round($l->weight) }}</td>
                        <td>{{ Helper::stockstatus($l->nature) }}</td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
            {!! Form::hidden('formtype','1') !!}
            {!! Form::hidden('depot_id',Session::get('depot.id')) !!}
            <div class="text-center">
                {!! Form::button(__('app.valid'), ['type' => 'button','','class' => 'btn btn-block btn-lg btn-success','id' => 'validForm1' ]) !!}
                {!! Form::button(__('app.validationInProgress'), ['type' => 'button','','class' => 'btn btn-block btn-lg btn-info hidden','id' => 'validForm2' ]) !!}
            </div>
        </div>
        {!! Form::close() !!}
    
    @else
        {!! Form::open(['route' => ['post.conso'], 'class' => 'form-horizontal', 'role' => 'form', 'id' => 'main_form', 'files' => true]) !!}
        <div class="table-responsive">
            <table class="table table-bordered tableConso" id="dataTable1" width="100%" cellspacing="0">
                <thead>
                    <tr>
                        <th>{{ __('app.quantity_consumed') }}</th>
                        <th>{{ __('app.quantity_stock') }}</th>
                        <th>{{ __('app.quantity_in_transit') }}</th>
                        <th>{{ __('app.item') }}</th>
                        <th>{{ __('app.description') }}</th>
                        <th>{{ __('app.nb_items') }}</th>
                        <th>{{ __('app.dim1') }}</th>
                        <th>{{ __('app.dim2') }}</th>
                        <th>{{ __('app.dim3') }}</th>
                       <!-- <th>{{ __('app.weight') }}</th>-->
                        <th>{{ __('app.weight_stock') }}</th>
                    </tr>
                </thead>
                <tfoot>
                    <tr>
                        <th>{{ __('app.quantity_consumed') }}</th>
                        <th>{{ __('app.quantity_stock') }}</th>
                        <th>{{ __('app.quantity_in_transit') }}</th>
                        <th>{{ __('app.item') }}</th>
                        <th>{{ __('app.description') }}</th>
                        <th>{{ __('app.nb_items') }}</th>
                        <th>{{ __('app.dim1') }}</th>
                        <th>{{ __('app.dim2') }}</th>
                        <th>{{ __('app.dim3') }}</th>
                       <!-- <th>{{ __('app.weight') }}</th>-->
                        <th>{{ __('app.weight_stock') }}</th>
                    </tr>
                </tfoot>
                <tbody>
                    @foreach($lots2 AS $l)
                    <tr>
                        <td><input type="number" max="{{ $l->total }}" min="0" name="inputstock[{{ $l->articleid }}]" value="" class="inputvalue" data-max="{{ $l->total }}" pattern="\d*"></td>
                        <td>{{ 1*@$quantityByArticles[$l->articleid]['in_stock'] }}</td>
                        <td><spn style="color:#ff0000">{{ 1*@$quantityByArticles[$l->articleid]['in_transit'] }}</span></td>
                        <td>{{ $l->reference }}</td>
                        <td>{{ $l->designation }}</td>
                        <td>{{ $l->totalitems }}</td>
                        <td>{{ round($l->dim1) }}</td>
                        <td>{{ round($l->dim2) }}</td>
                        <td>{{ round($l->dim3,1) }}</td>
                      <!--  <td>{{ round($l->weight) }}</td>-->
                        <td>{{ round($l->totalweight) }}</td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
            {!! Form::hidden('formtype','2') !!}
            {!! Form::hidden('depot_id',Session::get('depot.id')) !!}
            <div class="text-center">
                {!! Form::button(__('app.valid'), ['type' => 'button','','class' => 'btn btn-block btn-lg btn-success','id' => 'validForm1' ]) !!}
                {!! Form::button(__('app.validationInProgress'), ['type' => 'button','','class' => 'btn btn-block btn-lg btn-info hidden','id' => 'validForm2' ]) !!}
            </div>
        </div>
        {!! Form::close() !!}
    @endif
    {!! Element::mainbloc('close') !!}
@stop


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

            $('.tableConso').DataTable({
                  "paging":   false,
                  "info":     false,
                  "initComplete": function(settings, json) {
                    if($("#scan").length == 0) {
                        $('#dataTable1_filter label input').focus();
                    }
                  },
                  "language": {
                    "search": "{!! __('app.filter') !!}",
                 }
            });

            $("html").on("keyup",".inputvalue", function(e) {
                var max = parseInt($(this).attr('max'));
                
                if ($(this).val() > max)
                {
                    $(this).val('');
                    alert("{!! __('app.quantity_too_important') !!}");
                }
                
            });

            $("html").on("click","#validForm1", function(e) {
                e.preventDefault();
                /* $("#validForm1").hide(); */
                var nbLots = 0;
                var empty = 1;
                $('.inputvalue').each(function() {
                    if($(this).val() > 0)
                    {
                        empty = 0;
                        nbLots += $(this).val()*1;
                    }
                });

                $('.inputstock_checkbox').each(function() {
                    if($(this).prop("checked") == true)
                    {
                        empty = 0;
                        nbLots++;
                    }
                });
                if(empty == 1)
                {
                    (new PNotify({
                        title: '{{ __("app.ajax.error") }}',
                        text: '{{ __("app.error_no_selection") }}',
                        icon: 'glyphicon glyphicon-question-sign',
                        hide: false,
                        confirm: {
                            confirm: false
                        },
                        buttons: {
                            closer: true,
                            sticker: false
                        },
                        history: {
                            history: false
                        }
                    }))
                }
                else
                {
                    $("#validForm1").addClass('hidden');
                    $("#validForm2").removeClass('hidden');
                    

                    (new PNotify({
                        title: '{{ __("app.confirmation") }}',
                        text: '{{ __("app.confirmation_message") }}<br><b>'+nbLots+' {{ __("app.nbLotsSelected") }}</b>',
                        icon: 'glyphicon glyphicon-question-sign',
                        hide: false,
                        confirm: {
                            confirm: true
                        },
                        buttons: {
                            closer: false,
                            sticker: false
                        },
                        history: {
                            history: false
                        }
                    })).get().on('pnotify.confirm', function() {
                        $("#main_form").submit();
                    }).on('pnotify.cancel', function() { 
                        $("#validForm1").removeClass('hidden');
                        $("#validForm2").addClass('hidden');
                    });
                }

            });


            $('html').on('change','.inputstock_checkbox', function(e) {
                var lot = $(this).attr('data-numero');
               if( $(this).prop("checked") == true) {
                   $(this).parent('td').parent('tr').prependTo('#table_conso');
               }
               else {
                    $(this).parent('td').parent('tr').appendTo('#table_conso');
               }
            });

            $('html').on('click','#dataTable1 th:first-child', function() {
                $(".inputstock_checkbox").each(function( index ) {
                    if($(this).prop('checked'))
                    {
                        var lot = $(this).attr('data-numero');
                         
                        $('#lot-'+lot).prependTo('#table_conso');
                    }
                });
            });


            if($("#scan").length == 1) {
                $("#scan").focus();
                $("html").on('change keyup','#scan', function(e) {
                    e.preventDefault();
                    var lot = $(this).val();
                    var nb_line = $('#lot-'+lot).length;

                    if(nb_line > 0)
                    {
                        // $("#table_conso tr").addClass('hidden');

                        $(".inputstock_checkbox").each(function( index ) {
                            if($(this).prop('checked'))
                            {
                                $(this).parent('td').parent('tr').removeClass('hidden');
                            }
                        });

                  
                        // $('#lot-'+lot).removeClass('hidden');
                        $(".inputstock_"+lot).prop("checked", true);
                       $('#lot-'+lot).prependTo('#table_conso');
      

                        $("#scan").val('');
                    }
                    else
                    {
                        // $("#table_conso tr").removeClass('hidden');
                    }
                });
            }

    } );

});
</script>
@stop