@extends('layouts.app')

@section('title', 'Voids & Overrides')
@section('nav_reports', 'bg-teal-50 text-teal-700 font-semibold')
@section('page_title', 'Reports')
@section('page_subtitle', 'Voids & Overrides Audit')

@section('content')
@php
    $groupBadge = [
        'Voids'     => 'bg-red-50 text-red-600 border-red-200',
        'Reversals' => 'bg-blue-50 text-blue-700 border-blue-200',
        'Overrides' => 'bg-purple-50 text-purple-700 border-purple-200',
    ];
@endphp

@include('reports._filter', [
    'active' => 'reports.voids', 'mode' => 'range', 'from' => $from, 'to' => $to,
    'title' => 'Voids & Overrides Audit',
    'subtitle' => 'Payment/charge voids, reversals and room overrides · ' . \Carbon\Carbon::parse($from)->format('M j') . ' – ' . \Carbon\Carbon::parse($to)->format('M j, Y'),
])

{{-- Summary tiles --}}
<div class="grid grid-cols-2 lg:grid-cols-4 gap-4 mb-5">
    <div class="bg-white border-[0.5px] border-gray-200 rounded-xl px-5 py-4">
        <p class="text-gray-400 text-xs">Total Events</p>
        <p class="text-gray-800 font-bold text-2xl mt-1">{{ number_format($total) }}</p>
        <p class="text-gray-400 text-xs mt-1">{{ $byUser->count() }} staff involved</p>
    </div>
    <div class="bg-white border-[0.5px] border-gray-200 rounded-xl px-5 py-4">
        <p class="text-gray-400 text-xs">Voids</p>
        <p class="text-red-600 font-bold text-2xl mt-1">{{ $groupCounts['Voids'] }}</p>
        <p class="text-gray-400 text-xs mt-1">₱{{ number_format($voidedValue, 2) }} value voided</p>
    </div>
    <div class="bg-white border-[0.5px] border-gray-200 rounded-xl px-5 py-4">
        <p class="text-gray-400 text-xs">Reversals</p>
        <p class="text-blue-700 font-bold text-2xl mt-1">{{ $groupCounts['Reversals'] }}</p>
        <p class="text-gray-400 text-xs mt-1">check-in/out, cancel undo</p>
    </div>
    <div class="bg-white border-[0.5px] border-gray-200 rounded-xl px-5 py-4">
        <p class="text-gray-400 text-xs">Overrides</p>
        <p class="text-purple-700 font-bold text-2xl mt-1">{{ $groupCounts['Overrides'] }}</p>
        <p class="text-gray-400 text-xs mt-1">room transfers & status</p>
    </div>
</div>

<div class="grid grid-cols-1 xl:grid-cols-2 gap-5 mb-5">
    {{-- By action --}}
    <div class="bg-white border-[0.5px] border-gray-200 rounded-xl overflow-hidden">
        <div class="px-5 py-4 border-b border-gray-100"><h2 class="text-sm font-semibold text-gray-700">By Action</h2></div>
        @if($byAction->isEmpty())
        <p class="px-5 py-8 text-center text-gray-300 text-sm">No audit events for this period.</p>
        @else
        <div class="overflow-x-auto">
        <table class="w-full text-sm">
            <tbody>
                @foreach($byAction as $a)
                <tr class="{{ !$loop->last ? 'border-b border-gray-50' : '' }}">
                    <td class="px-5 py-2.5 font-medium text-gray-700">{{ $a['label'] }}</td>
                    <td class="px-5 py-2.5 text-right font-semibold text-gray-800">{{ $a['count'] }}</td>
                </tr>
                @endforeach
            </tbody>
        </table>
        </div>
        @endif
    </div>

    {{-- By user (repeat offenders) --}}
    <div class="bg-white border-[0.5px] border-gray-200 rounded-xl overflow-hidden">
        <div class="px-5 py-4 border-b border-gray-100">
            <h2 class="text-sm font-semibold text-gray-700">By Staff</h2>
            <p class="text-xs text-gray-400 mt-0.5">Most events first</p>
        </div>
        @if($byUser->isEmpty())
        <p class="px-5 py-8 text-center text-gray-300 text-sm">No audit events for this period.</p>
        @else
        <div class="overflow-x-auto">
        <table class="w-full text-sm">
            <thead>
                <tr class="border-b border-gray-100 bg-gray-50/50">
                    <th class="px-5 py-2.5 text-left text-[10px] font-semibold text-gray-400 uppercase tracking-wider">Staff</th>
                    <th class="px-4 py-2.5 text-right text-[10px] font-semibold text-gray-400 uppercase tracking-wider">Events</th>
                    <th class="px-5 py-2.5 text-right text-[10px] font-semibold text-gray-400 uppercase tracking-wider">Value Voided</th>
                </tr>
            </thead>
            <tbody>
                @foreach($byUser as $u)
                <tr class="{{ !$loop->last ? 'border-b border-gray-50' : '' }}">
                    <td class="px-5 py-2.5 font-medium text-gray-700">{{ $u['name'] }}</td>
                    <td class="px-4 py-2.5 text-right text-gray-700">{{ $u['count'] }}</td>
                    <td class="px-5 py-2.5 text-right text-gray-600">{{ $u['value'] > 0 ? '₱' . number_format($u['value'], 2) : '—' }}</td>
                </tr>
                @endforeach
            </tbody>
        </table>
        </div>
        @endif
    </div>
