@extends('layouts.app')

@section('link')
    <link href="{{ asset('css/jquery-ui.min.css') }}" rel="stylesheet">
@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">{{__('texte.balances_arr.offset_finances.offset_amounts')}}</h3>
                    <div class="pull-right">
                        <button class="btn btn-primary btn-primary back-btn" onclick="window.history.back();">{{__('texte.balances_arr.offset_finances.back')}}</button>
                        <button class="btn btn-primary btn-danger" onclick="window.location.reload(true);">{{__('texte.balances_arr.offset_finances.reset')}}</button>
                    </div>
                </div>
                <div class="panel-body">
                    <form id="distribute_payment" method="POST" action="{{route('balances.offset_finances',$id)}}" role="form" class="form-horizontal" target="_parent">
                        {{ csrf_field() }}
                        
                        <div class="form-group{{ $errors->has('date') ? ' has-error' : '' }}">
                            <label for="date" class="control-label col-xs-1 col-sm-1 col-md-1" style='width:75px;'>{{__('texte.balances_arr.offset_finances.date')}}</label>
                            <div class="input-group col-xs-4 col-sm-4 col-md-4">
                                <span class="input-group-addon"><i class="glyphicon glyphicon-calendar"></i></span>
                                <input type="text" class="form-control" id="date" name="date" value="{{ old('date') }}" placeholder="{{__('texte.balances_arr.offset_finances.date')}}" maxlength="10" required readonly />
                                @if ($errors->has('date'))
                                    <span class="help-block"><strong>{{ $errors->first('date') }}</strong></span>
                                @endif
                                <div class="errorBox"></div>
                            </div>
                        </div>
                
                        <div class="col-xs-12">
                            <h4>{{__('texte.balances_arr.offset_finances.contragent_documents')}}</h4>
                            @if(count($contragent_documents)>0)
                                <table class="table table-bordered table-hover">
                                    <tr>
                                        <th>{{__('texte.balances_arr.offset_finances.number')}}</th>
                                        <th>{{__('texte.balances_arr.offset_finances.type')}}</th>
                                        <th>{{__('texte.balances_arr.offset_finances.payment')}}</th>
                                        <th>{{__('texte.balances_arr.offset_finances.document_date')}}</th>
                                        <th>{{__('texte.balances_arr.offset_finances.payment_date')}}</th>
                                        <th>{{__('texte.balances_arr.offset_finances.amount')}}</th>
                                        <th>{{__('texte.balances_arr.offset_finances.due_amount')}}</th>
                                        <th>{{__('texte.balances_arr.offset_finances.remaining_amount')}}</th>
                                        <th>{{__('texte.balances_arr.offset_finances.offset')}}</th>
                                    </tr>
                                    @foreach($contragent_documents as $document)
                                        <tr>
                                            <td><input type="hidden" name="document_id[]" value="{{$document->id}}"/>{{$document->number}}</td>
                                            <td><input class="supplier_document_type" type='hidden' name='supplier_document_type' value="{{$document->type}}"/>{{ $document->type->title }}</td>
                                            <td><input class="supplier_payment_type" type='hidden' name='supplier_payment_type' value="{{$document->payment_type}}"/>{{Lang::get('texte.payment_types_arr')[$document->payment_type]}}</td>
                                            <td>{{date_format(new DateTime($document->date), 'd.m.Y')}}</td>
                                            <td>{{date_format(new DateTime($document->payment_date), 'd.m.Y')}}</td>
                                            <td>{{number_format($document->total,2,'.','')}}</td>
                                            <td><input type="hidden" class="supplier_due_amount" name="document_due_amount[]" value="{{$document->total - $document->paid}}"/>{{str_replace(',','',number_format($document->total - $document->paid,2))}}</td>
                                            <td><input type="text" class="supplier_uncovered_amount {{$document->payment_type}}" name="document_uncovered_amount[]" value="{{str_replace(',','',number_format(isset($document->unpaid) ? $document->unpaid : $document->total - $document->paid,2))}}" readonly/></td>
                                            <td><input type="checkbox" class="supplier_cover" name="supplier_doc_covered[]" value="{{$document->id}}" {{isset($document->checked) && $document->checked==true ? "checked" : "" }}/></td>
                                        </tr>
                                    @endforeach  
                                   </table>
                            @else
                                <p>{{__('texte.balances_arr.offset_finances.no_documents_found')}}</p>
                            @endif
                        </div>
                        <div class="col-xs-12">
                            <h4>{{__('texte.balances_arr.offset_finances.object_documents')}}</h4>
                            @if(count($objects_documents)>0)
                                <table class="table table-bordered table-hover">
                                    <tr>
                                        <th>{{__('texte.balances_arr.offset_finances.number')}}</th>
                                        <th>{{__('texte.balances_arr.offset_finances.type')}}</th>
                                        <th>{{__('texte.balances_arr.offset_finances.payment')}}</th>
                                        <th>{{__('texte.balances_arr.offset_finances.document_date')}}</th>
                                        <th>{{__('texte.balances_arr.offset_finances.payment_date')}}</th>
                                        <th>{{__('texte.balances_arr.offset_finances.amount')}}</th>
                                        <th>{{__('texte.balances_arr.offset_finances.due_amount')}}</th>
                                        <th>{{__('texte.balances_arr.offset_finances.remaining_amount')}}</th>
                                        <th>{{__('texte.balances_arr.offset_finances.offset')}}</th>
                                    </tr>
                                    @foreach($objects_documents as $document)
                                        <tr>
                                            <td><input type="hidden" name="document_id[]" value="{{$document->id}}"/>{{$document->number}}</td>
                                            <td><input class="objects_document_type" type='hidden' name='objects_document_type' value="{{$document->type}}"/>{{ $document->type->title }}</td>
                                            <td><input class="objects_payment_type" type='hidden' name='objects_payment_type' value="{{$document->payment_type}}"/>{{Lang::get('texte.payment_types_arr')[$document->payment_type]}}</td>
                                            <td>{{date_format(new DateTime($document->date), 'd.m.Y')}}</td>
                                            <td>{{date_format(new DateTime($document->payment_date), 'd.m.Y')}}</td>
                                            <td>{{number_format($document->total,2,'.','')}}</td>
                                            <td><input type="hidden" class="objects_due_amount" name="document_due_amount[]" value="{{$document->total - $document->paid}}"/>{{str_replace(',','',number_format($document->total - $document->paid,2))}}</td>
                                            <td><input type="text" class="objects_uncovered_amount" name="document_uncovered_amount[]" value="{{str_replace(',','',number_format(isset($document->unpaid) ? $document->unpaid : $document->total - $document->paid,2))}}" readonly/></td>
                                            <td><input type="checkbox" class="objects_cover" name="objects_doc_covered[]" value="{{$document->id}}" {{isset($document->checked) && $document->checked==true ? "checked" : "" }}/></td>
                                        </tr>
                                    @endforeach  
                                   </table>
                            @else
                                <p>{{__('texte.balances_arr.offset_finances.no_documents_found')}}</p>
                            @endif
                        </div>
                        @if(count($contragent_documents)>0)
                            <div class="form-group">
                                <div class="col-xs-12 col-xs-offset-5 col-sm-12 col-sm-offset-5 col-md-12 col-md-offset-5">
                                    <button type="submit" class="btn btn-success submit" @nonepermission('balances-route-create') disabled @endnonepermission>{{__('texte.balances_arr.offset_finances.distribute')}}</button>
                                </div>
                            </div>
                        @endif
                    </form>    
                </div>
            </div>
	</div>
    </div>
