@extends('layouts.app')

@section('link')
    <link href="{{ asset('css/theme.default.css') }}" rel="stylesheet">
    <link href="{{ asset('css/chosen.min.css') }}" rel="stylesheet">
    <link href="{{ asset('css/datatables.min.css') }}" rel="stylesheet">
    <link href="{{ asset('css/style.css') }}" rel="stylesheet">
    
    <link href="{{ asset('css/admin_filters.css') }}" rel="stylesheet">
@endsection

@section('style')
<style>
.error{
    color: #a94442;
    border:1px solid #a94442;
}
</style>
@endsection

@section('content')
<div class="container">
@include('shared.messages')
    <div class="row">
        <div class="col-xs-12 col-sm-12 col-md-12">
            <div class="panel panel-default">
                <div class="panel-heading">
                    <h3 class="panel-title">
                        <span class="glyphicon glyphicon-flag"></span> {{isset($contragent) ? __('texte.balances_arr.wrappage_balance.contragent').' '.$contragent->user->name : __('texte.balances_arr.wrappage_balance.object').' '.$object->user->name}}
                        <div class="pull-right">
                            @if(count($wrappages->where('quantity','!=',0))>0)
                                <a class="btn btn-primary btn-success" target='_blank' href='{{isset($contragent) ? route('balances.print_supplier_wrappage_balance',$contragent->id) : route('balances.print_wrappage_balance',$object->id) }}'>{{__('texte.balances_arr.wrappage_balance.print')}}</a>
                            @endif
                            <button class="btn btn-primary btn-primary back-btn" onclick="window.history.back();">{{__('texte.balances_arr.wrappage_balance.back')}}</button>
                        </div>
                    </h3>
                    <div class="gap-10"></div>
                </div>
                <div class="panel-body">
                    <form id="wrappage_balance" method="POST" action="{{isset($contragent) ? route('balances.supplier_wrappage_balance',$contragent->id) : route('balances.wrappage_balance',$object->id) }}" class="form-inline">
                            {{ csrf_field() }}
                             <input type="hidden" id="course_id" name="course_id" value="{{isset($course_id) ? $course_id : 0}}"/>
                             
                             @if(isset($object))
                             <input type="hidden" id="object_id" name="object_id" value="{{$object->id}}"/>
                             @endif
                             
                    <table class="table table-striped table-bordered table-hover dataTables-example dataTable" width="100%">
                        <thead>
                            <tr>
                                <th>{{__('texte.balances_arr.wrappage_balance.product')}}</th>
                                <th>{{__('texte.balances_arr.wrappage_balance.due_count')}}</th>
                                <th>{{__('texte.balances_arr.wrappage_balance.single_price')}}</th>
                                <th>{{__('texte.balances_arr.wrappage_balance.due_bgn')}}</th>
                                <th>{{__('texte.balances_arr.wrappage_balance.returned_quantity_count')}}</th>
                                <th>{{__('texte.balances_arr.wrappage_balance.returned_quantity_bgn')}}</th>
                                <th>{{__('texte.balances_arr.wrappage_balance.paid_quantity')}}</th>
                                <th>{{__('texte.balances_arr.wrappage_balance.amount_paid_quantity')}}</th>
                                <th>{{__('texte.balances_arr.wrappage_balance.remaining_count')}}</th>
                                <th>{{__('texte.balances_arr.wrappage_balance.remaining_bgn')}}</th>
                                <th hidden>{{__('texte.balances_arr.wrappage_balance.category')}}</th>
                            </tr>
                        </thead>
                        <tbody>
                        @foreach ($wrappages as $index=>$wrappage)
                            @if($index==0 || ($index>0 && $wrappage->category_id!=$wrappages[$index-1]->category_id))
                                <tr style="height:50px;color: red">
                                    <td><h2>{{$wrappages[$index]->category->name ?? ""}}</h2></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td hidden></td>
                                </tr>
                            @endif
                            <tr>
                                <td>{{$wrappage->name}}</td>
                                <td class='quantity'>{{$wrappage->quantity}}</td>
                                <td class='single_price'><input type='hidden' name='product_price[]' class='product_price' value='{{$wrappage->price}}'/>{{$wrappage->price}}</td>
                                <td>{{number_format($wrappage->quantity*$wrappage->price,5)}}</td>
                                <td><input type='hidden' class='product_id' name='product[]' value='{{$wrappage->id}}'/><input class='returned_quantity' type='text' name='returned_quantity[]' value='0'/></td>
                                <td class='amount_returned_quantity'>0</td>
                                <td><input class='paid_quantity' type='text' name='paid_quantity[]' value='0' max="{{$wrappage->quantity>=0 ? $wrappage->quantity : 0 }}"/></td>
                                <td class='amount_paid_quantity'>0</td>
                                <td class='remaining_quantity'>{{$wrappage->quantity}}</td>
                                <td class='remaining_amount'>{{number_format($wrappage->quantity*$wrappage->price,5,'.','')}}</td>
                                <td hidden>{{$wrappage->category_id}}</td>
                            </tr>
                        @endforeach
                        <tfoot>
                            <tr>
                                <td colspan="4"></td>
                                <td>{{__('texte.balances_arr.wrappage_balance.total_returned')}}</td>
                                <td><input class='total_returned' type='text' name='total_returned' value='0'/></td>
                                <td>{{__('texte.balances_arr.wrappage_balance.total_paid')}}</td>
                                <td><input class='total_paid' type='text' name='total_paid' value='0'/></td>
                                <td>{{__('texte.balances_arr.wrappage_balance.balance')}}</td>
                                <td class='total_balance'>0</td>
                            </tr>
                            <tr>
                                <td colspan="9" style="text-align:center;"> @permission('balances-route-transform') @if(isset($object))<button type='button' class="btn btn-danger" data-target="#modal-confirm_invoice" data-toggle='modal' @nonepermission('balances-route-transform') disabled @endnonepermission>Премини към фактура за амбалаж</button>@endif @endpermission</td>                                
                                <td><button type='submit' class="btn btn-success" @nonepermission('balances-route-create') disabled @endnonepermission>{{__('texte.balances_arr.wrappage_balance.done')}}</button></td>
                            </tr>
                        </tfoot>
                        </tbody>
                    </table>
                    </form>    
                </div>
                <div class="modal inmodal" id="modal-confirm_invoice" role="dialog" tabindex="-1" aria-labelledby="modal-label">
                    <div class="modal-dialog" role="document">
                        <div class="modal-content animated flipInY">
                            <div class="modal-header">
                                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                                <h4 class="modal-title" id="modal-label">Преминаване на фактура за амбалаж</h4>
                            </div>
                            <div class="modal-body">Това действие ще доведе до издаване на фактура за въведените като платени количества. Въведените като върнати количества няма да бъдат взети под внимание. Сигурни ли сте, че искате да продължите?</div>
                            <div class="modal-footer">
                                <button type="button" class="btn btn-default confirm_invoice_button">{{Lang::get('texte.balances_arr.wrappage_balance.yes')}}</button>
                                <button type="button" class="btn btn-primary" data-dismiss="modal">{{Lang::get('texte.balances_arr.wrappage_balance.no')}}</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
	</div>
    </div>
