@extends('core::layouts.master')
@section('title')
    {{ trans_choice('loan::general.loan',1) }} {{ trans_choice('core::general.detail',2) }}
@endsection
@section('styles')
@stop
@section('content')
    <section class="content-header">
        <div class="container-fluid">
            <div class="row mb-2">
                <div class="col-sm-6">
                    <h1>
                        {{ trans_choice('loan::general.loan',1) }} {{ trans_choice('core::general.detail',2) }}
                        <a href="#" onclick="window.history.back()"
                           class="btn btn-outline-light bg-white d-none d-sm-inline-flex">
                            <em class="icon ni ni-arrow-left"></em>
                            <span>{{ trans_choice('core::general.back',1) }}</span>
                        </a>
                    </h1>

                </div>
                <div class="col-sm-6">
                    <ol class="breadcrumb float-sm-right">
                        <li class="breadcrumb-item"><a
                                    href="{{url('dashboard')}}">{{ trans_choice('dashboard::general.dashboard',1) }}</a>
                        </li>
                        <li class="breadcrumb-item"><a
                                    href="{{url('loan')}}">{{ trans_choice('loan::general.loan',2) }}</a>
                        </li>
                        <li class="breadcrumb-item active">{{ trans_choice('loan::general.loan',1) }} {{ trans_choice('core::general.detail',2) }}</li>
                    </ol>
                </div>
            </div>
        </div><!-- /.container-fluid -->
    </section>
    <section class="content" id="app">
        <div class="row">
            <div class="col-md-12">
                <div class="card ">
                    <div class="card-body">
                        <h5 class="card-title">{{$loan->loan_product->name}}(#{{$loan->id}})</h5>
                        <div class="row">
                            <div class="col-md-12">
                                <div class="float-right btn-group">
                                    @if($loan->status=='submitted' ||$loan->status=='pending')
                                        @can('loan.loans.approve_loan')
                                            <a href="#" data-toggle="modal" data-target="#approve_loan_modal"
                                               class="btn btn-primary"><i
                                                        class="fas fa-check"></i>
                                                {{ trans_choice('loan::general.approve',1) }}
                                            </a>
                                            <a href="#" data-toggle="modal" data-target="#reject_loan_modal"
                                               class="btn btn-primary"><i class="fas fa-times"></i>
                                                {{ trans_choice('loan::general.reject',1) }}
                                            </a>
                                            <a href="#" data-toggle="modal" data-target="#withdraw_loan_modal"
                                               class="btn btn-primary"><i class="fas fa-times"></i>
                                                {{ trans_choice('loan::general.withdraw',1) }}
                                            </a>
                                        @endcan
                                        @can('loan.loans.edit')
                                            <a href="{{url('loan/'.$loan->id.'/edit')}}"
                                               class="btn btn-primary">
                                                <i class="fa fa-edit"></i>
                                                {{ trans_choice('core::general.edit',1) }}
                                            </a>
                                        @endcan
                                        @can('loan.loans.approve_loan')
                                            <div class="modal fade" id="approve_loan_modal">
                                                <div class="modal-dialog">
                                                    <div class="modal-content">
                                                        <div class="modal-header">
                                                            <h4 class="modal-title">{{ trans_choice('loan::general.approve',1) }} {{ trans_choice('loan::general.loan',1) }}</h4>
                                                            <button type="button" class="close" data-dismiss="modal"
                                                                    aria-label="Close">
                                                                <span aria-hidden="true">×</span>
                                                            </button>
                                                        </div>
                                                        <form method="post"
                                                              action="{{ url('loan/'.$loan->id.'/approve_loan') }}">
                                                            {{csrf_field()}}
                                                            <div class="modal-body">
                                                                <div class="form-group">
                                                                    <label for="approved_on_date"
                                                                           class="control-label">{{ trans_choice('core::general.date',1) }}</label>
                                                                    <flat-pickr
                                                                            class="form-control  @error('approved_on_date') is-invalid @enderror"
                                                                            name="approved_on_date"
                                                                            value="{{date("Y-m-d")}}"
                                                                            id="approved_on_date" required>
                                                                    </flat-pickr>
                                                                </div>
                                                                <div class="form-group">
                                                                    <label for="approved_amount"
                                                                           class="control-label">{{ trans_choice('core::general.amount',1) }}</label>
                                                                    <input type="number" name="approved_amount"
                                                                           class="form-control numeric"
                                                                           value="{{$loan->applied_amount}}"
                                                                           required=""
                                                                           id="approved_amount">
                                                                </div>
                                                                <div class="form-group">
                                                                    <label for="approved_notes"
                                                                           class="control-label">{{ trans_choice('core::general.note',2) }}</label>
                                                                    <textarea name="approved_notes"
                                                                              class="form-control"
                                                                              id="approved_notes"
                                                                              rows="3"></textarea>
                                                                </div>
                                                            </div>
                                                            <div class="modal-footer">
                                                                <button type="button"
                                                                        class="btn btn-default float-left"
                                                                        data-dismiss="modal">
                                                                    {{ trans_choice('core::general.close',1) }}
                                                                </button>
                                                                <button type="submit"
                                                                        class="btn btn-primary">{{ trans_choice('core::general.save',1) }}</button>
                                                            </div>
                                                        </form>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="modal fade" id="reject_loan_modal">
                                                <div class="modal-dialog">
                                                    <div class="modal-content">
                                                        <div class="modal-header">
                                                            <h4 class="modal-title">{{ trans_choice('loan::general.reject',1) }} {{ trans_choice('loan::general.loan',1) }}</h4>
                                                            <button type="button" class="close" data-dismiss="modal"
                                                                    aria-label="Close">
                                                                <span aria-hidden="true">×</span>
                                                            </button>
                                                        </div>
                                                        <form method="post"
                                                              action="{{ url('loan/'.$loan->id.'/reject_loan') }}">
                                                            {{csrf_field()}}
                                                            <div class="modal-body">
                                                                <div class="form-group">
                                                                    <label for="rejected_notes"
                                                                           class="control-label">{{ trans_choice('core::general.note',2) }}</label>
                                                                    <textarea name="rejected_notes"
                                                                              class="form-control"
                                                                              id="rejected_notes"
                                                                              rows="3" required=""></textarea>
                                                                </div>
                                                            </div>
                                                            <div class="modal-footer">
                                                                <button type="button"
                                                                        class="btn btn-default pull-left"
                                                                        data-dismiss="modal">
                                                                    {{ trans_choice('core::general.close',1) }}
                                                                </button>
                                                                <button type="submit"
                                                                        class="btn btn-primary">{{ trans_choice('core::general.save',1) }}</button>
                                                            </div>
                                                        </form>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="modal fade" id="withdraw_loan_modal">
                                                <div class="modal-dialog">
                                                    <div class="modal-content">
                                                        <div class="modal-header">
                                                            <h4 class="modal-title">{{ trans_choice('loan::general.withdraw',1) }} {{ trans_choice('loan::general.loan',1) }}</h4>
                                                            <button type="button" class="close" data-dismiss="modal"
                                                                    aria-label="Close">
                                                                <span aria-hidden="true">×</span>
                                                            </button>
                                                        </div>
                                                        <form method="post"
                                                              action="{{ url('loan/'.$loan->id.'/withdraw_loan') }}">
                                                            {{csrf_field()}}
                                                            <div class="modal-body">
                                                                <div class="form-group">
                                                                    <label for="withdrawn_notes"
                                                                           class="control-label">{{ trans_choice('core::general.note',2) }}</label>
                                                                    <textarea name="withdrawn_notes"
                                                                              class="form-control"
                                                                              id="withdrawn_notes" rows="3"
                                                                              required=""></textarea>
                                                                </div>
                                                            </div>
                                                            <div class="modal-footer">
                                                                <button type="button"
                                                                        class="btn btn-default pull-left"
                                                                        data-dismiss="modal">
                                                                    {{ trans_choice('core::general.close',1) }}
                                                                </button>
                                                                <button type="submit"
                                                                        class="btn btn-primary">{{ trans_choice('core::general.save',1) }}</button>
                                                            </div>
                                                        </form>
                                                    </div>
                                                </div>
                                            </div>
                                        @endcan
                                    @endif
                                    @if($loan->status=='active')
                                        @can('loan.loans.transactions.create')
                                            <a href="{{url('loan/'.$loan->id.'/repayment/create')}}"
                                               class="btn btn-primary"><i class="fas fa-dollar-sign"></i>
                                                {{ trans_choice('loan::general.make',1) }} {{ trans_choice('loan::general.repayment',1) }}
                                            </a>
                                        @endcan
                                        @can('loan.loans.disburse_loan')
                                            <a href="{{url('loan/'.$loan->id.'/undo_disbursement')}}"
                                               class="btn btn-primary confirm"><i class="fa fa-undo"></i>
                                                {{ trans_choice('loan::general.undo',1) }} {{ trans_choice('loan::general.disbursement',1) }}
                                            </a>
                                        @endcan
                                        @can('loan.loans.edit')
                                            <a href="#" data-toggle="modal" data-target="#change_loan_officer_modal"
                                               class="btn btn-primary">
                                                {{ trans_choice('loan::general.change',1) }} {{ trans_choice('loan::general.loan',1) }} {{ trans_choice('loan::general.officer',1) }}
                                            </a>
                                        @endcan
                                        @can('loan.loans.charges.create')
                                            <a href="{{url('loan/'.$loan->id.'/charge/create')}}"
                                               class="btn btn-primary"><i
                                                        class="fa fa-plus"></i>
                                                {{ trans_choice('core::general.add',1) }} {{ trans_choice('loan::general.charge',1) }}
                                            </a>
                                        @endcan
                                        @can('loan.loans.transactions.edit')
                                            <a href="#" data-toggle="modal" data-target="#waive_interest_modal"
                                               class="btn btn-primary">
                                                {{ trans_choice('loan::general.waive',1) }} {{ trans_choice('loan::general.interest',1) }}
                                            </a>
                                        @endcan

                                        @can('loan.loans.write_off_loan')
                                            <a href="#" data-toggle="modal" data-target="#write_off_loan_modal"
                                               class="btn btn-primary">
                                                {{ trans_choice('loan::general.write_off',1) }} {{ trans_choice('loan::general.loan',1) }}
                                            </a>
                                        @endcan
                                        @can('loan.loans.reschedule_loan')
                                            <a href="#" data-toggle="modal" data-target="#reschedule_loan_modal"
                                               class="btn btn-primary">
                                                {{ trans_choice('loan::general.reschedule',1) }} {{ trans_choice('loan::general.loan',1) }}
                                            </a>
                                        @endcan
                                        @can('loan.loans.edit')
                                            <div class="modal fade" id="change_loan_officer_modal">
                                                <div class="modal-dialog">
                                                    <div class="modal-content">
                                                        <div class="modal-header">
                                                            <h4 class="modal-title">{{ trans_choice('loan::general.change',1) }} {{ trans_choice('loan::general.loan',1) }} {{ trans_choice('loan::general.officer',1) }}</h4>
                                                            <button type="button" class="close" data-dismiss="modal"
                                                                    aria-label="Close">
                                                                <span aria-hidden="true">×</span>
                                                            </button>
                                                        </div>
                                                        <form method="post"
                                                              action="{{ url('loan/'.$loan->id.'/change_loan_officer') }}">
                                                            {{csrf_field()}}
                                                            <div class="modal-body">
                                                                <div class="form-group">
                                                                    <label for="loan_officer_id"
                                                                           class="control-label">{{trans_choice('loan::general.loan',1)}} {{trans_choice('loan::general.officer',1)}}</label>
                                                                    <select class="form-control select2"
                                                                            name="loan_officer_id"
                                                                            id="loan_officer_id"
                                                                            v-model="loan_officer_id"
                                                                            required>
                                                                        <option value=""></option>
                                                                        @foreach($users as $key)
                                                                            <option value="{{$key->id}}"
                                                                                    @if($key->id==$loan->loan_officer_id) selected @endif>{{$key->first_name}} {{$key->last_name}}</option>
                                                                        @endforeach
                                                                    </select>
                                                                </div>
                                                            </div>
                                                            <div class="modal-footer">
                                                                <button type="button"
                                                                        class="btn btn-default pull-left"
                                                                        data-dismiss="modal">
                                                                    {{ trans_choice('core::general.close',1) }}
                                                                </button>
                                                                <button type="submit"
                                                                        class="btn btn-primary">{{ trans_choice('core::general.save',1) }}</button>
                                                            </div>
                                                        </form>
                                                    </div>
                                                </div>
                                            </div>
                                        @endcan
                                        @can('loan.loans.transactions.edit')
                                            <div class="modal fade" id="waive_interest_modal">
                                                <div class="modal-dialog">
                                                    <div class="modal-content">
                                                        <div class="modal-header">
                                                            <h4 class="modal-title">{{ trans_choice('loan::general.waive',1) }} {{ trans_choice('loan::general.interest',1) }}</h4>
                                                            <button type="button" class="close" data-dismiss="modal"
                                                                    aria-label="Close">
                                                                <span aria-hidden="true">×</span>
                                                            </button>
                                                        </div>
                                                        <form method="post"
                                                              action="{{ url('loan/'.$loan->id.'/waive_interest') }}">
                                                            {{csrf_field()}}
                                                            <div class="modal-body">
                                                                <div class="form-group">
                                                                    <label for="date"
                                                                           class="control-label">{{ trans_choice('core::general.date',1) }}</label>
                                                                    <flat-pickr
                                                                            class="form-control  @error('date') is-invalid @enderror"
                                                                            name="date" value="{{date("Y-m-d")}}"
                                                                            id="date" required>
                                                                    </flat-pickr>
                                                                </div>
                                                                <div class="form-group">
                                                                    <label for="interest_waived_amount"
                                                                           class="control-label">{{ trans_choice('core::general.amount',1) }}</label>
                                                                    <input type="text" name="interest_waived_amount"
                                                                           class="form-control numeric"
                                                                           value="" required=""
                                                                           id="interest_waived_amount">
                                                                </div>
                                                                <div class="form-group">
                                                                    <label for="description"
                                                                           class="control-label">{{ trans_choice('core::general.note',2) }}</label>
                                                                    <textarea name="description"
                                                                              class="form-control"
                                                                              id="description"
                                                                              rows="3"></textarea>
                                                                </div>
                                                            </div>
                                                            <div class="modal-footer">
                                                                <button type="button"
                                                                        class="btn btn-default pull-left"
                                                                        data-dismiss="modal">
                                                                    {{ trans_choice('core::general.close',1) }}
                                                                </button>
                                                                <button type="submit"
                                                                        class="btn btn-primary">{{ trans_choice('core::general.save',1) }}</button>
                                                            </div>
                                                        </form>
                                                    </div>
                                                </div>
                                            </div>
                                        @endcan
                                        @can('loan.loans.write_off_loan')
                                            <div class="modal fade" id="write_off_loan_modal">
                                                <div class="modal-dialog">
                                                    <div class="modal-content">
                                                        <div class="modal-header">
                                                            <h4 class="modal-title">{{ trans_choice('loan::general.write_off',1) }} {{ trans_choice('loan::general.loan',1) }}</h4>
                                                            <button type="button" class="close" data-dismiss="modal"
                                                                    aria-label="Close">
                                                                <span aria-hidden="true">×</span>
                                                            </button>
                                                        </div>
                                                        <form method="post"
                                                              action="{{ url('loan/'.$loan->id.'/write_off_loan') }}">
                                                            {{csrf_field()}}
                                                            <div class="modal-body">
                                                                <div class="form-group">
                                                                    <label for="written_off_on_date"
                                                                           class="control-label">{{ trans_choice('core::general.date',1) }}</label>
                                                                    <flat-pickr
                                                                            class="form-control  @error('written_off_on_date') is-invalid @enderror"
                                                                            name="written_off_on_date"
                                                                            value="{{date("Y-m-d")}}"
                                                                            id="written_off_on_date" required>
                                                                    </flat-pickr>
                                                                </div>

                                                                <div class="form-group">
                                                                    <label for="written_off_notes"
                                                                           class="control-label">{{ trans_choice('core::general.note',2) }}</label>
                                                                    <textarea name="written_off_notes"
                                                                              class="form-control"
                                                                              id="written_off_notes"
                                                                              rows="3" required></textarea>
                                                                </div>
                                                            </div>
                                                            <div class="modal-footer">
                                                                <button type="button"
                                                                        class="btn btn-default pull-left"
                                                                        data-dismiss="modal">
                                                                    {{ trans_choice('core::general.close',1) }}
                                                                </button>
                                                                <button type="submit"
                                                                        class="btn btn-primary">{{ trans_choice('core::general.save',1) }}</button>
                                                            </div>
                                                        </form>
                                                    </div>
                                                </div>
                                            </div>
                                        @endcan
                                        @can('loan.loans.reschedule_loan')
                                            <div class="modal fade" id="reschedule_loan_modal">
                                                <div class="modal-dialog">
                                                    <div class="modal-content">
                                                        <div class="modal-header">
                                                            <h4 class="modal-title">{{ trans_choice('loan::general.reschedule',1) }} {{ trans_choice('loan::general.loan',1) }}</h4>
                                                            <button type="button" class="close" data-dismiss="modal"
                                                                    aria-label="Close">
                                                                <span aria-hidden="true">×</span>
                                                            </button>
                                                        </div>
                                                        <form method="post"
                                                              action="{{ url('loan/'.$loan->id.'/reschedule_loan') }}">
                                                            {{csrf_field()}}
                                                            <div class="modal-body">
                                                                <div class="form-group">
                                                                    <label for="rescheduled_from_date"
                                                                           class="control-label">
                                                                        {{ trans_choice('loan::general.reschedule_from_installment_on',1) }}
                                                                    </label>
                                                                    <flat-pickr v-model="rescheduled_from_date"
                                                                                name="rescheduled_from_date"
                                                                                class="form-control @error('rescheduled_from_date') is-invalid @enderror"
                                                                                :required="true"
                                                                                id="rescheduled_from_date"></flat-pickr>
                                                                </div>
                                                                <div class="form-group">
                                                                    <label for="rescheduled_on_date"
                                                                           class="control-label">
                                                                        {{ trans_choice('core::general.submitted_on',1) }}
                                                                    </label>
                                                                    <flat-pickr v-model="rescheduled_on_date"
                                                                                name="rescheduled_on_date"
                                                                                class="form-control @error('rescheduled_on_date') is-invalid @enderror"
                                                                                required
                                                                                id="rescheduled_on_date"></flat-pickr>
                                                                </div>
                                                                <div class="form-group">
                                                                    <label for="reschedule_first_payment_date"
                                                                           class="">
                                                                        <input type="checkbox"
                                                                               id="reschedule_first_payment_date"
                                                                               name="rescheduled_first_payment_date"
                                                                               v-model="reschedule_first_payment_date"
                                                                               class=""/>

                                                                        {{trans_choice('loan::general.change_repayment_date',1)}}
                                                                    </label>
                                                                </div>
                                                                <div class="form-group"
                                                                     v-if="reschedule_first_payment_date">
                                                                    <label for="rescheduled_first_payment_date"
                                                                           class="control-label">
                                                                        {{ trans_choice('loan::general.adjusted_due_date',1) }}
                                                                    </label>
                                                                    <flat-pickr
                                                                            v-model="rescheduled_first_payment_date"
                                                                            name="rescheduled_first_payment_date"
                                                                            class="form-control @error('rescheduled_first_payment_date') is-invalid @enderror"
                                                                            required></flat-pickr>
                                                                </div>
                                                                <div class="form-group">
                                                                    <label for="reschedule_adjust_loan_interest_rate"
                                                                           class="">
                                                                        <input type="checkbox"
                                                                               id="reschedule_adjust_loan_interest_rate"
                                                                               name="reschedule_adjust_loan_interest_rate"
                                                                               v-model="reschedule_adjust_loan_interest_rate"
                                                                               class=""/>

                                                                        {{trans_choice('loan::general.adjust_loan_interest_rate',1)}}
                                                                    </label>
                                                                </div>
                                                                <div class="form-group"
                                                                     v-if="reschedule_adjust_loan_interest_rate">
                                                                    <label for="reschedule_interest_rate"
                                                                           class="control-label">
                                                                        {{ trans_choice('loan::general.interest',1) }} {{ trans_choice('loan::general.rate',1) }}
                                                                    </label>
                                                                    <input type="text"
                                                                           id="reschedule_interest_rate"
                                                                           name="reschedule_interest_rate"
                                                                           v-model="reschedule_interest_rate"
                                                                           class="form-control" required/>
                                                                </div>
                                                                <div class="form-group">
                                                                    <label for="reschedule_add_extra_installments"
                                                                           class="">
                                                                        <input type="checkbox"
                                                                               id="reschedule_add_extra_installments"
                                                                               name="reschedule_add_extra_installments"
                                                                               v-model="reschedule_add_extra_installments"
                                                                               class=""/>

                                                                        {{trans_choice('loan::general.add_extra_installments',1)}}
                                                                    </label>
                                                                </div>
                                                                <div class="form-group"
                                                                     v-if="reschedule_add_extra_installments">
                                                                    <label for="reschedule_extra_installments"
                                                                           class="control-label">
                                                                        {{ trans_choice('loan::general.extra_installment',2) }}
                                                                    </label>
                                                                    <input type="text"
                                                                           id="reschedule_extra_installments"
                                                                           name="reschedule_extra_installments"
                                                                           v-model="reschedule_extra_installments"
                                                                           class="form-control numeric" required/>
                                                                </div>
                                                                <div class="form-group">
                                                                    <label for="reschedule_enable_grace_periods"
                                                                           class="">
                                                                        <input type="checkbox"
                                                                               id="reschedule_enable_grace_periods"
                                                                               name="reschedule_enable_grace_periods"
                                                                               v-model="reschedule_enable_grace_periods"
                                                                               class=""/>

                                                                        {{trans_choice('loan::general.introduce_grace_periods',1)}}
                                                                    </label>
                                                                </div>
                                                                <div class="form-group"
                                                                     v-if="reschedule_enable_grace_periods">
                                                                    <label for="reschedule_grace_on_principal_paid"
                                                                           class="control-label">
                                                                        {{ trans_choice('loan::general.grace_on_principal_paid',1) }}
                                                                    </label>
                                                                    <input type="text"
                                                                           id="reschedule_grace_on_principal_paid"
                                                                           name="reschedule_grace_on_principal_paid"
                                                                           v-model="reschedule_grace_on_principal_paid"
                                                                           class="form-control numeric"/>
                                                                </div>
                                                                <div class="form-group"
                                                                     v-if="reschedule_enable_grace_periods">
                                                                    <label for="reschedule_grace_on_interest_paid"
                                                                           class="control-label">
                                                                        {{ trans_choice('loan::general.grace_on_interest_paid',1) }}
                                                                    </label>
                                                                    <input type="text"
                                                                           id="reschedule_grace_on_interest_paid"
                                                                           name="reschedule_grace_on_interest_paid"
                                                                           v-model="reschedule_grace_on_interest_paid"
                                                                           class="form-control numeric"/>
                                                                </div>
                                                                <div class="form-group">
                                                                    <label for="rescheduled_notes"
                                                                           class="control-label">{{ trans_choice('core::general.note',2) }}</label>
                                                                    <textarea name="rescheduled_notes"
                                                                              v-model="rescheduled_notes"
                                                                              class="form-control"
                                                                              id="rescheduled_notes"
                                                                              rows="3" required></textarea>
                                                                </div>
                                                            </div>
                                                            <div class="modal-footer">
                                                                <button type="button"
                                                                        class="btn btn-default pull-left"
                                                                        data-dismiss="modal">
                                                                    {{ trans_choice('core::general.close',1) }}
                                                                </button>
                                                                <button type="submit"
                                                                        class="btn btn-primary">{{ trans_choice('core::general.save',1) }}</button>
                                                            </div>
                                                        </form>
                                                    </div>
                                                </div>
                                            </div>
                                        @endcan
                                    @endif
                                    @if($loan->status=='written_off')
                                        <a href="{{url('loan/'.$loan->id.'/repayment/create')}}"
                                           class="btn btn-primary"><i class="fas fa-dollar-sign"></i>
                                            {{ trans_choice('loan::general.recovery',1) }} {{ trans_choice('loan::general.payment',1) }}
                                        </a>
                                        <a href="{{url('loan/'.$loan->id.'/undo_write_off')}}"
                                           class="btn btn-primary confirm"><i class="fa fa-undo"></i>
                                            {{ trans_choice('loan::general.undo',1) }} {{ trans_choice('loan::general.loan',1) }} {{ trans_choice('loan::general.write_off',1) }}
                                        </a>
                                    @endif
                                    @if($loan->status=='approved')
                                        @can('loan.loans.disburse_loan')
                                            <a href="#" data-toggle="modal" data-target="#disburse_loan_modal"
                                               class="btn btn-primary"><i class="fas fa-flag"></i>
                                                {{ trans_choice('loan::general.disburse',1) }}
                                            </a>
                                        @endcan
                                        @can('loan.loans.edit')
                                            <a href="#" data-toggle="modal" data-target="#change_loan_officer_modal"
                                               class="btn btn-primary">
                                                {{ trans_choice('loan::general.change',1) }} {{ trans_choice('loan::general.loan',1) }} {{ trans_choice('loan::general.officer',1) }}
                                            </a>
                                        @endcan
                                        @can('loan.loans.approve_loan')
                                            <a href="{{url('loan/'.$loan->id.'/undo_approval')}}"
                                               class="btn btn-primary confirm"><i class="fa fa-undo"></i>
                                                {{ trans_choice('loan::general.undo',1) }} {{ trans_choice('loan::general.approval',1) }}
                                            </a>
                                        @endcan
                                        @can('loan.loans.edit')
                                            <div class="modal fade" id="change_loan_officer_modal">
                                                <div class="modal-dialog">
                                                    <div class="modal-content">
                                                        <div class="modal-header">
                                                            <h4 class="modal-title">{{ trans_choice('loan::general.change',1) }} {{ trans_choice('loan::general.loan',1) }} {{ trans_choice('loan::general.officer',1) }}</h4>
                                                            <button type="button" class="close" data-dismiss="modal"
                                                                    aria-label="Close">
                                                                <span aria-hidden="true">×</span>
                                                            </button>
                                                        </div>
                                                        <form method="post"
                                                              action="{{ url('loan/'.$loan->id.'/change_loan_officer') }}">
                                                            {{csrf_field()}}
                                                            <div class="modal-body">
                                                                <div class="form-group">
                                                                    <label for="loan_officer_id"
                                                                           class="control-label">{{trans_choice('loan::general.loan',1)}} {{trans_choice('loan::general.officer',1)}}</label>
                                                                    <select class="form-control select2"
                                                                            name="loan_officer_id"
                                                                            id="loan_officer_id"
                                                                            v-model="loan_officer_id"
                                                                            required>
                                                                        <option value=""></option>
                                                                        @foreach($users as $key)
                                                                            <option value="{{$key->id}}"
                                                                                    @if($key->id==$loan->loan_officer_id) selected @endif>{{$key->first_name}} {{$key->last_name}}</option>
                                                                        @endforeach
                                                                    </select>
                                                                </div>
                                                            </div>
                                                            <div class="modal-footer">
                                                                <button type="button"
                                                                        class="btn btn-default pull-left"
                                                                        data-dismiss="modal">
                                                                    {{ trans_choice('core::general.close',1) }}
                                                                </button>
                                                                <button type="submit"
                                                                        class="btn btn-primary">{{ trans_choice('core::general.save',1) }}</button>
                                                            </div>
                                                        </form>
                                                    </div>
                                                </div>
                                            </div>
                                        @endcan
                                        @can('loan.loans.disburse_loan')
                                            <div class="modal fade in" id="disburse_loan_modal">
                                                <div class="modal-dialog">
                                                    <div class="modal-content">
                                                        <div class="modal-header">
                                                            <h4 class="modal-title">{{ trans_choice('loan::general.disburse',1) }} {{ trans_choice('loan::general.loan',1) }}</h4>
                                                            <button type="button" class="close"
                                                                    data-dismiss="modal">
                                                                <span>×</span>
                                                            </button>
                                                        </div>
                                                        <form method="post"
                                                              action="{{ url('loan/'.$loan->id.'/disburse_loan') }}"
                                                              class="form-horizontal">
                                                            {{csrf_field()}}
                                                            <div class="modal-body">
                                                                <div class="form-group">
                                                                    <label for="disbursed_on_date"
                                                                           class="control-label">{{ trans_choice('loan::general.actual',1) }} {{ trans_choice('loan::general.disbursement',1) }} {{ trans_choice('core::general.date',1) }}</label>

                                                                    <flat-pickr
                                                                            name="disbursed_on_date"
                                                                            value="{{$loan->expected_disbursement_date}}"
                                                                            class="form-control @error('disbursed_on_date') is-invalid @enderror"
                                                                            :required="true"
                                                                            id="rescheduled_from_date"></flat-pickr>
                                                                </div>
                                                                <div class="form-group">
                                                                    <label for="first_payment_date"
                                                                           class="control-label">{{ trans_choice('core::general.first',1) }} {{ trans_choice('loan::general.repayment',1) }} {{ trans_choice('core::general.date',1) }}</label>

                                                                    <flat-pickr
                                                                            name="first_payment_date"
                                                                            value="{{$loan->expected_first_payment_date}}"
                                                                            class="form-control @error('first_payment_date') is-invalid @enderror"
                                                                            :required="true"
                                                                            id="first_payment_date"></flat-pickr>
                                                                </div>
                                                                <div class="form-group">
                                                                    <label for="payment_type_id"
                                                                           class="control-label">{{ trans_choice('loan::general.payment',1) }}
                                                                        {{ trans_choice('core::general.type',1) }}
                                                                    </label>
                                                                    <select class="form-control select2"
                                                                            name="payment_type_id"
                                                                            id="payment_type_id"
                                                                            v-model="payment_type_id"
                                                                            required>
                                                                        <option value=""></option>
                                                                        @foreach($payment_types as $key)
                                                                            <option value="{{$key->id}}">{{$key->name}}</option>
                                                                        @endforeach
                                                                    </select>
                                                                </div>
                                                                <div class="form-group">
                                                                    <label for="approved_amount"
                                                                           class="control-label">{{ trans_choice('core::general.show',1) }}
                                                                        {{ trans_choice('loan::general.payment',1) }} {{ trans_choice('core::general.detail',2) }}</label>
                                                                    <button type="button"
                                                                            class="btn btn-primary collapsed"
                                                                            data-toggle="collapse"
                                                                            data-target="#show_payment_details"
                                                                            aria-expanded="false">
                                                                        <i class="fa fa-plus"></i>
                                                                    </button>
                                                                </div>
                                                                <div id="show_payment_details" class="collapse">
                                                                    <div class="form-group">
                                                                        <label for="account_number"
                                                                               class="control-label">{{ trans_choice('core::general.account',1) }}
                                                                            #</label>

                                                                        <input type="text" name="account_number"
                                                                               class="form-control" value=""
                                                                               id="account_number">
                                                                    </div>
                                                                    <div class="form-group">
                                                                        <label for="cheque_number"
                                                                               class="control-label">{{ trans_choice('core::general.cheque',1) }}
                                                                            #</label>
                                                                        <input type="text" name="cheque_number"
                                                                               class="form-control" value=""
                                                                               id="cheque_number">
                                                                    </div>
                                                                    <div class="form-group">
                                                                        <label for="routing_code"
                                                                               class="control-label">{{ trans_choice('core::general.routing_code',1) }}</label>
                                                                        <input type="text" name="routing_code"
                                                                               class="form-control" value=""
                                                                               id="routing_code">
                                                                    </div>
                                                                    <div class="form-group">
                                                                        <label for="receipt_number"
                                                                               class="control-label">{{ trans_choice('core::general.receipt',1) }}
                                                                            #</label>
                                                                        <input type="text" name="receipt_number"
                                                                               class="form-control" value=""
                                                                               id="receipt_number">
                                                                    </div>
                                                                    <div class="form-group">
                                                                        <label for="bank"
                                                                               class="control-label">{{ trans_choice('core::general.bank',1) }}
                                                                            #</label>
                                                                        <input type="text" name="bank"
                                                                               class="form-control"
                                                                               value="" id="bank">
                                                                    </div>
                                                                </div>
                                                                <div class="form-group">
                                                                    <label for="disbursed_notes"
                                                                           class="control-label">{{ trans_choice('core::general.note',2) }}</label>

                                                                    <textarea name="disbursed_notes"
                                                                              class="form-control"
                                                                              id="disbursed_notes"
                                                                              rows="3"></textarea>
                                                                </div>
                                                            </div>
                                                            <div class="modal-footer">
                                                                <button type="button"
                                                                        class="btn btn-default pull-left"
                                                                        data-dismiss="modal">
                                                                    {{ trans_choice('core::general.close',1) }}
                                                                </button>
                                                                <button type="submit"
                                                                        class="btn btn-primary">{{ trans_choice('core::general.save',1) }}</button>
                                                            </div>
                                                        </form>
                                                    </div>
                                                </div>
                                            </div>
                                        @endcan
                                    @endif
                                    @if($loan->status=='rejected')
                                        @can('loan.loans.approve_loan')
                                            <a href="{{url('loan/'.$loan->id.'/undo_rejection')}}"
                                               class="btn btn-primary confirm"><i class="fa fa-undo"></i>
                                                {{ trans_choice('loan::general.undo',1) }} {{ trans_choice('loan::general.rejection',1) }}
                                            </a>
                                        @endcan
                                    @endif
                                    @if($loan->status=='withdrawn')
                                        @can('loan.loans.approve_loan')
                                            <a href="{{url('loan/'.$loan->id.'/undo_withdrawn')}}"
                                               class="btn btn-primary confirm"><i class="fa fa-undo"></i>
                                                {{ trans_choice('loan::general.undo',1) }} {{ trans_choice('loan::general.withdrawn',1) }}
                                            </a>
                                        @endcan
                                    @endif
                                </div>
                            </div>
                        </div>
                        <div class="row" style="margin-top: 20px">
                            <div class="col-sm-8 col-md-8 p-10">
                                @if($loan->status=='submitted' ||$loan->status=='pending'||$loan->status=='withdrawn'||$loan->status=='approved'||$loan->status=='rejected')
                                    @if($loan->status=='submitted')
                                        <span class="badge badge-warning badge-lg m-2 status-label">{{ trans_choice('loan::general.pending_approval',1) }}</span>
                                    @endif
                                    @if($loan->status=='approved')
                                        <span class="badge badge-warning badge-lg m-2  status-label">{{ trans_choice('loan::general.awaiting_disbursement',1) }}</span>
                                    @endif
                                    @if($loan->status=='withdrawn')
                                        <span class="badge badge-danger badge-lg m-2  status-label">{{ trans_choice('loan::general.withdrawn',1) }}</span>

                                    @endif
                                    @if($loan->status=='rejected')
                                        <span class="badge badge-danger badge-lg m-2  status-label">{{ trans_choice('loan::general.rejected',1) }}</span>
                                    @endif
                                @endif
                                @if($loan->status=='active' ||$loan->status=='closed'||$loan->status=='written_off'||$loan->status=='overpaid'||$loan->status=='rescheduled')