@extends('layouts.panel')

@section('title', 'Relatórios')
@section('heading', 'Relatórios')
@section('lede')
    Período: {{ $period['label'] }}
@endsection

@section('content')
<form method="GET" class="report-toolbar">
    <div class="report-periods" role="group" aria-label="Período">
        @foreach ($periods as $option)
            <button
                type="submit"
                name="period"
                value="{{ $option->value }}"
                class="report-period-btn @if ($filters['period'] === $option->value) is-active @endif"
            >
                {{ $option->label() }}
            </button>
        @endforeach
    </div>

    <div class="filter-bar report-filters">
        @if ($filters['period'] === 'custom')
            <div class="field">
                <label for="from">De</label>
                <input id="from" name="from" type="date" value="{{ $filters['from'] }}">
            </div>
            <div class="field">
                <label for="to">Até</label>
                <input id="to" name="to" type="date" value="{{ $filters['to'] }}">
            </div>
        @endif
        @if (auth()->user()->isAdmin())
            <div class="field">
                <label for="advertiser_id">Anunciante</label>
                <select id="advertiser_id" name="advertiser_id">
                    <option value="">Todos</option>
                    @foreach ($advertisers as $advertiser)
                        <option value="{{ $advertiser->id }}" @selected($filters['advertiser_id'] == $advertiser->id)>
                            {{ $advertiser->company?->displayName() ?? $advertiser->contact_name }}
                        </option>
                    @endforeach
                </select>
            </div>
            <div class="field">
                <label for="wifi_point_id">Ponto</label>
                <select id="wifi_point_id" name="wifi_point_id">
                    <option value="">Todos</option>
                    @foreach ($wifiPoints as $point)
                        <option value="{{ $point->id }}" @selected($filters['wifi_point_id'] == $point->id)>{{ $point->name }}</option>
                    @endforeach
                </select>
            </div>
        @endif
        <div class="field">
            <label for="campaign_id">Campanha</label>
            <select id="campaign_id" name="campaign_id">
                <option value="">Todas</option>
                @foreach ($campaigns as $campaign)
                    <option value="{{ $campaign->id }}" @selected($filters['campaign_id'] == $campaign->id)>{{ $campaign->name }}</option>
                @endforeach
            </select>
        </div>
        <button type="submit" class="btn-secondary">Aplicar</button>
    </div>
</form>

<section class="metric-strip report-metrics" aria-label="Resumo do período">
    <div class="metric-cell">
        <span>Impressões</span>
        <strong>{{ number_format($summary['impressions'], 0, ',', '.') }}</strong>
    </div>
    <div class="metric-cell">
        <span>Iniciados</span>
        <strong>{{ number_format($summary['starts'], 0, ',', '.') }}</strong>
    </div>
    <div class="metric-cell">
        <span>Concluídos</span>
        <strong>{{ number_format($summary['completions'], 0, ',', '.') }}</strong>
    </div>
    <div class="metric-cell">
        <span>Taxa conclusão</span>
        <strong>{{ $summary['completion_rate'] !== null ? number_format($summary['completion_rate'], 1, ',', '.').'%' : '—' }}</strong>
    </div>
    <div class="metric-cell">
        <span>Cliques</span>
        <strong>{{ number_format($summary['clicks'], 0, ',', '.') }}</strong>
    </div>
    <div class="metric-cell">
        <span>CTR</span>
        <strong>{{ $summary['ctr'] !== null ? number_format($summary['ctr'], 1, ',', '.').'%' : '—' }}</strong>
    </div>
    <div class="metric-cell">
        <span>Sessões</span>
        <strong>{{ number_format($summary['sessions'], 0, ',', '.') }}</strong>
    </div>
    <div class="metric-cell">
        <span>Liberações</span>
        <strong>{{ number_format($summary['grants'], 0, ',', '.') }}</strong>
    </div>
</section>

