@extends('admin.layouts.app')
@section('title', get_setting('site_name').' | '.__('PF Statement'))
@section('content')
    @include('employee.fund.partials.emp_fund_styles', ['wrap' => 'adm-fund'])
    <div class="container-fluid adm-fund-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">{{ __('PF Statement') }}</h4>
                        <p class="text-muted mb-0 small">{{ $staff->user?->name }} ({{ $staff->user?->id }})</p>
                    </div>
                    <div class="emp-fund-toolbar">
                        <a class="btn btn-sm btn-outline-success" href="{{ route('pf.staff.statement.pdf', $staff->id) }}{{ request()->getQueryString() ? '?'.request()->getQueryString() : '' }}">
                            <i class="fas fa-file-pdf mr-1"></i> {{ __('PDF') }}
                        </a>
                        <form method="get" action="{{ route('pf.staff.yearly_certificate', $staff->id) }}" class="emp-fund-cert-form">
                            <select name="year" class="form-control form-control-sm fund-year-select">
                                @for($y = (int) date('Y'); $y >= 2020; $y--)
                                    <option value="{{ $y }}" @selected((int) request('year', date('Y')) === $y)>{{ $y }}</option>
                                @endfor
                            </select>
                            <button type="submit" class="btn btn-sm btn-outline-secondary">{{ __('Yearly certificate') }}</button>
                        </form>
                        <a class="btn btn-sm btn-outline-primary" href="{{ route('pf.accounts.edit', $staff->id) }}">{{ __('Account') }}</a>
                    </div>
                </div>

                <div class="form-row mb-3">
                    <div class="col-md-4 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>

                <div class="card">
                    <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('pf.staff.statement', $staff->id) }}" 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>{{ __('From') }}</label>
                                    <input type="date" name="from" class="form-control" value="{{ request('from') }}">
                                </div>
                                <div class="form-group col-6 col-md-3">
                                    <label>{{ __('To') }}</label>
                                    <input type="date" name="to" class="form-control" value="{{ request('to') }}">
                                </div>
                                <div class="form-group col-12 col-md-3">
                                    <label>{{ __('Type') }}</label>
                                    <select name="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>
                                @include('fund.partials.ledger_table_rows', ['rows' => $rows, 'hasFilters' => $hasFilters ?? false, 'colspan' => 5])
                                </tbody>
                            </table>
                        </div>
                    </div>
                    @if($rows->hasPages())
                        <div class="card-footer">{{ $rows->links() }}</div>
                    @endif
                </div>
            </div>
        </div>
    </div>
@endsection