@extends('layouts/microfin_layout')
@section('title', '| Bad Loan Adjustment')
@section('content')

<style type="text/css">
    .form-group, .form-control{
        font-size: 11px !important;
        color: black !important;
    }
    .form-control{
        padding: 5px !important;
    }
    #reportSubmit{
        font-size: 12px;
        margin-top: 24px;
    }
    .amount{
        text-align: left;
    }
    .nameStyle{
        text-align: right;
    }
    .code{
        text-align: center;
    }
</style>


<div class="row">
    <div class="col-md-12">
        <div class="" style="">
            <div class="">
                <div class="panel panel-default" style="background-color:#708090;">
                    <div class="panel-heading" style="padding-bottom:0px">
                        <div class="panel-options">
                            <a href="{{route('badLoanAdjust.create')}}" class="btn btn-info pull-right addViewBtn">
                                <i class="glyphicon glyphicon-plus-sign addIcon"></i> Add Bad Loan Adjust
                            </a>
                        </div>
                        <h3  style=" text-align: center; font-family: Antiqua; letter-spacing: 2px; color: white;">Bad Loan Adjustment List</h3>
                    </div>


                    <div class="panel-body panelBodyView">
                        
                        <!-- Filtering Start-->
                        <div class="row">
                            <div class="col-md-12">
                                <form action="{{route('badLoanAdjust.list')}}" class="form-horizontal form-groups" method="get">
                                    <div class="col-md-1" id="branchDiv">
                                        <div class="form-group">
                                            <div class="col-md-12">
                                                <label for="Branch" class="control-label pull-left" style="color: black">Branch:</label>
                                            </div>
                                            <div class="col-md-12">
                                                <select class="form-control input-sm input-fields" id="filBranch" name="filBranch" aria-label="Default select example" autocomplete="off">
                                                    <option value="0">--All--</option>
                                                    @foreach ($data['branchList'] as $key=>$branch)
                                                        <option value="{{$key}}">{{$branch}}</option>
                                                    @endforeach
                                                </select>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-md-1">
                                        <div class="form-group">
                                            {{-- <label for="" style="'style' => 'color:#708090'">.</label> --}}
                                            <div class="col-md-12">
                                                <button type="submit" id="reportSubmit" class="btn btn-primary input-fields" >Show</button>	
                                            </div>
                                        </div>
                                    </div>
                                </form>
                            </div>
                       
                            <!-- filtering end-->
                            
                            <div class="row">
                                <div class="col-md-12"  id="reportingDiv">
                                    <table class="table table-striped table-bordered view">
                                        <thead>
                                            <tr>
                                                <th>SL</th>
                                                <th>Adjustment Date</th>
                                                <th>Branch</th>
                                                <th>Gender</th>
                                                <th>Product</th>
                                                <th>Loan Code</th>
                                                <th>Total Installment (Rescheduled amount)</th>
                                                <th>total Princepal</th>
                                                <th>total Interest</th>
                                                <th>Action</th>
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @forelse ($data['loanAdjustments'] as $loanAdjustment)
                                                <tr>
                                                    <td>{{$loop->iteration}}</td>
                                                    <td>{{date_format(date_create($loanAdjustment->adjustmentDate),"d-m-Y")}}</td>
                                                    <td class="code">{{$data['branchList'][$loanAdjustment->branch_id]}}</td>
                                                    <td class="nameStyle">{{$data['genderList'][$loanAdjustment->gender]}}</td>
                                                    <td class="code">{{$data['loanProductList'][$loanAdjustment->product_id]}}</td>
                                                    <td class="code">{{$loanAdjustment->loanCode}}</td>
                                                    <td class="amount">{{number_format( $loanAdjustment->totalInstallment)}}</td>
                                                    <td class="amount">{{number_format( $loanAdjustment->totalPrincepal,2)}}</td>
                                                    <td class="amount">{{number_format( $loanAdjustment->totalInterest,2)}}</td>
                                                    <td>
                                                        <button class="btn btn-sm btn-primary alt-details" data-adjustment-id="{{ $loanAdjustment->id }}">
                                                            <i class='fas fa-undo'></i>
                                                        </button>
                                                    </td>
                                                </tr>
                                            @empty
                                                <tr><p>No Data Found!</p></tr>
                                            @endforelse
                                            <tr>
                                                <td colspan="6">Total</td>
                                                <td class="amount">{{number_format($data['totalInstallment'])}}</td>
                                                <td class="amount">{{round($data['totalPrincepal'])}}</td>
                                                <td class="amount">{{round($data['totalInterest'])}}</td>
                                                <td></td>
                                            </tr>
                                        </tbody>
                                    </table>
                                    {{-- @if (count($data['loanAdjustments'])>0)
                                        {{$data['loanAdjustments']->appends(request()->input())->render()}}                                        
                                    @endif --}}
                                </div>
                            </div>
                        </div>
                    </div>		
                </div>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="loanDetailModal" tabindex="-1" aria-labelledby="loanDetailModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg" style="margin-top: 18rem;">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="loanDetailModalLabel" style="color: black">Loan Details</h5>
                {{-- <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> --}}
            </div>
            <div class="modal-body" id="oldLoanDetailContent">
                <!-- AJAX content will load here -->
            </div>
        </div>
    </div>
</div>

<script>
    $(document).ready(function () {
        $('.alt-details').on('click', function () {
            var adjustmentId = $(this).data('adjustment-id');

            Swal.fire({
                // title: 'Are you sure?',
                title: " Do You want to alter this loan schedules!!!",
                icon: 'warning',
                showCancelButton: true,
                confirmButtonColor: '#3085d6',
                cancelButtonColor: '#d33',
                confirmButtonText: 'Yes, proceed'
            }).then((result) => {
                if (result.isConfirmed) {
                    $.ajax({
                        url: '{{ route('badLoanAdjust.altLoanSchedule') }}',
                        method: 'POST',
                        data: { adjustmentId: adjustmentId },
                        success: function (response) {
                            if (response.responseTitle === "warning" || response.responseTitle === "error") {
                                toastr.warning(response.responseText, response.responseTitle);
                            } else {
                                toastr.success(response.responseText, response.responseTitle);
                                setTimeout(function () {
                                    location.reload();
                                }, 1500); // small delay so toastr message shows before reload
                            }
                        },
                        error: function (xhr) {
                            Swal.fire('Error', 'Something went wrong. Please try again.', 'error');
                        }
                    });
                }
            });
        });
    });
</script>
@endsection