@extends('backEnd.layouts.master')
@section('title', 'Moderator Report — ' . $moderator->name)

@section('content')
<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="mb-0 fw-bold">{{ $moderator->name }}</h4>
            <small class="text-muted">{{ $moderator->user?->email }} · Detailed moderator report</small>
        </div>
        <a href="{{ route('admin.support.reports', ['from' => $from, 'to' => $to]) }}" class="btn btn-outline-secondary btn-sm">
            <i class="fas fa-arrow-left me-1"></i> All Moderators
        </a>
    </div>

    <form method="GET" class="card shadow-sm border-0 mb-3">
        <div class="card-body row g-2 align-items-end">
            <div class="col-md-3">
                <label class="form-label small">From</label>
                <input type="date" name="from" class="form-control form-control-sm" value="{{ $from }}">
            </div>
            <div class="col-md-3">
                <label class="form-label small">To</label>
                <input type="date" name="to" class="form-control form-control-sm" value="{{ $to }}">
            </div>
            <div class="col-md-2">
                <button class="btn btn-primary btn-sm">Filter</button>
            </div>
        </div>
    </form>

    @if($summary)
    <div class="row g-3 mb-3">
        <div class="col-md-2 col-6">
            <div class="card shadow-sm border-0"><div class="card-body py-2"><div class="small text-muted">Screen Time</div><div class="fw-bold">{{ $summary['screen_label'] }}</div></div></div>
        </div>
        <div class="col-md-2 col-6">
            <div class="card shadow-sm border-0"><div class="card-body py-2"><div class="small text-muted">Duty Scheduled</div><div class="fw-bold">{{ $summary['scheduled_label'] }}</div></div></div>
        </div>
        <div class="col-md-2 col-6">
            <div class="card shadow-sm border-0"><div class="card-body py-2"><div class="small text-muted">On Duty Screen</div><div class="fw-bold">{{ $summary['online_in_duty_label'] }}</div></div></div>
        </div>
        <div class="col-md-2 col-6">
            <div class="card shadow-sm border-0"><div class="card-body py-2"><div class="small text-muted">Duty Compliance</div><div class="fw-bold">{{ $summary['scheduled_seconds'] > 0 ? $summary['duty_compliance'] . '%' : '—' }}</div></div></div>
        </div>
        <div class="col-md-2 col-6">
            <div class="card shadow-sm border-0"><div class="card-body py-2"><div class="small text-muted">Replies</div><div class="fw-bold">{{ $summary['total_replies'] }}</div></div></div>
        </div>
        <div class="col-md-2 col-6">
            <div class="card shadow-sm border-0"><div class="card-body py-2"><div class="small text-muted">Avg Response</div><div class="fw-bold">{{ $reports->formatTime($summary['avg_seconds']) }}</div></div></div>
        </div>
    </div>
    @endif

    <div class="row g-3">
        <div class="col-lg-7">
            <div class="card shadow-sm border-0 mb-3">
                <div class="card-header bg-transparent fw-semibold">Daily Breakdown</div>
                <div class="table-responsive">
                    <table class="table table-sm mb-0">
                        <thead class="table-light">
                            <tr>
                                <th>Date</th>
                                <th>Screen</th>
                                <th>Duty Window</th>
                                <th>On Duty</th>
                                <th>Duty %</th>
                                <th>Replies</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse($daily_rows as $day)
                            <tr>
                                <td>{{ $day['date_label'] }}</td>
                                <td>{{ $reports->formatDuration($day['screen_seconds']) }}</td>
                                <td>{{ $reports->formatDuration($day['scheduled_seconds']) }}</td>
                                <td>{{ $reports->formatDuration($day['online_in_duty']) }}</td>
                                <td>{{ $day['scheduled_seconds'] > 0 ? $day['compliance_pct'] . '%' : '—' }}</td>
                                <td>{{ $day['replies'] }}</td>
                            </tr>
                            @empty
                            <tr><td colspan="6" class="text-center text-muted py-3">No daily data</td></tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </div>

            <div class="card shadow-sm border-0">
                <div class="card-header bg-transparent fw-semibold">Shift Duty Log (e.g. 3:00 PM – 6:00 PM)</div>
                <div class="table-responsive">
                    <table class="table table-sm mb-0">
                        <thead class="table-light">
                            <tr>
                                <th>Date</th>
                                <th>Shift</th>
                                <th>Window</th>
                                <th>Scheduled</th>
                                <th>Online</th>
                                <th>%</th>
                            </tr>
                        </thead>
                        <tbody>
                            @php $allShifts = collect($daily_rows)->flatMap(fn($d) => $d['shifts']); @endphp
                            @forelse($allShifts as $shift)
                            <tr>
                                <td>{{ $shift['date_label'] }}</td>
                                <td>{{ ucfirst($shift['shift_type']) }}</td>
                                <td>{{ $shift['window'] }}</td>
                                <td>{{ $reports->formatDuration($shift['scheduled_seconds']) }}</td>
                                <td>{{ $reports->formatDuration($shift['online_seconds']) }}</td>
                                <td>{{ $shift['compliance_pct'] }}%</td>
                            </tr>
                            @empty
                            <tr><td colspan="6" class="text-center text-muted py-3">No shifts scheduled. Add shift in <a href="{{ route('admin.support.shifts') }}">Shifts</a>.</td></tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </div>
        </div>

        <div class="col-lg-5">
            <div class="card shadow-sm border-0 mb-3">
                <div class="card-header bg-transparent fw-semibold">Assigned Shifts</div>
                <ul class="list-group list-group-flush">
                    @forelse($shifts as $shift)
                    <li class="list-group-item small">
                        <strong>{{ ucfirst($shift->shift_type) }}</strong>
                        {{ substr($shift->start_time, 0, 5) }} – {{ substr($shift->end_time, 0, 5) }}
                        <div class="text-muted">
                            @foreach($shift->working_days ?? [] as $d)
                            @php $days = ['Sun','Mon','Tue','Wed','Thu','Fri','Sat']; @endphp
                            <span class="badge bg-light text-dark border">{{ $days[$d] ?? $d }}</span>
                            @endforeach
                        </div>
                    </li>
                    @empty
                    <li class="list-group-item text-muted">No shift assigned</li>
                    @endforelse
                </ul>
            </div>

            <div class="card shadow-sm border-0 mb-3">
                <div class="card-header bg-transparent fw-semibold">Screen Sessions</div>
                <div class="table-responsive" style="max-height:320px; overflow-y:auto">
                    <table class="table table-sm mb-0">
                        <thead class="table-light">
                            <tr>
                                <th>Start</th>
                                <th>Duration</th>
                                <th>Page</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse($sessions as $session)
                            <tr>
                                <td class="small">{{ $session->started_at->format('d M h:i A') }}</td>
                                <td>{{ $reports->formatDuration((int) $session->duration_seconds) }}</td>
                                <td>
                                    <span class="badge bg-light text-dark border">{{ $session->page ?: 'inbox' }}</span>
                                    @if($session->conversation_id)
                                    <a href="{{ route('admin.support.conversations.show', $session->conversation_id) }}" class="small">#{{ $session->conversation_id }}</a>
                                    @endif
                                </td>
                            </tr>
                            @empty
                            <tr><td colspan="3" class="text-center text-muted py-3">No sessions logged yet</td></tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </div>

            <div class="card shadow-sm border-0">
                <div class="card-header bg-transparent fw-semibold">Late Replies (Red)</div>
                <ul class="list-group list-group-flush">
                    @forelse($late_replies as $log)
                    <li class="list-group-item small d-flex justify-content-between">
                        <span>{{ $log->conversation?->customer?->display_name ?? 'Customer' }}</span>
                        <span class="text-danger">{{ $reports->formatTime($log->response_seconds) }}</span>
                    </li>
                    @empty
                    <li class="list-group-item text-muted">No late replies</li>
                    @endforelse
                </ul>
            </div>
        </div>
    </div>
</div>
@endsection