@extends('layouts.app')

@php
    $filterFields = $meta['filters'];
    $current = $report['filters'];
    $exportQuery = request()->query();
@endphp

@section('title', $report['title'])
@section('header', $report['title'])
@section('subheader', $report['description'])

@section('header-actions')
    <div class="d-flex gap-2 flex-wrap">
        <a href="{{ route('reports.index') }}" class="btn btn-outline-secondary"><i class="bi bi-grid me-1"></i>All Reports</a>
        <a href="{{ route('reports.export', array_merge(['report' => $report['key'], 'format' => 'csv'], $exportQuery)) }}" class="btn btn-outline-success">
            <i class="bi bi-file-earmark-spreadsheet me-1"></i>Excel (CSV)
        </a>
        <a href="{{ route('reports.export', array_merge(['report' => $report['key'], 'format' => 'pdf'], $exportQuery)) }}" class="btn btn-outline-danger">
            <i class="bi bi-file-earmark-pdf me-1"></i>PDF
        </a>
    </div>
@endsection

@section('content')
    @if (! empty($filterFields))
        <div class="card table-wrapper mb-3">
            <div class="card-body">
                <form method="GET" action="{{ route('reports.show', $report['key']) }}" class="row g-2 align-items-end">
                    @if (in_array('date', $filterFields, true))
                        <div class="col-6 col-md-3">
                            <label class="form-label small text-muted mb-1">Date</label>
                            <input type="date" name="date" value="{{ $current['date'] ?? '' }}" class="form-control">
                        </div>
                    @endif

                    @if (in_array('month', $filterFields, true))
                        <div class="col-6 col-md-3">
                            <label class="form-label small text-muted mb-1">Month</label>
                            <select name="month" class="form-select">
                                @foreach (range(1, 12) as $m)
                                    <option value="{{ $m }}" @selected(($current['month'] ?? 0) == $m)>{{ \Illuminate\Support\Carbon::create(null, $m, 1)->format('F') }}</option>
                                @endforeach
                            </select>
                        </div>
                        <div class="col-6 col-md-2">
                            <label class="form-label small text-muted mb-1">Year</label>
                            <input type="number" name="year" value="{{ $current['year'] ?? now()->year }}" class="form-control">
                        </div>
                    @endif

                    @if (in_array('year', $filterFields, true))
                        <div class="col-6 col-md-3">
                            <label class="form-label small text-muted mb-1">Year</label>
                            <input type="number" name="year" value="{{ $current['year'] ?? now()->year }}" class="form-control">
                        </div>
                    @endif

                    @if (in_array('range', $filterFields, true))
                        <div class="col-6 col-md-3">
                            <label class="form-label small text-muted mb-1">From</label>
                            <input type="date" name="start_date" value="{{ $current['start_date'] ?? '' }}" class="form-control">
                        </div>
                        <div class="col-6 col-md-3">
                            <label class="form-label small text-muted mb-1">To</label>
                            <input type="date" name="end_date" value="{{ $current['end_date'] ?? '' }}" class="form-control">
                        </div>
                    @endif

                    @if (in_array('employee', $filterFields, true))
                        <div class="col-12 col-md-4">
                            <label class="form-label small text-muted mb-1">Employee</label>
                            <select name="employee_id" class="form-select">
                                <option value="">— Select —</option>
                                @foreach ($employees as $employee)
                                    <option value="{{ $employee->id }}" @selected(($current['employee_id'] ?? 0) == $employee->id)>
                                        {{ $employee->full_name }} ({{ $employee->employee_code }})
                                    </option>
                                @endforeach
                            </select>
                        </div>
                    @endif

                    @if (in_array('department', $filterFields, true))
                        <div class="col-6 col-md-3">
                            <label class="form-label small text-muted mb-1">Department</label>
                            <select name="department_id" class="form-select">
                                <option value="">All</option>
                                @foreach ($departments as $department)
                                    <option value="{{ $department->id }}" @selected(($current['department_id'] ?? 0) == $department->id)>{{ $department->name }}</option>
                                @endforeach
                            </select>
                        </div>
                    @endif

                    <div class="col-12 col-md-auto d-flex gap-2">
                        <button class="btn btn-primary"><i class="bi bi-funnel me-1"></i>Generate</button>
                        <a href="{{ route('reports.show', $report['key']) }}" class="btn btn-outline-secondary">Reset</a>
                    </div>
                </form>
            </div>
        </div>
    @endif

    @if (! empty($report['notice']))
        <div class="alert alert-info">{{ $report['notice'] }}</div>
    @endif

    @if (! empty($report['summary']))
        <div class="row g-3 mb-4">
            @foreach ($report['summary'] as $card)
                <div class="col-6 col-lg-3">
                    <div class="card stat-card h-100">
                        <div class="card-body py-3">
                            <div class="small text-muted">{{ $card['label'] }}</div>
                            <div class="h4 mb-0 text-{{ $card['color'] ?? 'body' }}">{{ $card['value'] }}</div>
                        </div>
                    </div>
                </div>
            @endforeach
        </div>
    @endif

    <div class="row g-3">
        <div class="{{ $report['chart'] ? 'col-12 col-xl-8' : 'col-12' }}">
            <div class="card table-wrapper">
                <div class="card-header bg-white d-flex justify-content-between align-items-center">
                    <strong>{{ $report['title'] }}</strong>
                    <span class="text-muted small">Generated {{ $report['generatedAt']->format('d M Y, H:i') }}</span>
                </div>
                <div class="table-responsive">
                    <table class="table table-hover align-middle mb-0">
                        <thead class="table-light">
                            <tr>
                                @foreach ($report['columns'] as $column)
                                    <th>{{ $column }}</th>
                                @endforeach
                            </tr>
                        </thead>
                        <tbody>
                            @forelse ($report['rows'] as $row)
                                <tr>
                                    @foreach ($row as $cell)
                                        <td>{{ $cell }}</td>
                                    @endforeach
                                </tr>
                            @empty
                                <tr>
                                    <td colspan="{{ count($report['columns']) }}" class="text-center text-muted py-4">
                                        No data for the selected filters.
                                    </td>
                                </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>
            </div>
        </div>

        @if ($report['chart'])
            <div class="col-12 col-xl-4">
                <x-bar-chart :chart="$report['chart']" />
            </div>
        @endif
    </div>
@endsection