<section class="work-panel">
    <header class="work-panel-head">
        <div>
            <h2>Desempenho diário</h2>
            <p>Volume por dia no período selecionado.</p>
        </div>
    </header>
    @if ($dailySeries->isEmpty() || $summary['impressions'] === 0)
        <div class="empty-state">
            <p class="empty-kicker">Relatórios</p>
            <h3>Sem dados neste período</h3>
            <p>Ajuste o filtro ou aguarde novas sessões no portal.</p>
        </div>
    @else
        <div class="data-table-wrap">
            <table class="data-table">
                <thead>
                    <tr>
                        <th scope="col">Dia</th>
                        <th scope="col">Impressões</th>
                        <th scope="col">Iniciados</th>
                        <th scope="col">Concluídos</th>
                        <th scope="col">Cliques</th>
                        <th scope="col">Sessões</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach ($dailySeries as $row)
                        <tr>
                            <td>{{ $row['label'] }}</td>
                            <td>{{ number_format($row['impressions'], 0, ',', '.') }}</td>
                            <td>{{ number_format($row['starts'], 0, ',', '.') }}</td>
                            <td>{{ number_format($row['completions'], 0, ',', '.') }}</td>
                            <td>{{ number_format($row['clicks'], 0, ',', '.') }}</td>
                            <td>{{ number_format($row['sessions'], 0, ',', '.') }}</td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    @endif
</section>

@if ($byCampaign->isNotEmpty())
    <section class="work-panel">
        <header class="work-panel-head">
            <div>
                <h2>Por campanha</h2>
                <p>Comparativo de entrega e engajamento.</p>
            </div>
        </header>
        <div class="data-table-wrap">
            <table class="data-table">
                <thead>
                    <tr>
                        <th scope="col">Campanha</th>
                        <th scope="col">Impressões</th>
                        <th scope="col">Concluídos</th>
                        <th scope="col">Taxa</th>
                        <th scope="col">Cliques</th>
                        <th scope="col">CTR</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach ($byCampaign as $row)
                        <tr>
                            <td>{{ $row['campaign_name'] }}</td>
                            <td>{{ number_format($row['impressions'], 0, ',', '.') }}</td>
                            <td>{{ number_format($row['completions'], 0, ',', '.') }}</td>
                            <td>{{ $row['completion_rate'] !== null ? number_format($row['completion_rate'], 1, ',', '.').'%' : '—' }}</td>
                            <td>{{ number_format($row['clicks'], 0, ',', '.') }}</td>
                            <td>{{ $row['ctr'] !== null ? number_format($row['ctr'], 1, ',', '.').'%' : '—' }}</td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </section>
@endif

@if ($byWifiPoint->isNotEmpty())
    <section class="work-panel">
        <header class="work-panel-head">
            <div>
                <h2>Por ponto de Wi-Fi</h2>
                <p>Desempenho físico da rede no período.</p>
            </div>
        </header>
        <div class="data-table-wrap">
            <table class="data-table">
                <thead>
                    <tr>
                        <th scope="col">Ponto</th>
                        <th scope="col">Impressões</th>
                        <th scope="col">Concluídos</th>
                        <th scope="col">Taxa</th>
                        <th scope="col">Cliques</th>
                        <th scope="col">CTR</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach ($byWifiPoint as $row)
                        <tr>
                            <td>{{ $row['wifi_point_name'] }}</td>
                            <td>{{ number_format($row['impressions'], 0, ',', '.') }}</td>
                            <td>{{ number_format($row['completions'], 0, ',', '.') }}</td>
                            <td>{{ $row['completion_rate'] !== null ? number_format($row['completion_rate'], 1, ',', '.').'%' : '—' }}</td>
                            <td>{{ number_format($row['clicks'], 0, ',', '.') }}</td>
                            <td>{{ $row['ctr'] !== null ? number_format($row['ctr'], 1, ',', '.').'%' : '—' }}</td>
                        </tr>
                    @endforeach
                </tbody>
            </table>
        </div>
    </section>
@endif
@endsection