@extends('layouts.app')

@section('content')
<div class="container">
    <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.loans_arr.show.show_loan')}}</h3>
                    <div class="pull-right">
                        <button class="btn btn-primary back-btn" onclick="window.history.back()">{{__('texte.loans_arr.show.back')}}</button>
                    </div>
                </div>

                <div class="panel-body">
                    <div class="col-xs-12 col-sm-12 col-md-12">
                        <div class="form-group">
                            <strong>{{__('texte.loans_arr.show.type')}}: </strong>
                            {{ $loan->loan_type->title }}
                        </div>
                    </div>
                    <div class="col-xs-12 col-sm-12 col-md-12">
                        <div class="form-group">
                            <strong>{{$loan->loan_type->documentable_type==2 ? __('texte.loans_arr.show.contragent') : __('texte.loans_arr.show.supplier')}}: </strong>
                            {{ $loan->contragent->company_name ?? $loan->contragent->user->name }}
                        </div>
                    </div>
                    <div class="col-xs-12 col-sm-12 col-md-12">
                        <div class="form-group">
                            <strong>{{__('texte.loans_arr.show.status')}}: </strong>
                            {{ $loan->status==1 ? __('texte.loans_arr.show.open') : __('texte.loans_arr.show.closed')}}
                        </div>
                    </div>                    
                    <div class="col-xs-12 col-sm-12 col-md-12">
                        <div class="form-group">
                            <strong>{{__('texte.loans_arr.show.date')}}: </strong>
                            {{ date('d.m.Y',strtotime($loan->date))}}
                        </div>
                    </div>
                    
                    @if($loan->parent_id==0)
                    <div class="col-xs-12 col-sm-12 col-md-12">
                        <div class="form-group">
                            <strong>{{__('texte.loans_arr.show.payment_date')}}: </strong>
                            {{ date('d.m.Y',strtotime($loan->payment_date))}}
                        </div>
                    </div>
                    @endif
                    
                    <div class="col-xs-12 col-sm-12 col-md-12">
                        <div class="form-group">
                            <strong>{{__('texte.loans_arr.show.amount')}}: </strong>
                            {{ number_format($loan->amount,2,'.',',')}}
                        </div>
                    </div>
                    
                    @if($loan->parent_id==0)
                    <div class="col-xs-12 col-sm-12 col-md-12">
                        <div class="form-group">
                            <strong>{{__('texte.loans_arr.show.remaining_amount')}}: </strong>
                            {{ number_format($loan->amount-$loan->paid,2,'.',',')}}
                        </div>
                    </div>
                    @endif
                    
                    @if($loan->account_id>0)  
                        <div class="col-xs-12 col-sm-12 col-md-12">
                            <div class="form-group">
                                <strong>{{__('texte.loans_arr.show.bank')}}: </strong>
                                {{ $loan->account->bank->name }}
                            </div>

                            <div class="form-group">
                                <strong>{{__('texte.loans_arr.show.account')}}: </strong>
                                {{ $loan->account->number }}
                            </div>

                            <div class="form-group">
                                <strong>{{__('texte.loans_arr.show.currency')}}: </strong>
                                {{__('texte.currencies_arr')[$loan->account->currency]}}
                            </div>
                        </div>
                    @endif
                    
                    @if($loan->note!=null && $loan->note!='')
                    <div class="col-xs-12 col-sm-12 col-md-12">
                        <div class="form-group">
                            <strong>{{__('texte.loans_arr.show.note')}}: </strong>
                            {{$loan->note}}
                        </div>
                    </div>
                    @endif
                    <div class='gap-30'></div>
                </div>   
                <div class="panel-footer">
                    @if(count($loan->children)>0)
                    <h4>{{__('texte.loans_arr.show.connected_payments')}}</h4>
                    <table id="children_table" class="table table-striped table-bordered table-hover dataTables-example dataTable" width="100%">
                        <thead>
                            <tr>
                                <th>{{strtoupper(__('texte.loans_arr.show.id'))}}</th>
                                <th>{{Lang::get('texte.loans_arr.show.type')}}</th>
                                <th>{{Lang::get('texte.loans_arr.show.user')}}</th>
                                <th>{{Lang::get('texte.loans_arr.show.contragent')}}</th>
                                <th>{{Lang::get('texte.loans_arr.show.date')}}</th>
                                <th>{{Lang::get('texte.loans_arr.show.amount')}}</th>
                                <th>{{Lang::get('texte.loans_arr.show.note')}}</th>
                                <th data-sorter="false" style="text-align:right;">    
                                    @if($loan->amount - $loan->paid >0)
                                        <a class="btn btn-w-m btn-primary" href="{{route('loans.create',[$loan->loan_type->child_type_id,$loan->id])}}" target="_blank" title="{{__('texte.loans_arr.index.add')}}" data-toggle="tooltip" @nonepermission('loan-route-create') disabled @endnonepermission><i class="glyphicon glyphicon-plus"></i></a>
                                    @endif
                                </th>
                             </tr>
                        </thead>
                        <tbody> 
                            @foreach($loan->children as $child_loan)
                            <tr>
                                <td>{{$child_loan->id}}</td>
                                <td>{{$child_loan->loan_type->title}}</td>
                                <td>{{$child_loan->user->name}}</td>
                                <td>{{$child_loan->contragent->company_name ?? $child_loan->contragent->user->name}}</td>
                                <td>{{ (new DateTime($child_loan->date))->format('d.m.Y') }}</td>
                                <td>{{number_format($child_loan->amount,2,'.','')}}</td>
                                <td>{{$child_loan->note}}</td>
                                <td>
                                    <div class='btn-group btn-group-xs' style='float:right;'>  
                                        <a class="btn btn-info" target="_blank" href="{{ route('loans.show', $child_loan->id) }}?page={{ request('page', 1) }}" title="{{__('texte.loans_arr.index.show')}}" data-toggle="tooltip" @nonepermission('loan-route-list') disabled @endnonepermission><i class="glyphicon glyphicon-eye-open"></i></a>
                                        <a class="btn btn-warning" target="_blank" href="{{ route('loans.edit', $child_loan->id) }}?page={{ request('page', 1) }}" title="{{__('texte.loans_arr.index.change')}}" data-toggle="tooltip" @nonepermission('loan-route-edit') disabled @endnonepermission><i class="glyphicon glyphicon-pencil"></i></a>
                                        <a type='button' class='btn btn-danger delete_button' data-id='{{ $child_loan->id }}' title='{{__('texte.loans_arr.index.delete')}}' data-target='#modal-delete' data-toggle='modal' @nonepermission('loan-route-delete') disabled @endnonepermission><i class='glyphicon glyphicon-trash'></i></a>
                                    </div>
                                </td>
                            </tr>
                            @endforeach
                        </tbody>
                    </table>
                    @endif                
                </div>
                <!-- Modal window on delete-->
                <div id="modal-delete" class="modal inmodal" tabindex="-1" role="dialog" 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 id="modal-label" class="modal-title">{{__('texte.loans_arr.index.loan_delete')}}</h4>
                            </div>
                            <div class="modal-body">{{__('texte.loans_arr.index.loan_delete_confirm')}}</div>
                            <div class="modal-footer">
                                <button id="confirm_delete" type="button" class="btn btn-default" onclick="delete_loan()">{{__('texte.loans_arr.index.yes')}}</button>
                                <button type="button" class="btn btn-primary" data-dismiss="modal"> {{__('texte.loans_arr.index.no')}}</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script>
    
    $(document).on('click','.delete_button',function(){
        $('#confirm_delete').attr('onclick','delete_loan('+ $(this).data('id') + ')');
    }); 
    
    function delete_loan(id){
        $.ajax({
            headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                    },
                    url: '/delete_loan',
                    type: 'POST',
            data: { 'id' : id},
            success: function(response){
                        $("button[data-dismiss=\"modal\"]").click();
                        if(response.warning){
                            alert(response.warning);
                        }
                        else{
                            alert(response.success);
                            location.reload();
                        }
                    }
        });    
    }
</script>
@endsection