@extends('app-new')

@push('head-script')
    <link rel="stylesheet" type="text/css" href="/app-assets/css/style.css">
    <link rel="stylesheet" type="text/css" href="/app-assets/css/pages/page-profile.css">
    <link rel="stylesheet" type="text/css" href="/app-assets/vendors/css/vendors.min.css">
    <link rel="stylesheet" type="text/css" href="/app-assets/vendors/css/extensions/toastr.min.css">
@endpush

@push('content-header')
    <div class="row breadcrumbs-top">
        <div class="col-12">
            <h2 class="content-header-title float-start mb-0">Cooperative Loan</h2>
            <div class="breadcrumb-wrapper">
                <ol class="breadcrumb">
                    <li class="breadcrumb-item"><a href="{{ url($alias.'/cooperative-loans') }}">Cooperative Loan</a></li>
                    <li class="breadcrumb-item active">View</li>
                </ol>
            </div>
        </div>
    </div>
@endpush

@push('prev-next-head')
    <div class="content-header-right text-end col-md-3 col-12">
        <div class="form-group breadcrumb-right">
            <a href="{{ url($alias.'/cooperative-loans') }}" class="btn btn-secondary btn-sm"><i data-feather="arrow-left-circle"></i> Back</a>
        </div>
    </div>
@endpush

