@extends('layouts.app')

@section('title', 'Staff Performance Report')
@section('page-title', 'Staff Performance Report')

@section('content')

{{-- Date Range Filter --}}
<div class="card border-0 shadow-sm mb-4">
    <div class="card-body py-3">
        <form method="GET" action="{{ route('admin.reports.staff-performance') }}" class="row g-2 align-items-end">
            <div class="col-md-3">
                <label class="form-label small fw-medium mb-1">Period From</label>
                <input type="date" name="date_from" class="form-control form-control-sm"
                       value="{{ request('date_from', $dateFrom->toDateString()) }}">
            </div>
            <div class="col-md-3">
                <label class="form-label small fw-medium mb-1">Period To</label>
                <input type="date" name="date_to" class="form-control form-control-sm"
                       value="{{ request('date_to', $dateTo->toDateString()) }}">
            </div>
            <div class="col-auto d-flex gap-2">
                <button type="submit" class="btn btn-sm btn-primary">
                    <i class="bi bi-search me-1"></i>Apply
                </button>
                <a href="{{ route('admin.reports.staff-performance') }}" class="btn btn-sm btn-light">Reset</a>
            </div>
        </form>
    </div>
</div>

<div class="card border-0 shadow-sm">
    <div class="card-header bg-white py-3">
        <h6 class="fw-semibold mb-0">
            Staff Performance
            <span class="text-muted fw-normal small ms-1">
                {{ $dateFrom->format('d M Y') }} – {{ $dateTo->format('d M Y') }}
            </span>
        </h6>
    </div>

    @if($rows->isEmpty())
    <div class="card-body text-center py-5 text-muted">
        <i class="bi bi-people d-block fs-2 mb-2 opacity-25"></i>
        <p class="small mb-0">No active staff found.</p>
    </div>
    @else
    <div class="table-responsive">
        <table class="table table-hover align-middle mb-0">
            <thead class="table-light">
                <tr>
                    <th class="ps-4">Staff Member</th>
                    <th class="text-center">Active Leads</th>
                    <th class="text-center text-success">Leads Won</th>
                    <th class="text-center text-danger">Leads Lost</th>
                    <th class="text-center">Site Visits</th>
                    <th class="text-center">Clients Assigned</th>
                </tr>
            </thead>
            <tbody>
                @foreach($rows as $row)
                @php
                    /** @var \App\Models\User $user */
                    $user = $row['user'];
                @endphp
                <tr>
                    <td class="ps-4">
                        <div class="fw-medium">{{ $user->name }}</div>
                        <div class="text-muted small">{{ ucfirst($user->role) }}</div>
                    </td>
                    <td class="text-center">
                        <span class="fw-semibold">{{ $row['active_leads'] }}</span>
                    </td>
                    <td class="text-center">
                        @if($row['leads_won'] > 0)
                            <span class="fw-semibold text-success">{{ $row['leads_won'] }}</span>
                        @else
                            <span class="text-muted">0</span>
                        @endif
                    </td>
                    <td class="text-center">
                        @if($row['leads_lost'] > 0)
                            <span class="fw-semibold text-danger">{{ $row['leads_lost'] }}</span>
                        @else
                            <span class="text-muted">0</span>
                        @endif
                    </td>
                    <td class="text-center">{{ $row['site_visits'] }}</td>
                    <td class="text-center">{{ $row['clients_assigned'] }}</td>
                </tr>
                @endforeach
            </tbody>
            <tfoot class="table-light">
                <tr>
                    <td class="ps-4 fw-semibold">Total</td>
                    <td class="text-center fw-semibold">{{ $rows->sum('active_leads') }}</td>
                    <td class="text-center fw-semibold text-success">{{ $rows->sum('leads_won') }}</td>
                    <td class="text-center fw-semibold text-danger">{{ $rows->sum('leads_lost') }}</td>
                    <td class="text-center fw-semibold">{{ $rows->sum('site_visits') }}</td>
                    <td class="text-center fw-semibold">{{ $rows->sum('clients_assigned') }}</td>
                </tr>
            </tfoot>
        </table>
    </div>
    @endif
</div>

@endsection