@extends('layouts.app')

@section('titulo', $titulo)
@section('subtitulo', $subtitulo ?? 'Relatórios')

@section('acoes')
    @php
        $queryExport = array_filter($filtros);
    @endphp
    <a href="{{ url('/api/relatorios/'.$tipo.'/pdf').'?'.http_build_query($queryExport) }}" class="btn btn-outline-secondary btn-sm" target="_blank">Exportar PDF</a>
    <a href="{{ url('/api/relatorios/'.$tipo.'/excel').'?'.http_build_query($queryExport) }}" class="btn btn-outline-secondary btn-sm">Exportar Excel</a>
@endsection

@section('conteudo')
<div class="card mb-3">
    <div class="card-body">
        <form method="GET" class="row g-2 align-items-end">
            <div class="col-md-2">
                <label class="form-label small fw-semibold">De</label>
                <input type="date" name="data_inicio" class="form-control form-control-sm" value="{{ $filtros['data_inicio'] ?? '' }}">
            </div>
            <div class="col-md-2">
                <label class="form-label small fw-semibold">Até</label>
                <input type="date" name="data_fim" class="form-control form-control-sm" value="{{ $filtros['data_fim'] ?? '' }}">
            </div>

            @if ($tipo === 'pedidos' || $tipo === 'comissoes')
            <div class="col-md-2">
                <label class="form-label small fw-semibold">Status</label>
                <select name="status" class="form-select form-select-sm">
                    <option value="">Todos</option>
                    @foreach ($tipo === 'pedidos' ? ['criado','separacao','producao','faturamento','entrega','finalizado','cancelado'] : ['pendente','aprovada','paga','cancelada'] as $opt)
                        <option value="{{ $opt }}" {{ ($filtros['status'] ?? '') === $opt ? 'selected' : '' }}>{{ ucfirst($opt) }}</option>
                    @endforeach
                </select>
            </div>
            @endif

            @if ($tipo === 'financeiro')
            <div class="col-md-2">
                <label class="form-label small fw-semibold">Tipo de Conta</label>
                <select name="tipo_conta" class="form-select form-select-sm">
                    <option value="">Ambos</option>
                    <option value="receber" {{ ($filtros['tipo_conta'] ?? '') === 'receber' ? 'selected' : '' }}>A Receber</option>
                    <option value="pagar" {{ ($filtros['tipo_conta'] ?? '') === 'pagar' ? 'selected' : '' }}>A Pagar</option>
                </select>
            </div>
            @endif

            @if ($tipo === 'faturamento')
            <div class="col-md-2">
                <label class="form-label small fw-semibold">Agrupar por</label>
                <select name="agrupamento" class="form-select form-select-sm">
                    <option value="dia" {{ ($filtros['agrupamento'] ?? 'dia') === 'dia' ? 'selected' : '' }}>Dia</option>
                    <option value="mes" {{ ($filtros['agrupamento'] ?? '') === 'mes' ? 'selected' : '' }}>Mês</option>
                </select>
            </div>
            @endif

            <div class="col-md-2">
                <button type="submit" class="btn btn-outline-secondary btn-sm w-100">Filtrar</button>
            </div>
        </form>
    </div>
</div>

@if (!empty($totais))
<div class="row g-3 mb-3">
    @foreach ($totais as $label => $valor)
        <div class="col-6 col-lg-3">
            <div class="kpi-card">
                <div class="kpi-label">{{ $label }}</div>
                <div class="kpi-value h6 mb-0">{{ $valor }}</div>
            </div>
        </div>
    @endforeach
</div>
@endif

<div class="card">
    <div class="card-body p-0">
        @if (empty($linhas))
            <div class="empty-state"><p class="mb-0">Nenhum registro encontrado para os filtros selecionados.</p></div>
        @else
            <div class="table-responsive">
                <table class="table table-hover mb-0">
                    <thead>
                        <tr>
                            @foreach ($colunas as $coluna)
                                <th class="{{ ($coluna['alinhamento'] ?? '') === 'right' ? 'text-end' : '' }}">{{ $coluna['label'] }}</th>
                            @endforeach
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($linhas as $linha)
                            <tr>
                                @foreach ($colunas as $coluna)
                                    <td class="{{ ($coluna['alinhamento'] ?? '') === 'right' ? 'text-end' : '' }}">{{ $linha[$coluna['key']] ?? '' }}</td>
                                @endforeach
                            </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        @endif
    </div>
</div>
@endsection