</div>

<script src="{{ asset('js/chosen.js') }}"></script>
<script src="{{ asset('js/datatables.min.js') }}"></script>

<script type="text/javascript">
    $(document).ready(function(){
        
        change_balance();
        
       $('.returned_quantity').on('change',function(){         
          $(this).closest('tr').find('.amount_returned_quantity').text((parseFloat($(this).val()*parseFloat($(this).closest('tr').find('.single_price').text()))).toFixed(5));
          $(this).closest('tr').find('.remaining_quantity').text(parseFloat($(this).closest('tr').find('.quantity').text())-$(this).val()-parseFloat($(this).closest('tr').find('.paid_quantity').val()));
          $(this).closest('tr').find('.remaining_amount').text((parseFloat($(this).closest('tr').find('.remaining_quantity').text())*parseFloat($(this).closest('tr').find('.single_price').text())).toFixed(5));
          
          $(this).closest('tr').find('.paid_quantity').attr('max',Math.max(parseFloat(parseFloat($(this).closest('tr').find('.quantity').text())-parseFloat($(this).closest('tr').find('.returned_quantity').val())),0));
          
          var total=0;
          $('.amount_returned_quantity').each(function(){
             total+=parseFloat($(this).text()); 
          });
          $('.total_returned').val(total.toFixed(5));
          change_balance();
        });
        
       $('.paid_quantity').on('change',function(){
          $(this).closest('tr').find('.amount_paid_quantity').text((parseFloat($(this).val()*parseFloat($(this).closest('tr').find('.single_price').text()))).toFixed(5));
          $(this).closest('tr').find('.remaining_quantity').text(parseFloat($(this).closest('tr').find('.quantity').text())-parseFloat($(this).closest('tr').find('.returned_quantity').val())-$(this).val());
          $(this).closest('tr').find('.remaining_amount').text((parseFloat($(this).closest('tr').find('.remaining_quantity').text())*parseFloat($(this).closest('tr').find('.single_price').text())).toFixed(5));
          var total=0;
          $('.amount_paid_quantity').each(function(){
             total+=parseFloat($(this).text()); 
          });
          $('.total_paid').val(total.toFixed(5));
          change_balance();
       });
       
       table = $('.dataTables-example').DataTable({
            "bLengthChange": false,
            pageLength: -1,
            responsive: true,
            "order": [],
            "oLanguage": {
                    "sSearch": "",
                    "sLengthMenu": "_MENU_  <span style='vertical-align:-moz-middle-with-baseline;margin-left:5px;'>"+text.results_per_page+"</span>",  
                    "sInfo": text.showing_results_from + " _START_ " +text.to+ " _END_ "+text.from_total+" _TOTAL_ "+text.records,
                    "sZeroRecords": text.no_records_found,
                    "sInfoEmpty": text.no_records_found,
                    "sInfoFiltered" : "- "+text.filtered_from+" _MAX_ " + text.records,
                    "sLoadingRecords" : text.loading_results,
                    "oPaginate": {
                                            "sNext": text.next_page,
                                            "sPrevious": text.previous_page,
                                      },

            },

            "initComplete":function(settings, json) {
                $('select[name="DataTables_Table_0_length"]').chosen();
                $('.input-sm').attr('placeholder',text.search);
                $('div.dataTables_filter input').css({ marginLeft : "0px"});
                this_table = $('.dataTables-example').dataTable();
                $("a").each(function(){
                    if($(this).attr('disabled')=='disabled'){
                        $(this).addClass('not-active');
                    }
                });  
            },
            "dom" : "ltip",

        });
    });
    
    function change_balance(){
        var total_balance=0;
        $('.remaining_amount').each(function(){
           total_balance+=parseFloat($(this).text()); 
        });        
        $('.total_balance').text(total_balance.toFixed(5));
    }
    
    $('.returned_quantity,.paid_quantity').on('input', function() {
        //$(this).val($(this).val().match(/^\d{1,}$/));
        var valid = /^\d+$/.test(this.value),
        val = this.value;
    
        if(!valid){
            this.value = val.substring(0, val.length - 1);
        }
    });
    
    $('#wrappage_balance').submit(function(event){       
        
        $('.returned_quantity').each(function(){
           if($(this).val()==''){
               $(this).addClass('error');
           }
           else{
               $(this).removeClass('error');
           }
        });
        
        $('.paid_quantity').each(function(){
           if($(this).val()=='' || parseFloat($(this).val())>parseFloat($(this).attr('max'))){
               $(this).addClass('error');
           }
           else{
               $(this).removeClass('error');
           }
        });
        
        if($('.error').length>0){
            event.preventDefault();
            $('html, body').animate({
                scrollTop: $('.error:first').offset().top-120
            }, 1000);
        }  
    });
    
    $(document).on('click', '.confirm_invoice_button', function(){
        $('#wrappage_balance').attr('action',"/balances/"+$('#object_id').val()+"/transfer_wrappage_balance");    
        
        $('.returned_quantity').each(function(){
           $(this).val(0);
        });
        
        $('#modal-confirm_invoice').modal('hide');
        $('#wrappage_balance').submit();
    });
</script>
@endsection