@extends('backEnd.layouts.master')
@section('title', 'Employee Reports')

@push('styles')
@include('backEnd.reports.partials.report-styles')
<style>
.er-type-tabs { display:flex; flex-wrap:wrap; gap:6px; margin-bottom:14px; }
.er-type-tab {
    display:inline-flex; align-items:center; gap:6px;
    padding:7px 12px; border-radius:6px; border:1px solid #d1d5db;
    background:#fff; color:#374151; font-size:12px; font-weight:600; text-decoration:none;
}
.er-type-tab.is-active { background:#2563eb; border-color:#2563eb; color:#fff; }
.er-columns-wrap {
    background:#f9fafb; border:1px solid #e5e7eb; border-radius:6px;
    padding:12px; max-height:160px; overflow:auto;
}
.er-columns-wrap label { font-size:12px; margin-right:12px; white-space:nowrap; }
</style>
@endpush

@section('content')
@php
    $queryBase = request()->except(['export']);
    $exportParams = array_merge($queryBase, ['export' => 'csv']);
@endphp

<div class="container-fluid py-3">
    <div class="d-flex justify-content-between align-items-center mb-3 flex-wrap gap-2">
        <div>
            <h4 class="rp-page-title mb-0">Employee Reports</h4>
            <small class="text-muted">Performance, calls, confirm/cancel, commission, wallet, withdraw — আলাদা report + column select</small>
        </div>
        <a href="{{ route('admin.reports.employees', $exportParams) }}" class="btn btn-success btn-sm rp-export-btn">
            <i class="fas fa-file-csv me-1"></i> Export CSV
        </a>
    </div>

    <div class="er-type-tabs">
        @foreach($reportTypes as $key => $label)
        <a href="{{ route('admin.reports.employees', array_merge(request()->except('page'), ['type' => $key])) }}"
           class="er-type-tab {{ $type === $key ? 'is-active' : '' }}">{{ $label }}</a>
        @endforeach
    </div>

    <div class="rp-filter-card mb-3">
        <form method="GET" action="{{ route('admin.reports.employees') }}" class="row g-2 align-items-end">
            <input type="hidden" name="type" value="{{ $type }}">
            <div class="col-md-2">
                <label class="form-label small fw-semibold mb-1">From</label>
                <input type="date" name="from_date" class="form-control form-control-sm" value="{{ $from }}">
            </div>
            <div class="col-md-2">
                <label class="form-label small fw-semibold mb-1">To</label>
                <input type="date" name="to_date" class="form-control form-control-sm" value="{{ $to }}">
            </div>
            <div class="col-md-3">
                <label class="form-label small fw-semibold mb-1">Employee</label>
                <select name="user_id" class="form-select form-select-sm">
                    <option value="">All Employees</option>
                    @foreach($employees as $emp)
                    <option value="{{ $emp->id }}" {{ (int) ($filters['user_id'] ?? 0) === (int) $emp->id ? 'selected' : '' }}>{{ $emp->name }}</option>
                    @endforeach
                </select>
            </div>
            @if($type === 'activity')
            <div class="col-md-2">
                <label class="form-label small fw-semibold mb-1">Event Type</label>
                <select name="event_type" class="form-select form-select-sm">
                    <option value="">All Types</option>
                    @foreach(\App\Models\StaffPerformanceEvent::typeLabels() as $k => $lbl)
                    <option value="{{ $k }}" {{ ($filters['event_type'] ?? '') === $k ? 'selected' : '' }}>{{ $lbl }}</option>
                    @endforeach
                </select>
            </div>
            @endif
            @if($type === 'commission')
            <div class="col-md-2">
                <label class="form-label small fw-semibold mb-1">Commission Status</label>
                <select name="commission_status" class="form-select form-select-sm">
                    <option value="all">All</option>
                    @foreach(['pending' => 'Pending', 'earned' => 'Earned', 'void' => 'Void'] as $k => $lbl)
                    <option value="{{ $k }}" {{ ($filters['commission_status'] ?? '') === $k ? 'selected' : '' }}>{{ $lbl }}</option>
                    @endforeach
                </select>
            </div>
            @endif
            @if($type === 'withdraw')
            <div class="col-md-2">
                <label class="form-label small fw-semibold mb-1">Withdraw Status</label>
                <select name="withdraw_status" class="form-select form-select-sm">
                    <option value="all">All</option>
                    @foreach(['pending' => 'Pending', 'approved' => 'Approved', 'paid' => 'Paid', 'rejected' => 'Rejected'] as $k => $lbl)
                    <option value="{{ $k }}" {{ ($filters['withdraw_status'] ?? '') === $k ? 'selected' : '' }}>{{ $lbl }}</option>
                    @endforeach
                </select>
            </div>
            @endif
            <div class="col-auto">
                <button type="submit" class="btn btn-primary btn-sm"><i class="fas fa-filter me-1"></i> Apply</button>
            </div>
        </form>
    </div>

    <form method="GET" action="{{ route('admin.reports.employees') }}" class="rp-filter-card mb-3">
        <input type="hidden" name="type" value="{{ $type }}">
        <input type="hidden" name="from_date" value="{{ $from }}">
        <input type="hidden" name="to_date" value="{{ $to }}">
        <input type="hidden" name="user_id" value="{{ $filters['user_id'] ?? '' }}">
        @if(!empty($filters['event_type']))<input type="hidden" name="event_type" value="{{ $filters['event_type'] }}">@endif
        @if(!empty($filters['commission_status']))<input type="hidden" name="commission_status" value="{{ $filters['commission_status'] }}">@endif
        @if(!empty($filters['withdraw_status']))<input type="hidden" name="withdraw_status" value="{{ $filters['withdraw_status'] }}">@endif
        <label class="form-label small fw-semibold mb-2"><i class="fas fa-columns me-1"></i> Columns (check/uncheck — export-এও apply)</label>
        <div class="er-columns-wrap">
            @foreach($columnDefinitions as $key => $label)
            <label><input type="checkbox" name="columns[]" value="{{ $key }}" {{ in_array($key, $selectedColumns, true) ? 'checked' : '' }}> {{ $label }}</label>
            @endforeach
        </div>
        <button type="submit" class="btn btn-outline-secondary btn-sm mt-2">Update Columns</button>
    </form>

    @if(!empty($summary))
    <div class="row g-3 mb-3">
        @foreach($summary as $label => $value)
        <div class="col-6 col-md-4 col-lg-2">
            <div class="rp-stat-card rp-stat-teal">
                <div class="label">{{ ucwords(str_replace('_', ' ', $label)) }}</div>
                <div class="value">
                    @if(is_float($value) && ! str_contains($label, 'rate') && ! str_contains($label, 'count') && $label !== 'employees' && $label !== 'rows')
                        {{ number_format($value, str_contains($label, 'amount') || str_contains($label, 'commission') || str_contains($label, 'balance') || str_contains($label, 'earned') || str_contains($label, 'withdrawn') || str_contains($label, 'pending') || str_contains($label, 'paid') ? 0 : 2) }}
                        @if(str_contains($label, 'amount') || str_contains($label, 'commission') || str_contains($label, 'balance') || str_contains($label, 'earned') || str_contains($label, 'withdrawn') || str_contains($label, 'pending') || str_contains($label, 'paid')) ৳ @endif
                    @else
                        {{ number_format($value) }}
                    @endif
                </div>
            </div>
        </div>
        @endforeach
    </div>
    @endif

    <div class="rp-panel">
        <div class="table-responsive">
            <table class="rp-table">
                <thead>
                    <tr>
                        @foreach($selectedColumns as $col)
                        @if(isset($columnDefinitions[$col]))
                        <th>{{ $columnDefinitions[$col] }}</th>
                        @endif
                        @endforeach
                    </tr>
                </thead>
                <tbody>
                    @forelse($rows as $row)
                    <tr>
                        @foreach($selectedColumns as $col)
                        @if(!isset($columnDefinitions[$col])) @continue @endif
                        @php
                            $val = is_array($row) ? ($row[$col] ?? '—') : '—';
                            $isMoney = str_contains($col, 'amount') || str_contains($col, 'balance') || str_contains($col, 'earned') || str_contains($col, 'withdrawn') || str_contains($col, 'commission') || $col === 'line_total' || $col === 'avg_confirm_value';
                        @endphp
                        <td>
                            @if($val === '' || $val === null)
                                —
                            @elseif(is_numeric($val) && $isMoney)
                                ৳{{ number_format((float) $val, fmod((float) $val, 1) != 0 ? 2 : 0) }}
                            @else
                                {{ $val }}
                            @endif
                        </td>
                        @endforeach
                    </tr>
                    @empty
                    <tr><td colspan="{{ max(count($selectedColumns), 1) }}" class="text-center text-muted py-4">No data for selected filters.</td></tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>
</div>
@endsection