@extends('admin.layouts.app')
@section('title', get_setting('site_name').' | PF Loans')
@section('content')
    <style>
        .pf-loans-table th, .pf-loans-table td { vertical-align: middle; }
        #pfAdminLoanRepayModal .modal-body { max-height: 75vh; overflow-y: auto; }
    </style>
    <div class="row mt-3 mb-3">
        <div class="col-12">
            <div class="card">
                <div class="card-header">
                    <h5 class="mb-0">{{ __('PF Loans') }}</h5>
                </div>
                <div class="card-body">
                    <form method="get" class="mb-3">
                        <div class="form-row">
                            <div class="form-group col-md-3">
                                <label class="small text-muted mb-1">{{ __('Employee') }}</label>
                                <input type="search" name="staff_q" class="form-control form-control-sm" value="{{ request('staff_q') }}" placeholder="{{ __('Name or code') }}">
                            </div>
                            <div class="form-group col-md-2">
                                <label class="small text-muted mb-1">{{ __('Status') }}</label>
                                <select name="status" class="form-control form-control-sm">
                                    <option value="">{{ __('All') }}</option>
                                    @foreach(['pending','approved','rejected','active','closed'] as $s)
                                        <option value="{{ $s }}" @selected(request('status') === $s)>{{ $s }}</option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="form-group col-md-3">
                                <label class="small text-muted mb-1">{{ __('Outstanding') }}</label>
                                <div class="d-flex">
                                    <input type="number" step="0.01" name="outstanding_min" class="form-control form-control-sm mr-2" value="{{ request('outstanding_min') }}" placeholder="min">
                                    <input type="number" step="0.01" name="outstanding_max" class="form-control form-control-sm" value="{{ request('outstanding_max') }}" placeholder="max">
                                </div>
                            </div>
                            <div class="form-group col-md-2 d-flex align-items-end">
                                <button class="btn btn-primary btn-sm" type="submit">{{ __('Filter') }}</button>
                            </div>
                            <div class="form-group col-md-2 d-flex align-items-end">
                                <a class="btn btn-outline-secondary btn-sm" href="{{ route('pf.loans') }}">{{ __('Clear') }}</a>
                            </div>
                        </div>
                    </form>

                    <div class="table-responsive">
                        <table class="table table-bordered table-sm mb-0 pf-loans-table">
                            <thead class="thead-light">
                            <tr>
                                <th>{{ __('Employee') }}</th>
                                <th>{{ __('Status') }}</th>
                                <th class="text-right">{{ __('Principal') }}</th>
                                <th>{{ __('Period') }}</th>
                                <th class="text-right">{{ __('Installment') }}</th>
                                <th class="text-right">{{ __('Outstanding') }}</th>
                                <th>{{ __('Progress') }}</th>
                                <th>{{ __('Guarantors') }}</th>
                                <th>{{ __('Requested') }}</th>
                                <th>{{ __('Issued') }}</th>
                                <th class="text-right">{{ __('Action') }}</th>
                            </tr>
                            </thead>
                            <tbody>
                            @forelse($rows as $row)
                                @php
                                    $paidCount = $row->installments->where('status', 'paid')->count();
                                    $totalInst = $row->installments->count();
                                @endphp
                                <tr>
                                    <td>
                                        <div>{{ $row->account?->staff?->user?->name }}</div>
                                        <div class="text-muted small">{{ $row->account?->staff?->user?->id }}</div>
                                    </td>
                                    <td>{{ $row->status }}</td>
                                    <td class="text-right">{{ number_format((float)$row->principal, 2) }}</td>
                                    <td>{{ $row->loan_period_months ? $row->loan_period_months.' '.__('mo') : '—' }}</td>
                                    <td class="text-right">{{ $row->monthly_installment ? number_format((float)$row->monthly_installment, 2) : '—' }}</td>
                                    <td class="text-right">{{ number_format((float)$row->outstanding, 2) }}</td>
                                    <td class="small text-muted">
                                        @if($totalInst > 0)
                                            {{ $paidCount }}/{{ $totalInst }}
                                        @else
                                            —
                                        @endif
                                    </td>
                                    <td class="small">
                                        @forelse($row->guarantors ?? [] as $g)
                                            @if($g->user)
                                                <div>{{ $g->user->name }}({{ $g->user->id }})</div>
                                            @endif
                                        @empty
                                            <span class="text-muted">—</span>
                                        @endforelse
                                    </td>
                                    <td>{{ $row->requested_at?->format('Y-m-d') }}</td>
                                    <td>{{ $row->issued_at?->format('Y-m-d') }}</td>
                                    <td class="text-right text-nowrap">
                                        <a href="{{ route('pf.loans.print', $row->id) }}" class="btn btn-sm btn-outline-secondary" target="_blank" rel="noopener">{{ __('Print form') }}</a>
                                        @if($row->status === 'pending')
                                            <form method="post" action="{{ route('pf.loans.approve', $row->id) }}" class="d-inline">
                                                @csrf
                                                <button class="btn btn-sm btn-success" type="submit">{{ __('Approve') }}</button>
                                            </form>
                                            <form method="post" action="{{ route('pf.loans.reject', $row->id) }}" class="d-inline">
                                                @csrf
                                                <button class="btn btn-sm btn-outline-danger" type="submit">{{ __('Reject') }}</button>
                                            </form>
                                        @elseif(in_array($row->status, ['active','approved'], true) && (float) $row->outstanding > 0)
                                            <button type="button"
                                                    class="btn btn-sm btn-primary btn-pf-admin-loan-repay"
                                                    data-loan-id="{{ $row->id }}"
                                                    data-loan-label="#{{ $row->id }} — {{ $row->account?->staff?->user?->name }}">
                                                {{ __('Repay') }}
                                            </button>
                                        @else
                                            <span class="text-muted small">{{ __('No actions') }}</span>
                                        @endif
                                    </td>
                                </tr>
                            @empty
                                <tr><td colspan="11" class="text-center text-muted">{{ __('No records') }}</td></tr>
                            @endforelse
                            </tbody>
                        </table>
                    </div>

                    <div class="mt-3">
                        {{ $rows->links() }}
                    </div>
                </div>
            </div>
        </div>
    </div>

    @foreach($rows as $row)
        @if(in_array($row->status, ['active', 'approved'], true))
            <div id="pf-admin-loan-repay-{{ $row->id }}" class="d-none">
                @include('admin.pf.partials.loan_repay_modal_content', ['loan' => $row])
            </div>
        @endif
    @endforeach

    <div class="modal fade" id="pfAdminLoanRepayModal" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog modal-lg modal-dialog-scrollable" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title" id="pfAdminLoanRepayModalTitle">{{ __('Installment Repayment') }}</h5>
                    <button type="button" class="close" data-dismiss="modal" aria-label="{{ __('Close') }}">
                        <span aria-hidden="true">&times;</span>
                    </button>
                </div>
                <div class="modal-body" id="pfAdminLoanRepayModalBody"></div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary btn-sm" data-dismiss="modal">{{ __('Close') }}</button>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('script')
    <script>
        $(function () {
            $('.btn-pf-admin-loan-repay').on('click', function () {
                var loanId = $(this).data('loan-id');
                var label = $(this).data('loan-label') || ('#' + loanId);
                var $source = $('#pf-admin-loan-repay-' + loanId);
                if (!$source.length) {
                    return;
                }
                $('#pfAdminLoanRepayModalTitle').text('{{ __('Installment Repayment') }} — ' + label);
                $('#pfAdminLoanRepayModalBody').html($source.html());
                $('#pfAdminLoanRepayModal').modal('show');
            });
        });
    </script>
@endsection