</div>

<script src="{{ asset('js/jquery-ui.min.js') }}"></script>
<script src="{{ asset('js/moment-with-locales.min.js') }}"></script>
<script src="{{ asset('js/datepicker-bg.js') }}"></script>

<script src="{{ asset('js/jquery.validate.js') }}"></script>
<script src="{{ asset('js/validation.js') }}"></script>

<script type="text/javascript">
     
    $('input#date').datepicker({option: $.datepicker.regional['bg'], maxDate: '+0M +0D'});
    
    $(document).on('change','.supplier_cover:not(.clickable)',function(){
        $('.supplier_cover').not(this).attr('disabled',true);
        var payment_type = $(this).closest('tr').find('.supplier_payment_type').val();
        
        $('.objects_cover').each(function(){
            if($(this).closest('tr').find('.objects_payment_type').val()==payment_type){
                $(this).addClass('clickable');
            }
            else{
                $(this).attr('disabled',true);
            }

        });
    });
    
    $(document).on('change','.objects_cover:not(.clickable)',function(){
        $('.objects_cover').not(this).attr('disabled',true);
        var payment_type = $(this).closest('tr').find('.objects_payment_type').val();
        
        $('.supplier_cover').each(function(){
            if($(this).closest('tr').find('.supplier_payment_type').val()==payment_type){
                $(this).addClass('clickable');
            }
            else{
                $(this).attr('disabled',true);
            }

        });
    });
    
    $(document).on('change','.objects_cover.clickable',function(){
        var payment_type = $(this).closest('tr').find('.objects_payment_type').val();
        var supplier_doc_amount = parseFloat(isNaN($('.supplier_cover:checked:enabled').closest('tr').find('.supplier_uncovered_amount').val()) ? 0 : $('.supplier_cover:checked:enabled').closest('tr').find('.supplier_uncovered_amount').val());
        var objects_doc_amount = parseFloat($(this).closest('tr').find('.objects_uncovered_amount').val());
        
        if(objects_doc_amount<supplier_doc_amount){
            $('.supplier_cover:checked:enabled').closest('tr').find('.supplier_uncovered_amount').val(parseFloat(supplier_doc_amount-objects_doc_amount).toFixed(2));
            $(this).closest('tr').find('.objects_uncovered_amount').val(parseFloat('0').toFixed(2));
            $(this).attr('disabled',true).removeClass('clickable objects_cover');
            if($('.objects_cover.clickable').length==0){
                $('.supplier_cover').each(function(){
                   if($(this).closest('tr').find('.supplier_payment_type').val()==payment_type){
                       $(this).attr('disabled',true).removeClass('supplier_cover');
                   }
                   else{
                       $(this).attr('disabled',false);
                   }
                });
                $('.objects_cover:not(:checked)').attr('disabled',false);
            }
        }
        else{
            $('.supplier_cover:checked:enabled').closest('tr').find('.supplier_uncovered_amount').val(parseFloat('0').toFixed(2));
            $('.supplier_cover:checked:enabled').attr('disabled',true).removeClass('supplier_cover');
            $(this).closest('tr').find('.objects_uncovered_amount').val(parseFloat(objects_doc_amount-supplier_doc_amount).toFixed(2));
            $('.objects_cover').removeClass('clickable');
            $('.objects_cover').not(this).attr('disabled',true);
            
            if($('.supplier_cover:not(:checked)').closest('tr').find('.supplier_payment_type[value='+payment_type+']').length>0){
                $('.supplier_cover:not(:checked)').each(function(){
                    if($(this).closest('tr').find('.supplier_payment_type').val()==payment_type){
                        $(this).attr('disabled',false).addClass('clickable');
                    }
                    else{
                        $(this).attr('disabled',true);
                    }
                });
            }
            else{
                $(this).attr('disabled',true).removeClass('objects_cover');
                $('.objects_cover:not(:checked)').each(function(){
                    if($(this).closest('tr').find('.objects_payment_type').val()==payment_type){
                        $(this).attr('disabled',true).removeClass('objects_cover');
                    }
                    else{
                        $(this).attr('disabled',false);
                    }
                });
                $('.supplier_cover:not(:checked)').each(function(){
                    if($(this).closest('tr').find('.supplier_payment_type').val()==payment_type){
                        $(this).attr('disabled',true);
                    }
                    else{
                        $(this).attr('disabled',false);
                    }
                });
            }            
        }
    });
    
    $(document).on('change','.supplier_cover.clickable',function(){
        var payment_type = $(this).closest('tr').find('.supplier_payment_type').val();
        var objects_doc_amount = parseFloat(isNaN($('.objects_cover:checked:enabled').closest('tr').find('.objects_uncovered_amount').val()) ? 0 : $('.objects_cover:checked:enabled').closest('tr').find('.objects_uncovered_amount').val());
        var supplier_doc_amount = parseFloat($(this).closest('tr').find('.supplier_uncovered_amount').val());

        if(supplier_doc_amount<objects_doc_amount){
            $('.objects_cover:checked:enabled').closest('tr').find('.objects_uncovered_amount').val(parseFloat(objects_doc_amount-supplier_doc_amount).toFixed(2));
            $(this).closest('tr').find('.supplier_uncovered_amount').val(parseFloat('0').toFixed(2));
            $(this).attr('disabled',true).removeClass('clickable supplier_cover');
            if($('.supplier_cover.clickable').length==0){
                $('.objects_cover').each(function(){
                    if($(this).closest('tr').find('.objects_payment_type').val()==payment_type){
                        $(this).attr('disabled',true).removeClass('objects_cover');
                    }
                    else{
                        $(this).attr('disabled',false);
                    }
                });
                $('.supplier_cover:not(:checked)').attr('disabled',false);
            }
        }
        else{
            $('.objects_cover:checked:enabled').closest('tr').find('.objects_uncovered_amount').val(parseFloat('0').toFixed(2));
            $('.objects_cover:checked:enabled').attr('disabled',true).removeClass('objects_cover');
            $(this).closest('tr').find('.supplier_uncovered_amount').val(parseFloat(supplier_doc_amount-objects_doc_amount).toFixed(2));
            $('.supplier_cover').removeClass('clickable');
            $('.supplier_cover').not(this).attr('disabled',true);
            
            if($('.objects_cover:not(:checked)').closest('tr').find('.objects_payment_type[value='+payment_type+']').length>0){
                $('.objects_cover:not(:checked)').each(function(){
                    if($(this).closest('tr').find('.objects_payment_type').val()==payment_type){
                        $(this).attr('disabled',false).addClass('clickable');
                    }
                    else{
                        $(this).attr('disabled',true);
                    }
                });
            }
            else{
                $(this).attr('disabled',true).removeClass('supplier_cover');
                $('.supplier_cover:not(:checked)').each(function(){
                    if($(this).closest('tr').find('.supplier_payment_type').val()==payment_type){
                        $(this).attr('disabled',true).removeClass('suuplier_cover');
                    }
                    else{
                        $(this).attr('disabled',false);
                    }
                });
                $('.objects_cover:not(:checked)').each(function(){
                    if($(this).closest('tr').find('.objects_payment_type').val()==payment_type){
                        $(this).attr('disabled',true);
                    }
                    else{
                        $(this).attr('disabled',false);
                    }
                });
            }
        }        
    });
    
    
    
</script>
@endsection