@extends('layouts.print')

@section('title', 'Maintenance Backlog — ' . \Carbon\Carbon::parse($from)->format('M j') . '–' . \Carbon\Carbon::parse($to)->format('M j, Y'))

@section('content')
@php
    $propName = \App\Models\Setting::get('property_name', config('app.name', 'Parkview Hotel'));
    $periodLabel = \Carbon\Carbon::parse($from)->format('M j') . ' – ' . \Carbon\Carbon::parse($to)->format('M j, Y');
    $fmtHours = fn($h) => $h === null ? '—' : ($h >= 48 ? round($h / 24, 1) . 'd' : $h . 'h');
@endphp

<div class="max-w-4xl mx-auto my-8 bg-white shadow-sm rounded-xl overflow-hidden border border-gray-200
            print:shadow-none print:border-0 print:rounded-none print:my-0 print:max-w-none">

    @include('reports.print._letterhead', [
        'reportTitle' => 'Maintenance Backlog & MTTR',
        'periodLabel' => $periodLabel,
        'backUrl'     => route('reports.maintenance-backlog', ['from' => $from, 'to' => $to]),
    ])

    <div class="px-10 py-8 space-y-7">
        <section>
            <div class="grid grid-cols-4 gap-px bg-gray-200 border border-gray-200 rounded-lg overflow-hidden">
                @foreach([
                    ['Open Backlog', $openCount + $inProgressCount, $openCount . ' open · ' . $inProgressCount . ' in prog.'],
                    ['Overdue', $overdueCount, 'past target'],
                    ['Oldest Open', $oldestAge . 'd', 'since reported'],
                    ['Avg Resolve', $fmtHours($mttrHours), $resolvedCount . ' resolved'],
                ] as [$label, $value, $sub])
                <div class="bg-white px-4 py-3">
                    <p class="text-[10px] font-semibold text-gray-400 uppercase tracking-wider">{{ $label }}</p>
                    <p class="text-lg font-black text-gray-900 mt-0.5">{{ $value }}</p>
                    <p class="text-[10px] text-gray-400">{{ $sub }}</p>
                </div>
                @endforeach
            </div>
        </section>

        <section>
            <h2 class="text-[10px] font-semibold text-gray-400 uppercase tracking-widest mb-3 pb-1.5 border-b border-gray-200">Open Backlog</h2>
            @if($backlogRows->isEmpty())
            <p class="py-6 text-center text-gray-400 text-sm">No open work orders — backlog is clear.</p>
            @else
            <table class="w-full text-xs border border-gray-200">
                <thead>
                    <tr class="bg-gray-50 border-b border-gray-200">
                        <th class="px-3 py-2 text-left text-[10px] font-semibold text-gray-500 uppercase tracking-wider">Location</th>
                        <th class="px-3 py-2 text-left text-[10px] font-semibold text-gray-500 uppercase tracking-wider">Category</th>
                        <th class="px-3 py-2 text-left text-[10px] font-semibold text-gray-500 uppercase tracking-wider">Priority</th>
                        <th class="px-3 py-2 text-left text-[10px] font-semibold text-gray-500 uppercase tracking-wider">Status</th>
                        <th class="px-3 py-2 text-left text-[10px] font-semibold text-gray-500 uppercase tracking-wider">Issue</th>
                        <th class="px-3 py-2 text-right text-[10px] font-semibold text-gray-500 uppercase tracking-wider">Age</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($backlogRows as $r)
                    <tr class="border-b border-gray-100">
                        <td class="px-3 py-1.5 text-gray-700 font-medium">{{ $r['room_no'] ? 'Room ' . $r['room_no'] : ($r['location'] ?: 'Common area') }}</td>
                        <td class="px-3 py-1.5 text-gray-600">{{ $r['category'] }}</td>
                        <td class="px-3 py-1.5 text-gray-600">{{ ucfirst($r['priority']) }}</td>
                        <td class="px-3 py-1.5 text-gray-600">{{ \Illuminate\Support\Str::headline($r['status']) }}</td>
                        <td class="px-3 py-1.5 text-gray-500">{{ \Illuminate\Support\Str::limit($r['description'], 48) }}</td>
                        <td class="px-3 py-1.5 text-right font-semibold text-gray-800">{{ $r['age_days'] }}d{{ $r['overdue'] ? ' ⚠' : '' }}</td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
            @endif
        </section>

        <section>
            <h2 class="text-[10px] font-semibold text-gray-400 uppercase tracking-widest mb-3 pb-1.5 border-b border-gray-200">Resolve Time by Category ({{ $resolvedCount }} resolved)</h2>
            @if($mttrByCategory->isEmpty())
            <p class="py-4 text-center text-gray-400 text-sm">No work orders resolved in this range.</p>
            @else
            <table class="w-full text-xs border border-gray-200">
                <thead>
                    <tr class="bg-gray-50 border-b border-gray-200">
                        <th class="px-3 py-2 text-left text-[10px] font-semibold text-gray-500 uppercase tracking-wider">Category</th>
                        <th class="px-3 py-2 text-right text-[10px] font-semibold text-gray-500 uppercase tracking-wider">Resolved</th>
                        <th class="px-3 py-2 text-right text-[10px] font-semibold text-gray-500 uppercase tracking-wider">Avg Time</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach($mttrByCategory as $cat => $m)
                    <tr class="border-b border-gray-100">
                        <td class="px-3 py-1.5 text-gray-700 font-medium">{{ $cat }}</td>
                        <td class="px-3 py-1.5 text-right text-gray-600">{{ $m['count'] }}</td>
                        <td class="px-3 py-1.5 text-right font-semibold text-gray-800">{{ $fmtHours($m['hours']) }}</td>
                    </tr>
                    @endforeach
                </tbody>
            </table>
            @endif
        </section>

        <div class="pt-4 border-t border-gray-100 flex items-center justify-between text-[10px] text-gray-300">
            <span>{{ $propName }} · Maintenance Backlog & MTTR</span>
            <span>Printed {{ now()->format('M j, Y g:i A') }}</span>
        </div>
    </div>
</div>
@endsection