@extends('layouts.app')

@section('title', $reportLabel . ' — ' . $categoryLabel)

@section('breadcrumbs')
    <div class="breadcrumb">
        <a href="{{ route('dashboard') }}">Dashboard</a>
        <span class="separator">/</span>
        <a href="{{ route('reports.standard.index') }}">Standard Reports</a>
        <span class="separator">/</span>
        <span class="current">{{ $reportLabel }}</span>
    </div>
@endsection

@section('content')
<div class="space-y-6 animate-fade-up">

    <div class="flex items-center justify-between flex-wrap gap-3">
        <div>
            <h1 class="font-display text-2xl font-semibold text-gray-900">{{ $reportLabel }}</h1>
            <p class="text-sm text-gray-500 mt-1">{{ $categoryLabel }} · {{ $startDate->format('d M Y') }} — {{ $endDate->format('d M Y') }}</p>
        </div>
        <a href="{{ route('reports.standard.index') }}" class="btn-secondary">← Back to Reports</a>
    </div>

    @if(isset($data['error']))
        <div class="card">
            <div class="card-body">
                <div class="text-center py-8">
                    <svg class="w-12 h-12 mx-auto text-warning-500 mb-3" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z"/><line x1="12" y1="9" x2="12" y2="13"/><line x1="12" y1="17" x2="12.01" y2="17"/></svg>
                    <p class="text-sm text-gray-600">{{ $data['error'] }}</p>
                </div>
            </div>
        </div>
    @else
        <div class="card">
            <div class="card-body">
                {{-- Render stats/counts --}}
                @php
                    $numericFields = collect($data)->filter(fn($v) => is_numeric($v));
                    $arrayFields = collect($data)->filter(fn($v) => is_array($v));
                @endphp

                @if($numericFields->count() > 0)
                    <div class="grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-{{ min($numericFields->count(), 6) }} gap-4 mb-6">
                        @foreach($numericFields as $key => $value)
                            <div class="text-center p-4 bg-gray-50 rounded-xl">
                                <div class="font-display text-2xl font-bold text-gray-900">
                                    @if(str_contains($key, 'rate') || str_contains($key, 'percentage') || str_contains($key, 'ratio'))
                                        {{ $value }}%
                                    @elseif(str_contains($key, 'amount') || str_contains($key, 'salary') || str_contains($key, 'cost'))
                                        OMR {{ number_format($value, 3) }}
                                    @else
                                        {{ $value }}
                                    @endif
                                </div>
                                <div class="text-xs text-gray-500 mt-1">{{ ucwords(str_replace('_', ' ', $key)) }}</div>
                            </div>
                        @endforeach
                    </div>
                @endif

                {{-- Render array data --}}
                @foreach($arrayFields as $key => $items)
                    @if(count($items) > 0)
                        <div class="mb-6">
                            <h3 class="font-display text-lg font-semibold text-gray-800 mb-3">{{ ucwords(str_replace('_', ' ', $key)) }}</h3>

                            @if(isset($items[0]) && is_array($items[0]))
                                {{-- Table of objects --}}
                                <div class="overflow-x-auto">
                                    <table class="data-table">
                                        <thead>
                                            <tr>
                                                @foreach(array_keys($items[0]) as $col)
                                                    <th>{{ ucwords(str_replace('_', ' ', $col)) }}</th>
                                                @endforeach
                                            </tr>
                                        </thead>
                                        <tbody>
                                            @foreach($items as $row)
                                                <tr>
                                                    @foreach($row as $colKey => $cellValue)
                                                        <td>
                                                            @if(is_numeric($cellValue) && (str_contains($colKey, 'amount') || str_contains($colKey, 'gross') || str_contains($colKey, 'net') || str_contains($colKey, 'salary') || str_contains($colKey, 'earnings') || str_contains($colKey, 'deductions')))
                                                                OMR {{ number_format($cellValue, 3) }}
                                                            @elseif(is_numeric($cellValue) && (str_contains($colKey, 'rate') || str_contains($colKey, 'ratio')))
                                                                {{ $cellValue }}%
                                                            @else
                                                                {{ $cellValue }}
                                                            @endif
                                                        </td>
                                                    @endforeach
                                                </tr>
                                            @endforeach
                                        </tbody>
                                    </table>
                                </div>
                            @elseif(!isset($items[0]))
                                {{-- Key-value map --}}
                                <div class="space-y-2">
                                    @foreach($items as $itemKey => $itemValue)
                                        <div class="flex items-center justify-between py-2 border-b border-gray-50">
                                            <span class="text-sm text-gray-700">{{ ucwords(str_replace('_', ' ', $itemKey)) }}</span>
                                            <span class="text-sm font-semibold text-gray-800">
                                                @if(is_array($itemValue))
                                                    {{ json_encode($itemValue) }}
                                                @elseif(is_numeric($itemValue))
                                                    {{ $itemValue }}
                                                @else
                                                    {{ $itemValue }}
                                                @endif
                                            </span>
                                        </div>
                                    @endforeach
                                </div>
                            @endif
                        </div>
                    @endif
                @endforeach
            </div>
        </div>
    @endif
</div>
@endsection