@extends('admin.layouts.app')
@section('title', get_setting('site_name').' | '.__('SWF Accounts'))
@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 Accounts') }}</h4>
                        <p class="text-muted mb-0 small">{{ __('Manage employee staff welfare fund enrollment and contribution rates.') }}</p>
                    </div>
                    <a href="{{ route('swf.settings') }}" class="btn btn-sm btn-outline-primary">
                        <i class="fas fa-cog mr-1"></i> {{ __('SWF Settings') }}
                    </a>
                </div>

                <div class="card">
                    <div class="card-header d-flex flex-wrap align-items-center justify-content-between">
                        <span><i class="fas fa-users mr-1 text-muted"></i> {{ __('Employee accounts') }}</span>
                        @if($hasFilters ?? false)
                            <a href="{{ route('swf.accounts') }}" 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>{{ __('Enrolled') }}</label>
                                    <select name="enrolled" class="form-control">
                                        <option value="">{{ __('All') }}</option>
                                        <option value="1" @selected(request('enrolled') === '1')>{{ __('Yes') }}</option>
                                        <option value="0" @selected(request('enrolled') === '0')>{{ __('No') }}</option>
                                    </select>
                                </div>
                                <div class="form-group col-6 col-md-3 col-lg-2">
                                    <label>{{ __('Settled employees') }}</label>
                                    <select name="show_settled" class="form-control">
                                        <option value="">{{ __('Hide') }}</option>
                                        <option value="1" @selected(request('show_settled') === '1')>{{ __('Show') }}</option>
                                    </select>
                                </div>
                                @unless(\App\Support\BranchWiseFeature::appliesToUser())
                                    <div class="form-group col-6 col-md-3 col-lg-2">
                                        <label>{{ __('Branch') }}</label>
                                        <select name="warehouse_id" class="form-control">
                                            <option value="">{{ __('All') }}</option>
                                            @foreach($warehouses as $wh)
                                                <option value="{{ $wh->id }}" @selected((string) request('warehouse_id') === (string) $wh->id)>{{ $wh->name }}</option>
                                            @endforeach
                                        </select>
                                    </div>
                                @endunless
                                <div class="form-group col-6 col-md-3 col-lg-2">
                                    <label>{{ __('Department') }}</label>
                                    <select name="department_id" class="form-control">
                                        <option value="">{{ __('All') }}</option>
                                        @foreach($departments as $d)
                                            <option value="{{ $d->id }}" @selected((string) request('department_id') === (string) $d->id)>{{ $d->name }}</option>
                                        @endforeach
                                    </select>
                                </div>
                                <div class="form-group col-md-6 col-lg-3">
                                    <label>{{ __('Employee rate (%)') }}</label>
                                    <div class="d-flex" style="gap: 8px;">
                                        <input type="number" step="0.001" name="employee_rate_min" class="form-control" value="{{ request('employee_rate_min') }}" placeholder="{{ __('Min') }}">
                                        <input type="number" step="0.001" name="employee_rate_max" class="form-control" value="{{ request('employee_rate_max') }}" placeholder="{{ __('Max') }}">
                                    </div>
                                </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 mb-0">
                                <thead class="thead-light">
                                <tr>
                                    <th>{{ __('Employee') }}</th>
                                    <th>{{ __('Branch') }}</th>
                                    <th>{{ __('Department') }}</th>
                                    <th>{{ __('Enrolled') }}</th>
                                    <th class="text-right">{{ __('Emp %') }}</th>
                                    <th class="text-right">{{ __('Empr %') }}</th>
                                    <th>{{ __('Status') }}</th>
                                    <th class="text-right">{{ __('Action') }}</th>
                                </tr>
                                </thead>
                                <tbody>
                                @forelse($rows as $staff)
                                    @php
                                        $acc = $staff->swfAccount;
                                        $isEnrolled = $acc && $acc->is_enrolled && $acc->status === 'active';
                                        $eligibility = app(\App\Services\FundStaffEligibilityService::class);
                                        $sepLabel = $eligibility->separationStatusLabel($staff);
                                        $sepKind = $eligibility->separationStatusKind($staff);
                                    @endphp
                                    <tr>
                                        <td>
                                            @include('admin.fund.partials.staff_cell', [
                                                'name' => $staff->user?->name,
                                                'code' => $staff->user?->id,
                                                'sepLabel' => $sepLabel,
                                                'sepKind' => $sepKind,
                                            ])
                                        </td>
                                        <td>{{ $staff->warehouse?->name ?? '—' }}</td>
                                        <td>{{ $staff->department?->name ?? '—' }}</td>
                                        <td>
                                            <span class="emp-fund-badge {{ $isEnrolled ? 'enrolled-yes' : 'enrolled-no' }}">
                                                {{ $isEnrolled ? __('Yes') : __('No') }}
                                            </span>
                                        </td>
                                        <td class="text-right emp-fund-money">{{ $acc?->employee_rate ?? '—' }}</td>
                                        <td class="text-right emp-fund-money">{{ $acc?->employer_rate ?? '—' }}</td>
                                        <td>@include('admin.fund.partials.fund_status_badge', ['status' => $acc?->status ?? '—'])</td>
                                        <td class="text-right">
                                            <div class="emp-fund-actions">
                                                <a class="btn btn-sm btn-outline-primary" href="{{ route('swf.accounts.edit', $staff->id) }}">{{ __('Edit') }}</a>
                                                <a class="btn btn-sm btn-outline-info" href="{{ route('swf.staff.statement', $staff->id) }}">{{ __('Statement') }}</a>
                                            </div>
                                        </td>
                                    </tr>
                                @empty
                                    <tr>
                                        <td colspan="8" class="emp-fund-empty">
                                            {{ ($hasFilters ?? false) ? __('No accounts match your filters.') : __('No employee accounts found.') }}
                                        </td>
                                    </tr>
                                @endforelse
                                </tbody>
                            </table>
                        </div>
                    </div>
                    @if($rows->hasPages())
                        <div class="card-footer">{{ $rows->links() }}</div>
                    @endif
                </div>
            </div>
        </div>
    </div>
@endsection