@extends('admin.layouts.app')
@section('title', get_setting('site_name').' | '.__('SWF Ledger'))
@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">
                <div class="d-flex flex-wrap justify-content-between align-items-center mb-3">
                    <div>
                        <h4 class="page-title mb-0">{{ __('SWF Ledger') }}</h4>
                        <p class="text-muted mb-0 small">{{ __('All staff welfare fund ledger entries across employees.') }}</p>
                    </div>
                    <a class="btn btn-sm btn-outline-success" href="{{ route('swf.ledger.export', request()->query()) }}">
                        <i class="fas fa-file-excel mr-1"></i> {{ __('Export Excel') }}
                    </a>
                </div>

                <div class="card">
                    <div class="card-header d-flex flex-wrap align-items-center justify-content-between">
                        <span><i class="fas fa-book mr-1 text-muted"></i> {{ __('Ledger entries') }}</span>
                        @if($hasFilters ?? false)
                            <a href="{{ route('swf.ledger') }}" 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-md-6 col-lg-3">
                                    <label>{{ __('Employee') }}</label>
                                    <input type="search" name="staff_q" class="form-control" value="{{ request('staff_q') }}" placeholder="{{ __('Name or code') }}">
                                </div>
                                <div class="form-group col-6 col-md-3 col-lg-2">
                                    <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-6 col-md-3 col-lg-2">
                                    <label>{{ __('From') }}</label>
                                    <input type="date" name="from" class="form-control" value="{{ request('from') }}">
                                </div>
                                <div class="form-group col-6 col-md-3 col-lg-2">
                                    <label>{{ __('To') }}</label>
                                    <input type="date" name="to" class="form-control" value="{{ request('to') }}">
                                </div>
                                <div class="form-group col-6 col-md-3 col-lg-2">
                                    <label>{{ __('Ref') }}</label>
                                    <select name="ref_type" class="form-control">
                                        <option value="">{{ __('All') }}</option>
                                        @foreach(['payroll','swf_loan','swf_withdrawal','manual'] as $r)
                                            <option value="{{ $r }}" @selected(request('ref_type') === $r)>{{ $r }}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="form-group col-6 col-md-3 col-lg-1 mb-0">
                                    <label class="d-none d-lg-block">&nbsp;</label>
                                    <button class="btn btn-primary btn-block" type="submit"><i class="fas fa-filter"></i></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>{{ __('Employee') }}</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, 'showEmployee' => true, 'hasFilters' => $hasFilters ?? false, 'colspan' => 6])
                                </tbody>
                            </table>
                        </div>
                    </div>
                    @if($rows->hasPages())
                        <div class="card-footer">{{ $rows->links() }}</div>
                    @endif
                </div>
            </div>
        </div>
    </div>
@endsection