@extends('employee.layouts.app')
@section('title', get_setting('site_name').' | '.__('My PF'))
@section('content')
    @include('employee.fund.partials.emp_fund_styles', ['wrap' => 'emp-pf'])
    <div class="container-fluid emp-pf-wrap">
        <div class="row mt-3">
            <div class="col-12 col-xl-11 mx-auto">

                <div class="d-flex flex-wrap justify-content-between align-items-center mb-3">
                    <div>
                        <h4 class="page-title mb-0">{{ __('My Provident Fund (PF)') }}</h4>
                        <p class="text-muted mb-0 small">{{ __('View balance, statement, loans, and submit requests.') }}</p>
                    </div>
                    <div class="emp-fund-toolbar">
                        <a class="btn btn-sm btn-outline-success" href="{{ route('employee.pf.statement.pdf', request()->query()) }}">
                            <i class="fas fa-file-pdf mr-1"></i> {{ __('PDF') }}
                        </a>
                        <a class="btn btn-sm btn-outline-primary" href="{{ route('employee.pf.statement.excel', request()->query()) }}">
                            <i class="fas fa-file-excel mr-1"></i> {{ __('Excel') }}
                        </a>
                        <form method="get" action="{{ route('employee.pf.yearly_certificate') }}" class="emp-fund-cert-form">
                            <select name="fiscal_year_end" class="form-control form-control-sm fund-year-select">
                                @for($y = (int) date('Y') + 1; $y >= 2020; $y--)
                                    <option value="{{ $y }}" @selected((int) request('fiscal_year_end', $defaultFiscalYearEnd ?? date('Y')) === $y)>30.06.{{ $y }}</option>
                                @endfor
                            </select>
                            <button type="submit" class="btn btn-sm btn-outline-secondary">{{ __('Yearly certificate') }}</button>
                        </form>
                    </div>
                </div>

                @if (session()->has('message'))
                    <div class="alert alert-success">{{ session('message') }}</div>
                @endif
                @if (session()->has('error'))
                    <div class="alert alert-danger">{{ session('error') }}</div>
                @endif

                @if(!empty($closedFinanceYears) && $closedFinanceYears->isNotEmpty())
                    <div class="card mb-3">
                        <div class="card-header py-2">
                            <i class="fas fa-archive mr-1 text-muted"></i> {{ __('Closed finance year statements') }}
                        </div>
                        <div class="card-body py-2">
                            <div class="d-flex flex-wrap" style="gap:6px;">
                                @foreach($closedFinanceYears as $snap)
                                    <a class="btn btn-sm btn-outline-primary"
                                       href="{{ route('employee.pf.finance_year_statement', $snap->id) }}"
                                       target="_blank">FY {{ $snap->financeYear?->fiscal_year_end }}</a>
                                @endforeach
                            </div>
                        </div>
                    </div>
                @endif

                <div class="form-row mb-3">
                    <div class="col-6 col-md-3 mb-2">
                        <div class="emp-fund-stat">
                            <div class="num text-primary">{{ number_format((float) $balance, 2) }}</div>
                            <div class="lbl">{{ __('Current balance') }}</div>
                        </div>
                    </div>
                    <div class="col-6 col-md-3 mb-2">
                        <div class="emp-fund-stat">
                            <div class="num text-info">{{ number_format((float) $totalEmp, 2) }}</div>
                            <div class="lbl">{{ __('Employee contrib') }}</div>
                        </div>
                    </div>
                    <div class="col-6 col-md-3 mb-2">
                        <div class="emp-fund-stat">
                            <div class="num text-success">{{ number_format((float) $totalEmployer, 2) }}</div>
                            <div class="lbl">{{ __('Employer contrib') }}</div>
                        </div>
                    </div>
                    <div class="col-6 col-md-3 mb-2">
                        <div class="emp-fund-stat">
                            <div class="num text-danger">{{ number_format((float) $outstandingLoan, 2) }}</div>
                            <div class="lbl">{{ __('Outstanding loan') }}</div>
                        </div>
                    </div>
                </div>

                <div class="card mb-3">
                    <div class="card-header d-flex flex-wrap align-items-center justify-content-between">
                        <span><i class="fas fa-list-alt mr-1 text-muted"></i> {{ __('Statement') }}</span>
                        @if($hasFilters ?? false)
                            <a href="{{ route('employee.pf') }}" class="btn btn-sm btn-outline-secondary">{{ __('Clear filters') }}</a>
                        @endif
                    </div>
                    <form method="get">
                        <div class="emp-fund-filters">
                            <div class="form-row align-items-end">
                                <div class="form-group col-6 col-md-3">
                                    <label for="pf_from">{{ __('From') }}</label>
                                    <input type="date" name="from" id="pf_from" class="form-control" value="{{ request('from') }}">
                                </div>
                                <div class="form-group col-6 col-md-3">
                                    <label for="pf_to">{{ __('To') }}</label>
                                    <input type="date" name="to" id="pf_to" class="form-control" value="{{ request('to') }}">
                                </div>
                                <div class="form-group col-12 col-md-3">
                                    <label for="pf_type">{{ __('Type') }}</label>
                                    <select name="type" id="pf_type" class="form-control">
                                        <option value="">{{ __('All types') }}</option>
                                        @foreach(['OPENING_BALANCE','INTEREST','CONTRIB_EMP','CONTRIB_EMPLOYER','LOAN_DISBURSE','LOAN_REPAY','LOAN_SERVICE_CHARGE','WITHDRAWAL','ADJUST'] as $t)
                                            <option value="{{ $t }}" @selected(request('type') === $t)>{{ $t }}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="form-group col-12 col-md-3 mb-0">
                                    <label class="d-none d-md-block">&nbsp;</label>
                                    <button class="btn btn-primary btn-block" type="submit">
                                        <i class="fas fa-filter"></i> {{ __('Filter') }}
                                    </button>
                                </div>
                            </div>
                        </div>
                    </form>
                    <div class="card-body p-2">
                        <div class="table-responsive">
                            <table class="table table-hover emp-fund-table">
                                <thead class="thead-light">
                                <tr>
                                    <th>{{ __('Date') }}</th>
                                    <th>{{ __('Type') }}</th>
                                    <th class="text-right">{{ __('Amount') }}</th>
                                    <th>{{ __('Ref') }}</th>
                                    <th>{{ __('Notes') }}</th>
                                </tr>
                                </thead>
                                <tbody>
                                @forelse($rows as $row)
                                    <tr>
                                        <td class="emp-fund-money font-weight-bold">{{ $row->entry_date?->format('Y-m-d') }}</td>
                                        <td><span class="badge badge-light border">{{ $row->type }}</span></td>
                                        <td class="emp-fund-money text-right font-weight-bold {{ $row->amount < 0 ? 'text-danger' : 'text-success' }}">
                                            {{ number_format((float) $row->amount, 2) }}
                                        </td>
                                        <td class="small">
                                            @include('fund.partials.ledger_ref_cell', ['row' => $row])
                                        </td>
                                        <td class="emp-fund-notes">{{ $row->notes ?: '—' }}</td>
                                    </tr>
                                @empty
                                    <tr>
                                        <td colspan="5" class="emp-fund-empty">
                                            @if($hasFilters ?? false)
                                                {{ __('No records match your filters.') }}
                                            @else
                                                {{ __('No records yet.') }}
                                            @endif
                                        </td>
                                    </tr>
                                @endforelse
                                </tbody>
                            </table>
                        </div>
                    </div>
                    @if($rows->hasPages())
                        <div class="card-footer">{{ $rows->links() }}</div>
                    @endif
                </div>

                <div class="card mb-3">
                    <div class="card-header d-flex flex-wrap align-items-center justify-content-between">
                        <span><i class="fas fa-hand-holding-usd mr-1 text-muted"></i> {{ __('Loan history') }}</span>
                        <span class="text-muted small">{{ __('View details per loan') }}</span>
                    </div>
                    <div class="card-body p-2">
                        <div class="table-responsive">
                            <table class="table table-hover emp-fund-table">
                                <thead class="thead-light">
                                <tr>
                                    <th>{{ __('Loan') }}</th>
                                    <th>{{ __('Status') }}</th>
                                    <th class="text-right">{{ __('Principal') }}</th>
                                    <th class="text-right">{{ __('Outstanding') }}</th>
                                    <th>{{ __('Period') }}</th>
                                    <th>{{ __('Progress') }}</th>
                                    <th>{{ __('Requested') }}</th>
                                    <th class="text-right">{{ __('Action') }}</th>
                                </tr>
                                </thead>
                                <tbody>
                                @forelse($loans as $loan)
                                    @php
                                        $paidCount = $loan->installments->where('status', 'paid')->count();
                                        $totalInst = $loan->installments->count();
                                        $statusBadge = match ($loan->status) {
                                            'active' => 'active',
                                            'pending' => 'pending',
                                            'closed' => 'closed',
                                            'rejected' => 'rejected',
                                            default => 'default',
                                        };
                                    @endphp
                                    <tr>
                                        <td class="font-weight-bold">#{{ $loan->id }}</td>
                                        <td><span class="emp-fund-badge {{ $statusBadge }}">{{ ucfirst($loan->status) }}</span></td>
                                        <td class="emp-fund-money text-right">{{ number_format((float) $loan->principal, 2) }}</td>
                                        <td class="emp-fund-money text-right">{{ number_format((float) $loan->outstanding, 2) }}</td>
                                        <td>{{ $loan->loan_period_months ? $loan->loan_period_months.' '.__('mo') : '—' }}</td>
                                        <td class="small text-muted">
                                            @if($totalInst > 0)
                                                {{ $paidCount }}/{{ $totalInst }} {{ __('paid') }}
                                            @else
                                                —
                                            @endif
                                        </td>
                                        <td class="emp-fund-money">{{ $loan->requested_at?->format('Y-m-d') ?? '—' }}</td>
                                        <td class="text-right emp-fund-actions">
                                            <button type="button" class="btn btn-sm btn-primary btn-pf-loan-detail"
                                                    data-loan-id="{{ $loan->id }}" data-loan-label="#{{ $loan->id }}">
                                                <i class="fas fa-eye"></i> {{ __('View') }}
                                            </button>
                                        </td>
                                    </tr>
                                @empty
                                    <tr><td colspan="8" class="emp-fund-empty">{{ __('No loan records yet.') }}</td></tr>
                                @endforelse
                                </tbody>
                            </table>
                        </div>
                    </div>
                </div>

                @foreach($loans as $loan)
                    <div id="pf-loan-detail-{{ $loan->id }}" class="d-none">
                        @include('employee.pf.partials.loan_detail_content', [
                            'loan' => $loan,
                            'repayments' => $repayments,
                            'fundSettings' => $pfSettings ?? null,
                        ])
                    </div>
                @endforeach

                <div class="row">
                    @if($loansEnabled ?? true)
                        <div class="col-lg-6 mb-3">
                            <div class="card h-100">
                                <div class="card-header"><i class="fas fa-file-invoice-dollar mr-1 text-muted"></i> {{ __('Request PF loan') }}</div>
                                <div class="card-body">
                                    <form method="post" action="{{ route('employee.pf.loan.request') }}" id="pf-loan-request-form">
                                        @csrf
                                        <div class="row emp-fund-modal-row">
                                            <div class="col-md-6 mb-3 mb-md-0">
                                                <div class="emp-fund-form-section h-100">
                                                    <div class="emp-fund-form-section-title">{{ __('Loan amount') }}</div>
                                                    <div class="form-group mb-0">
                                                        <label class="emp-fund-label d-flex align-items-center flex-wrap" style="gap: .35rem;">
                                                            <span>{{ __('Amount') }} <span class="text-danger">*</span></span>
                                                            @if($maxLoanAllowed !== null)
                                                                <span class="badge badge-info">{{ __('Max') }}: {{ number_format($maxLoanAllowed, 2) }}</span>
                                                            @endif
                                                        </label>
                                                        <input type="number" step="0.01" min="1"
                                                               @if($maxLoanAllowed !== null) max="{{ $maxLoanAllowed }}" @endif
                                                               name="amount" id="pf_loan_amount" class="form-control"
                                                               value="{{ old('amount') }}" required>
                                                        @if($maxLoanAllowed !== null)
                                                            <small class="text-muted d-block mt-1">{{ __('You can borrow up to :amount based on your PF balance.', ['amount' => number_format($maxLoanAllowed, 2)]) }}</small>
                                                        @endif
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-md-6">
                                                <div class="emp-fund-form-section h-100">
                                                    <div class="emp-fund-form-section-title">{{ __('Repayment mode') }}</div>
                                                    <div class="form-group mb-0">
                                                        <label class="emp-fund-label">{{ __('Mode') }} <span class="text-danger">*</span></label>
                                                        <select name="repayment_mode" class="form-control" required>
                                                            <option value="">{{ __('Select') }}</option>
                                                            <option value="payroll" @selected(old('repayment_mode') === 'payroll')>{{ __('Payroll') }}</option>
                                                            <option value="manual" @selected(old('repayment_mode') === 'manual')>{{ __('Manual') }}</option>
                                                            <option value="either" @selected(old('repayment_mode', 'either') === 'either')>{{ __('Either') }}</option>
                                                        </select>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="emp-fund-form-section">
                                            <div class="emp-fund-form-section-title">{{ __('Repayment schedule') }}</div>
                                            <div class="row">
                                                <div class="col-md-6 form-group">
                                                    <label class="emp-fund-label">{{ __('Loan period (months)') }} <span class="text-danger">*</span></label>
                                                    <select name="loan_period_months" id="pf_loan_period" class="form-control" required>
                                                        <option value="">{{ __('Select period') }}</option>
                                                        @foreach(\App\Services\PfLoanService::LOAN_PERIODS as $months)
                                                            <option value="{{ $months }}" @selected((int) old('loan_period_months') === $months)>{{ $months }} {{ __('months') }}</option>
                                                        @endforeach
                                                    </select>
                                                </div>
                                                <div class="col-md-6 form-group mb-md-0">
                                                    <label class="emp-fund-label">{{ __('Monthly installment') }}</label>
                                                    <input type="text" id="pf_loan_installment_preview" class="form-control" readonly placeholder="{{ __('Select amount and period') }}">
                                                    <small class="text-muted d-block mt-1">
                                                        @if(\App\Support\LoanCalculationMethod::isAmortization($loanCalculationMethod ?? null))
                                                            {{ __('Estimated scheduled monthly payment (principal + interest) after approval.') }}
                                                        @else
                                                            {{ __('Estimated equal monthly principal after approval.') }}
                                                        @endif
                                                    </small>
                                                    <small class="text-muted d-block">{{ __('Loan service charge :pct% yearly per installment if paid on/after the 16th of the due month; no charge if paid by the 15th.', ['pct' => number_format($loanServiceChargeYearlyPercent, 2)]) }}</small>
                                                </div>
                                            </div>
                                        </div>
                                        @if(!empty($guarantorStaff) && count($guarantorStaff))
                                            <div class="emp-fund-form-section">
                                                <div class="emp-fund-form-section-title">{{ __('Guarantors') }}</div>
                                                <div class="form-group mb-0">
                                                    <label class="emp-fund-label">
                                                        {{ __('Select guarantors') }}
                                                        @if(($minLoanGuarantors ?? 0) > 0)
                                                            <span class="text-danger">*</span>
                                                            <span class="text-muted">({{ __('minimum :n', ['n' => $minLoanGuarantors]) }})</span>
                                                        @else
                                                            <span class="text-muted">({{ __('optional') }})</span>
                                                        @endif
                                                    </label>
                                                    <select name="guarantors[]" id="pf_loan_guarantors" class="form-control select2" multiple
                                                            @if(($minLoanGuarantors ?? 0) > 0) required @endif
                                                            data-placeholder="{{ ($minLoanGuarantors ?? 0) > 0 ? __('Select at least :n employees', ['n' => $minLoanGuarantors]) : __('Select guarantors (optional)') }}"
                                                            data-min-guarantors="{{ $minLoanGuarantors ?? 0 }}">
                                                        @foreach($guarantorStaff as $gStaff)
                                                            @if($gStaff->user)
                                                                <option value="{{ $gStaff->user->id }}"
                                                                    @selected(collect(old('guarantors', []))->map(fn ($v) => (int) $v)->contains((int) $gStaff->user->id))>
                                                                    {{ $gStaff->user->name }}({{ $gStaff->user->id }})
                                                                </option>
                                                            @endif
                                                        @endforeach
                                                    </select>
                                                </div>
                                            </div>
                                        @endif
                                        <div class="form-group">
                                            <label class="emp-fund-label">{{ __('Reason') }} <span class="text-danger">*</span></label>
                                            <textarea name="reason" class="form-control" rows="3" required>{{ old('reason') }}</textarea>
                                        </div>
                                        <button class="btn btn-primary" type="submit">
                                            <i class="fas fa-paper-plane mr-1"></i> {{ __('Submit loan request') }}
                                        </button>
                                    </form>
                                </div>
                            </div>
                        </div>
                    @else
                        <div class="col-12 mb-3">
                            <div class="alert alert-info mb-0">{{ __('PF loan requests are currently disabled by your organization.') }}</div>
                        </div>
                    @endif

                    @if($withdrawalsEnabled ?? true)
                        <div class="col-lg-6 mb-3">
                            <div class="card h-100">
                                <div class="card-header"><i class="fas fa-wallet mr-1 text-muted"></i> {{ __('Request withdrawal') }}</div>
                                <div class="card-body">
                                    <form method="post" action="{{ route('employee.pf.withdrawal.request') }}">
                                        @csrf
                                        <div class="emp-fund-form-section">
                                            <div class="emp-fund-form-section-title">{{ __('Withdrawal details') }}</div>
                                            <div class="form-group">
                                                <label class="emp-fund-label">{{ __('Amount') }} <span class="text-danger">*</span></label>
                                                <input type="number" step="0.01" min="1" name="amount" class="form-control" required>
                                            </div>
                                            <div class="form-group mb-0">
                                                <label class="emp-fund-label">{{ __('Reason') }}</label>
                                                <textarea name="reason" class="form-control" rows="3" placeholder="{{ __('Optional reason for withdrawal') }}"></textarea>
                                            </div>
                                        </div>
                                        <button class="btn btn-primary" type="submit">
                                            <i class="fas fa-paper-plane mr-1"></i> {{ __('Submit withdrawal request') }}
                                        </button>
                                    </form>
                                </div>
                            </div>
                        </div>
                    @else
                        <div class="col-12 mb-3">
                            <div class="alert alert-info mb-0">{{ __('PF withdrawal requests are currently disabled by your organization.') }}</div>
                        </div>
                    @endif
                </div>

            </div>
        </div>
    </div>

    <div class="modal fade emp-fund-modal" id="pfLoanDetailModal" tabindex="-1" role="dialog" aria-labelledby="pfLoanDetailModalLabel" 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 font-weight-bold" id="pfLoanDetailModalLabel">{{ __('Loan details') }}</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="pfLoanDetailModalBody"></div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-light btn-sm" data-dismiss="modal">{{ __('Close') }}</button>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('script')
    <script>
        $(function () {
            var $guarantors = $('#pf_loan_guarantors');
            if ($guarantors.length && $.fn.select2) {
                $guarantors.select2({ width: '100%', placeholder: $guarantors.data('placeholder') });
            }
            $('#pf-loan-request-form').on('submit', function (e) {
                if (!$guarantors.length) return;
                var minG = parseInt($guarantors.data('min-guarantors') || 0, 10);
                var selected = ($guarantors.val() || []).length;
                if (minG > 0 && selected < minG) {
                    e.preventDefault();
                    toastr.error('{{ __('Please select at least') }} ' + minG + ' {{ __('guarantors.') }}');
                }
            });
            $('.btn-pf-loan-detail').on('click', function () {
                var loanId = $(this).data('loan-id');
                var label = $(this).data('loan-label') || ('#' + loanId);
                var $source = $('#pf-loan-detail-' + loanId);
                if (!$source.length) return;
                $('#pfLoanDetailModalLabel').text('{{ __('Loan') }} ' + label);
                $('#pfLoanDetailModalBody').html($source.html());
                $('#pfLoanDetailModal').modal('show');
            });
        });
    </script>
    @include('admin.fund.partials.loan_installment_preview_js', [
        'loanCalculationMethod' => $loanCalculationMethod ?? null,
        'loanAnnualInterestRate' => $loanAnnualInterestRate ?? 0,
        'amountInputId' => 'pf_loan_amount',
        'periodInputId' => 'pf_loan_period',
        'previewInputId' => 'pf_loan_installment_preview',
    ])
@endsection