@section('content')
<section id="dashboard-ecommerce">
    <div class="row match-height">
        <div class="col-lg-12 col-md-12 col-12">
            <div class="card invoice-preview-card mb-0">
                <div class="card-body invoice-padding pb-0">
                    <div class="d-flex flex-md-row flex-column invoice-spacing mt-1 mb-1 justify-content-between">
                        <div class="logo-wrapper d-flex align-items-center">
                            <h3 class="text-primary invoice-logo mb-0">Cooperative Loan</h3>
                        </div>
                        <span class="fw-bold badge rounded-pill badge-light-{{ $loan->status == 'Active' ? 'success' : ($loan->status == 'ForceClosed' ? 'warning' : 'secondary') }} align-self-center">{{ $loan->status }}</span>
                    </div>
                    <hr class="invoice-spacing" />
                </div>

                <div class="card-body invoice-padding pt-0">
                    <div class="row invoice-spacing mb-3">
                        <div class="col-xl-4 col-lg-4 col-md-4 col-12">
                            <table>
                                <tbody>
                                    <tr><td class="pe-1 pt-2">Employee :</td><td class="pt-2">{{ optional($loan->employee)->name }} {{ optional($loan->employee)->employee_code ? '(' . $loan->employee->employee_code . ')' : '' }}</td></tr>
                                    <tr><td class="pe-1 pt-2">Requested Amount :</td><td class="pt-2">{{ $loan->requested_amount }}</td></tr>
                                    <tr><td class="pe-1 pt-2">Requested Date :</td><td class="pt-2">{{ $loan->requested_date }}</td></tr>
                                    <tr><td class="pe-1 pt-2">Required Shares :</td><td class="pt-2">{{ $loan->required_shares }}</td></tr>
                                    <tr><td class="pe-1 pt-2">Shortfall Shares :</td><td class="pt-2">{{ $loan->shortfall_shares }}</td></tr>
                                    <tr><td class="pe-1 pt-2">Shortfall Amount :</td><td class="pt-2">{{ $loan->shortfall_amount }}</td></tr>
                                </tbody>
                            </table>
                        </div>
                        <div class="col-xl-4 col-lg-4 col-md-4 col-12">
                            <table>
                                <tbody>
                                    <tr><td class="pe-1 pt-2">Old Loan Settled :</td><td class="pt-2">{{ $loan->old_loan_deducted_amount }} @if($loan->old_loan_id) (#{{ $loan->old_loan_id }}) @endif</td></tr>
                                    <tr><td class="pe-1 pt-2">Disbursed Amount :</td><td class="pt-2">{{ $loan->disbursed_amount }}</td></tr>
                                    <tr><td class="pe-1 pt-2">Disbursed Date :</td><td class="pt-2">{{ $loan->disbursed_date }}</td></tr>
                                    <tr><td class="pe-1 pt-2">Principal Amount :</td><td class="pt-2">{{ $loan->principal_amount }}</td></tr>
                                    <tr><td class="pe-1 pt-2">EMI Amount :</td><td class="pt-2">{{ $loan->emi_amount }}</td></tr>
                                    <tr><td class="pe-1 pt-2">Outstanding Balance :</td><td class="pt-2">{{ $loan->outstanding_balance }}</td></tr>
                                </tbody>
                            </table>
                        </div>
                        <div class="col-xl-4 col-lg-4 col-md-4 col-12">
                            <table>
                                <tbody>
                                    <tr><td class="pe-1 pt-2">Created Date :</td><td class="pt-2">{{ $loan->created_at }}</td></tr>
                                    <tr><td class="pe-1 pt-2">Closed Date :</td><td class="pt-2">{{ $loan->closed_date ?? '-' }}</td></tr>
                                    <tr><td class="pe-1 pt-2">Closure Reason :</td><td class="pt-2">{{ $loan->closure_reason ?? '-' }}</td></tr>
                                    <tr><td class="pe-1 pt-2">Remarks :</td><td class="pt-2">{{ $loan->remarks ?? '-' }}</td></tr>
                                    <tr><td class="pe-1 pt-2">Attachment :</td><td class="pt-2">
                                        @if($loan->attachment_url)
                                            <a href="{{ $loan->attachment_url }}" target="_blank">View Attachment</a>
                                        @else
                                            -
                                        @endif
                                    </td></tr>
                                </tbody>
                            </table>
                        </div>
                    </div>

                    @if($loan->status == 'Active')
                    <div class="row invoice-spacing mb-3">
                        <div class="col-12 d-flex">
                            <button type="button" class="btn btn-primary me-1" data-bs-toggle="modal" data-bs-target="#update-emi-popup">Update EMI Amount</button>
                            <button type="button" class="btn btn-danger" data-bs-toggle="modal" data-bs-target="#force-close-popup">Force Close</button>
                            <a style="margin-left: 10px;" href="{{ url($alias.'/cooperative-loans/'.$loan->id.'/skipped-months') }}" class="btn btn-secondary me-1">Skipped Months</a>
                            <a href="{{ url($alias.'/cooperative-thrift-settlements/create') }}?employee_id={{ $loan->employee_id }}&from=loan" class="btn btn-outline-dark">Loan + Thrift Settlement</a>
                        </div>
                    </div>
                    @endif

                    

                    <h5 class="mb-1">Loan Transaction Ledger</h5>
                    <div class="table-responsive">
                    <table class="table table-bordered">
                        <thead>
                            <tr>
                                <th>Type</th>
                                <th>Month/Year</th>
                                <th>Amount</th>
                                <th>Interest</th>
                                <th>Status</th>
                                <th>Balance After</th>
                                <th>Remarks</th>
                                <th>Date</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse($loan->transactions as $txn)
                            <tr>
                                <td>{{ $txn->transaction_type }}</td>
                                <td>{{ $txn->month ? date('M', mktime(0,0,0,$txn->month,1)) . ' ' . $txn->year : '-' }}</td>
                                <td>{{ $txn->amount }}</td>
                                <td>{{ $txn->interest_amount ?? '-' }}</td>
                                <td><span class="fw-bold badge rounded-pill badge-light-{{ $txn->status == 'Full' ? 'success' : ($txn->status == 'Partial' ? 'warning' : 'secondary') }}">{{ $txn->status }}</span></td>
                                <td>{{ $txn->balance_after ?? '-' }}</td>
                                <td><span class="d-inline-block text-truncate view-remarks-btn" style="max-width: 200px; cursor: pointer;" role="button" data-remarks="{{ $txn->remarks }}">{{ $txn->remarks }}</span></td>
                                <td>{{ $txn->transaction_date }}</td>
                            </tr>
                            @empty
                            <tr><td colspan="8" class="text-center">No transactions yet</td></tr>
                            @endforelse
                        </tbody>
                    </table>
                    </div>
                </div>
            </div>
        </div>
    </div>

    @if($loan->status == 'Active')
    <div class="modal fade" id="update-emi-popup" tabindex="-1" aria-hidden="true">
        <div class="modal-dialog modal-md modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header bg-transparent">
                    <h5 class="modal-title">Update EMI Amount</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body pb-2">
                    <form id="update-emi-form">
                        {{ csrf_field() }}
                        <input type="hidden" name="id" value="{{ $loan->id }}">
                        <div class="row">
                            <div class="col-12 mb-1">
                                <label class="form-label">Current EMI Amount</label>
                                <input type="text" class="form-control" value="{{ $loan->emi_amount }}" readonly>
                            </div>
                            <div class="col-12 mb-1">
                                <label class="form-label">New EMI Amount <span class="text-danger">*</span></label>
                                <input type="number" step="0.01" min="0.01" class="form-control" id="emi_amount" name="emi_amount">
                                <span class="text-danger" id="err-emi_amount"></span>
                            </div>
                            <div class="col-12">
                                <label class="form-label">Remarks</label>
                                <input type="text" class="form-control" id="emi-remarks" name="remarks">
                                <span class="text-danger" id="err-emi-remarks"></span>
                            </div>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
                    <button type="button" id="update-emi-btn" class="btn btn-primary">Update EMI Amount</button>
                </div>
            </div>
        </div>
    </div>

    <div class="modal fade" id="force-close-popup" tabindex="-1" aria-hidden="true">
        <div class="modal-dialog modal-md modal-dialog-centered">
            <div class="modal-content">
                <div class="modal-header bg-transparent">
                    <h5 class="modal-title">Force Close Loan</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body pb-2">
                    <div class="alert alert-warning py-1 px-2">This action cannot be undone. Any pending interest backlog will be settled and added to the closure amount.</div>
                    <form id="force-close-form">
                        {{ csrf_field() }}
                        <input type="hidden" name="id" value="{{ $loan->id }}">
                        <div class="row">
                            <div class="col-6 mb-1">
                                <label class="form-label">Outstanding Balance</label>
                                <input type="text" class="form-control" value="{{ $loan->outstanding_balance }}" readonly>
                            </div>
                            <div class="col-6 mb-1">
                                <label class="form-label">Pending Interest</label>
                                <input type="text" class="form-control" value="{{ $pendingInterestBacklog }}" readonly>
                            </div>
                            <div class="col-12 mb-1">
                                <label class="form-label">Total Closure Amount</label>
                                <input type="text" class="form-control fw-bold" value="{{ round($loan->outstanding_balance + $pendingInterestBacklog, 2) }}" readonly>
                            </div>
                            <div class="col-12">
                                <label class="form-label">Remarks <span class="text-danger">*</span></label>
                                <input type="text" class="form-control" id="remarks" name="remarks">
                                <span class="text-danger" id="err-remarks"></span>
                            </div>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cancel</button>
                    <button type="button" id="force-close-btn" class="btn btn-danger">Force Close</button>
                </div>
            </div>
        </div>
    </div>
    @endif
</section>
@endsection

@push('footer-script')
    <script src="/app-assets/vendors/js/extensions/toastr.min.js"></script>
<script>
$(function () {
    $('.view-remarks-btn').on('click', function () {
        Swal.fire({
            title: 'Remarks',
            text: $(this).data('remarks') || '-',
            confirmButtonColor: '#00c292'
        });
    });

    function showSuccessAndReload(message) {
        Swal.fire({
            title: 'Success',
            text: message,
            icon: 'success',
            confirmButtonColor: '#00c292',
            confirmButtonText: 'Ok'
        }).then(function () {
            window.location.reload();
        });
    }

    function showError(message) {
        Swal.fire({
            title: 'Error!',
            text: message,
            icon: 'warning',
            confirmButtonColor: '#DD6B55',
            confirmButtonText: 'Ok'
        });
    }

    $('#update-emi-btn').on('click', function () {
        $('#err-emi_amount').text('');
        $('#err-emi-remarks').text('');

        Swal.fire({
            title: "@lang('messages.sweetAlertTitle')",
            text: 'Are you sure you want to update the EMI amount?',
            icon: 'warning',
            showCancelButton: true,
            confirmButtonColor: '#00c292',
            confirmButtonText: 'Yes, update it',
            cancelButtonText: 'Cancel'
        }).then(function (result) {
            if (!result.isConfirmed) {
                return;
            }

            $.ajax({
                url: "{!! route('cooperativeloan.update-emi', ['alias' => $alias]) !!}",
                type: 'POST',
                data: {
                    _token: "{{ csrf_token() }}",
                    id: {{ $loan->id }},
                    emi_amount: $('#emi_amount').val(),
                    remarks: $('#emi-remarks').val()
                },
                success: function (res) {
                    if (res.status === 'fail') {
                        showError(res.message || 'Unable to update EMI amount');
                        return;
                    }

                    $('#update-emi-popup').modal('hide');
                    showSuccessAndReload(res.message || 'EMI amount updated successfully');
                },
                error: function (xhr) {
                    if (xhr.status === 422 && xhr.responseJSON && xhr.responseJSON.errors) {
                        $.each(xhr.responseJSON.errors, function (field, messages) {
                            $('#err-' + (field === 'remarks' ? 'emi-remarks' : field)).text(messages[0]);
                        });
                    } else {
                        showError((xhr.responseJSON && xhr.responseJSON.message) ? xhr.responseJSON.message : 'Unable to update EMI amount');
                    }
                }
            });
        });
    });

    $('#force-close-btn').on('click', function () {
        $('#err-remarks').text('');

        Swal.fire({
            title: "@lang('messages.sweetAlertTitle')",
            text: 'Are you sure you want to force close this loan? This action cannot be undone.',
            icon: 'warning',
            showCancelButton: true,
            confirmButtonColor: '#DD6B55',
            confirmButtonText: 'Yes, force close it',
            cancelButtonText: 'Cancel'
        }).then(function (result) {
            if (!result.isConfirmed) {
                return;
            }

            $.ajax({
                url: "{!! route('cooperativeloan.force-close', ['alias' => $alias]) !!}",
                type: 'POST',
                data: {
                    _token: "{{ csrf_token() }}",
                    id: {{ $loan->id }},
                    remarks: $('#remarks').val()
                },
                success: function (res) {
                    if (res.status === 'fail') {
                        showError(res.message || 'Unable to force close loan');
                        return;
                    }

                    $('#force-close-popup').modal('hide');
                    showSuccessAndReload(res.message || 'Loan force closed successfully');
                },
                error: function (xhr) {
                    if (xhr.status === 422 && xhr.responseJSON && xhr.responseJSON.errors) {
                        $.each(xhr.responseJSON.errors, function (field, messages) {
                            $('#err-' + field).text(messages[0]);
                        });
                    } else {
                        showError((xhr.responseJSON && xhr.responseJSON.message) ? xhr.responseJSON.message : 'Unable to force close loan');
                    }
                }
            });
        });
    });
});
</script>
@endpush