@extends('layouts.app')

@section('content')
<style type="text/css">
    
</style>
<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.distribute_payment.distirbute_funds')}} {{ $document->type->title }} {{__('texte.balances_arr.distribute_payment.number')}} {{$document->number}}</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>
                    </div>
                </div>
                <div class="panel-body">
                    <form id="distribute_payment" method="POST" action="{{route('balances.distribute_payment',$document->id) }}" role="form" class="form-horizontal" target="_parent">
                        {{ csrf_field() }}
                        <div class="col-xs-12">
                            <table class="table table-bordered table-hover">
                                <tr>
                                    <th>{{mb_ucfirst(__('texte.balances_arr.distribute_payment.number'))}}</th>
                                    <th>{{__('texte.balances_arr.distribute_payment.type')}}</th>
                                    <th>{{__('texte.balances_arr.distribute_payment.payment')}}</th>
                                    <th>{{__('texte.balances_arr.distribute_payment.document_date')}}</th>
                                    <th>{{__('texte.balances_arr.distribute_payment.payment_date')}}</th>
                                    <th>{{__('texte.balances_arr.distribute_payment.amount')}}</th>
                                    <th>{{__('texte.balances_arr.distribute_payment.undistributed_amount')}}</th>
                                    <th>{{__('texte.balances_arr.distribute_payment.remaining_amount')}}</th>
                                </tr>
                                <tr>
                                    <td>{{$document->number}}</td>
                                    <td>{{$document->type->title }}</td>
                                    <td>{{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>{{str_replace(',','',number_format($document->total - $document->paid,2,'.',''))}}</td>
                                    <td><input type="text" class="remaining_amount" id="remaining_amount" name="remaining_amount" value="{{number_format($document->remaining_amount,2,'.','')}}" readonly/></td>
                                </tr>
                            </table>
                        </div>

                        <div class="col-xs-12">
                            <h4>{{__('texte.balances_arr.distribute_payment.credit_documents')}}</h4>
                            @if(count($credit_documents)>0)
                                <table class="table table-bordered table-hover">
                                    <tr>
                                        <th>{{mb_ucfirst(__('texte.balances_arr.distribute_payment.number'))}}</th>
                                        <th>{{__('texte.balances_arr.distribute_payment.type')}}</th>
                                        <th>{{__('texte.balances_arr.distribute_payment.payment')}}</th>
                                        <th>{{__('texte.balances_arr.distribute_payment.document_date')}}</th>
                                        <th>{{__('texte.balances_arr.distribute_payment.payment_date')}}</th>
                                        <th>{{__('texte.balances_arr.distribute_payment.amount')}}</th>
                                        <th>{{__('texte.balances_arr.distribute_payment.due_amount')}}</th>
                                        <th>{{__('texte.balances_arr.distribute_payment.remaining_amount')}}</th>
                                        <th>{{__('texte.balances_arr.distribute_payment.cover')}}</th>
                                    </tr>
                                    @foreach($credit_documents as $document)
                                        <tr>
                                            <td>{{$document->number}}</td>
                                            <td>{{ $document->type->title }}</td>
                                            <td>{{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 class="due_amount">{{str_replace(',','',number_format($document->total - $document->paid,2,'.',''))}}</td>
                                            <td><input type="text" class="uncovered_amount" name="uncovered_amount_{{$document->id}}" value="{{number_format(isset($document->unpaid) ? $document->unpaid : $document->total - $document->paid,2,'.','')}}" readonly/></td>
                                            <td><input type="checkbox" class="cover" name="doc_covered[]" value="{{$document->id}}" {{isset($document->checked) && $document->checked==true ? "checked" : "" }}/></td>
                                        </tr>
                                    @endforeach  
                                   </table>
                            @else
                                <p>{{__('texte.balances_arr.distribute_payment.no_documents_found')}}</p>
                            @endif
                        </div>
                        @if(count($credit_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" @nonepermission('balances-route-create') disabled @endnonepermission>{{__('texte.balances_arr.distribute_payment.distribute')}}</button>
                                </div>
                            </div>
                        @endif
                    </form>    
                </div>
            </div>
	</div>
    </div>
</div>
<script type="text/javascript">
    
    $('.cover').on('change',function(){
       var zero = 0;
       if($(this).prop('checked')==false){
           $('.remaining_amount').val((parseFloat($('.remaining_amount').val().replace(',',''))+(parseFloat($(this).closest('tr').find('.due_amount').text().replace(',','')) - $(this).closest('tr').find('.uncovered_amount').val().replace(',',''))).toFixed(2));
           $(this).closest('tr').find('.uncovered_amount').val(parseFloat($(this).closest('tr').find('.due_amount').text().replace(',','')).toFixed(2));
       }
       else{
           if($('.remaining_amount').val()>0){
               if(parseFloat($('.remaining_amount').val())>parseFloat($(this).closest('tr').find('.uncovered_amount').val())){
                   $('.remaining_amount').val(($('.remaining_amount').val().replace(',','')-$(this).closest('tr').find('.uncovered_amount').val().replace(',','')).toFixed(2));
                   $(this).closest('tr').find('.uncovered_amount').val(zero.toFixed(2));
               }
               else{
                   $(this).closest('tr').find('.uncovered_amount').val(($(this).closest('tr').find('.uncovered_amount').val().replace(',','')-$('.remaining_amount').val().replace(',','')).toFixed(2));
                   $('.remaining_amount').val(zero.toFixed(2));
               }
           }
           else{
               alert('Няма налична сума за разпределяне');
               $(this).prop('checked',false);
           }
       }
    });

</script>
@endsection