@extends('layouts.panel')

@section('title', 'Entrega comercial')
@section('heading', 'Entrega comercial')
@section('lede', 'Contratado vs entregue por campanha')

@section('content')
<div class="page-toolbar">
    <form method="GET" class="filter-bar">
        <div class="field">
            <label for="q">Busca</label>
            <input id="q" name="q" value="{{ $filters['q'] }}" placeholder="Campanha ou anunciante">
        </div>
        <button type="submit" class="btn-secondary">Filtrar</button>
    </form>
</div>

@if ($campaigns->isEmpty())
    <section class="work-panel">
        <div class="empty-state">
            <p class="empty-kicker">Comercial</p>
            <h3>Nenhuma campanha com contrato</h3>
            <p>Vincule um plano ou informe limite/quantidade contratada na campanha.</p>
        </div>
    </section>
@else
    <div class="data-table-wrap">
        <table class="data-table">
            <thead>
                <tr>
                    <th scope="col">Campanha</th>
                    <th scope="col">Plano</th>
                    <th scope="col">Contratado</th>
                    <th scope="col">Entregue</th>
                    <th scope="col">Restante</th>
                    <th scope="col">%</th>
                    <th scope="col">Status</th>
                </tr>
            </thead>
            <tbody>
                @foreach ($campaigns as $row)
                    @php
                        $campaign = $row['campaign'];
                        $delivery = $row['delivery'];
                    @endphp
                    <tr>
                        <td>
                            <a class="btn-link" href="{{ route('panel.campaigns.show', $campaign) }}">{{ $campaign->name }}</a>
                            <br>
                            <small>{{ $campaign->advertiser?->company?->displayName() ?? $campaign->advertiser?->contact_name }}</small>
                        </td>
                        <td>{{ $campaign->plan?->name ?? '—' }}</td>
                        <td>{{ $delivery['contracted'] ? number_format($delivery['contracted'], 0, ',', '.') : '—' }}</td>
                        <td>{{ number_format($delivery['delivered'], 0, ',', '.') }}</td>
                        <td>{{ $delivery['remaining'] !== null ? number_format($delivery['remaining'], 0, ',', '.') : '—' }}</td>
                        <td>{{ $delivery['fulfillment_rate'] !== null ? number_format($delivery['fulfillment_rate'], 1, ',', '.').'%' : '—' }}</td>
                        <td>
                            @if ($delivery['capped'])
                                <span class="badge">Limite atingido</span>
                            @else
                                <x-status-badge :status="$campaign->status" />
                            @endif
                        </td>
                    </tr>
                @endforeach
            </tbody>
        </table>
    </div>
    @if ($campaigns->hasPages())
        <div class="pagination-wrap">{{ $campaigns->links() }}</div>
    @endif
@endif
@endsection