@extends('layouts.panel')

@section('title', 'Planos')
@section('heading', 'Planos comerciais')
@section('lede', 'Pacotes de impressões para contratação de campanhas')

@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="Nome ou código">
        </div>
        <button type="submit" class="btn-secondary">Filtrar</button>
    </form>
    <a href="{{ route('panel.plans.create') }}" class="btn-primary">Novo plano</a>
</div>

@if ($plans->isEmpty())
    <section class="work-panel">
        <div class="empty-state">
            <p class="empty-kicker">Comercial</p>
            <h3>Nenhum plano cadastrado</h3>
            <p>Crie pacotes de impressões para vincular às campanhas dos anunciantes.</p>
        </div>
    </section>
@else
    <div class="record-list">
        @foreach ($plans as $plan)
            <article class="record-card">
                <div class="record-card-main">
                    <span class="record-avatar" aria-hidden="true">{{ mb_strtoupper(mb_substr($plan->name, 0, 1)) }}</span>
                    <div>
                        <h3 class="record-card-title">{{ $plan->name }}</h3>
                        <p class="record-card-sub">{{ number_format($plan->impression_quota, 0, ',', '.') }} impressões · {{ $plan->price_label ?: 'Sem preço' }}</p>
                        <p class="record-card-meta">
                            <span>{{ $plan->code }}</span>
                            <span>{{ $plan->campaigns_count }} campanha{{ $plan->campaigns_count === 1 ? '' : 's' }}</span>
                        </p>
                    </div>
                </div>
                <div class="record-card-aside">
                    <x-status-badge :status="$plan->status" />
                    <div class="table-actions">
                        <a class="btn-link" href="{{ route('panel.plans.show', $plan) }}">Ver</a>
                        <a class="btn-link" href="{{ route('panel.plans.edit', $plan) }}">Editar</a>
                    </div>
                </div>
            </article>
        @endforeach
        @if ($plans->hasPages())
            <div class="pagination-wrap">{{ $plans->links() }}</div>
        @endif
    </div>
@endif
@endsection