</div>

{{-- Detail --}}
<div class="bg-white border-[0.5px] border-gray-200 rounded-xl overflow-hidden">
    <div class="px-5 py-4 border-b border-gray-100">
        <h2 class="text-sm font-semibold text-gray-700">Audit Trail</h2>
        <p class="text-xs text-gray-400 mt-0.5">Most recent first · immutable activity log</p>
    </div>
    @if($rows->isEmpty())
    <p class="px-5 py-10 text-center text-gray-300 text-sm">No voids, reversals or overrides in this period.</p>
    @else
    <div class="overflow-x-auto">
        <table class="w-full text-sm min-w-[820px]">
            <thead>
                <tr class="border-b border-gray-100 bg-gray-50/50">
                    <th class="px-5 py-2.5 text-left text-[10px] font-semibold text-gray-400 uppercase tracking-wider">When</th>
                    <th class="px-4 py-2.5 text-left text-[10px] font-semibold text-gray-400 uppercase tracking-wider">Staff</th>
                    <th class="px-4 py-2.5 text-left text-[10px] font-semibold text-gray-400 uppercase tracking-wider">Action</th>
                    <th class="px-4 py-2.5 text-left text-[10px] font-semibold text-gray-400 uppercase tracking-wider">Subject</th>
                    <th class="px-4 py-2.5 text-right text-[10px] font-semibold text-gray-400 uppercase tracking-wider">Amount</th>
                    <th class="px-5 py-2.5 text-left text-[10px] font-semibold text-gray-400 uppercase tracking-wider">IP</th>
                </tr>
            </thead>
            <tbody>
                @foreach($rows as $row)
                <tr class="{{ !$loop->last ? 'border-b border-gray-50' : '' }} hover:bg-gray-50/50 transition-colors">
                    <td class="px-5 py-3 whitespace-nowrap">
                        <p class="text-gray-700">{{ $row['at']->format('M j, Y') }}</p>
                        <p class="text-[10px] text-gray-400">{{ $row['at']->format('g:i A') }}</p>
                    </td>
                    <td class="px-4 py-3 text-gray-600">{{ $row['user'] }}</td>
                    <td class="px-4 py-3">
                        <span class="inline-flex items-center px-2 py-0.5 rounded-full text-[10px] font-semibold border-[0.5px] {{ $groupBadge[$row['group']] ?? 'bg-gray-50 text-gray-500 border-gray-200' }}">{{ $row['label'] }}</span>
                        @if($row['description'])<p class="text-[10px] text-gray-400 mt-1 max-w-[240px] truncate">{{ $row['description'] }}</p>@endif
                    </td>
                    <td class="px-4 py-3 text-gray-500 font-mono text-xs">{{ $row['subject'] ?? '—' }}</td>
                    <td class="px-4 py-3 text-right {{ $row['amount'] !== null ? 'font-semibold text-red-600' : 'text-gray-300' }}">{{ $row['amount'] !== null ? '₱' . number_format($row['amount'], 2) : '—' }}</td>
                    <td class="px-5 py-3 text-gray-400 font-mono text-[10px]">{{ $row['ip'] ?? '—' }}</td>
                </tr>
                @endforeach
            </tbody>
        </table>
    </div>
    @endif
</div>

@endsection