@extends('layouts.app')

@section('content')
    <section class="card" style="margin-bottom: 16px;">
        <div class="section-head">
            <div class="stack" style="gap:6px;">
                <h2>Buscar pruebas</h2>
                <p>{{ number_format($tests->total()) }} pruebas visibles en la organizacion activa.</p>
            </div>
            <a href="{{ route('ab-tests.create') }}" class="button">Crear A/B</a>
        </div>

        <form method="get" action="{{ route('ab-tests.index') }}" class="stack" style="margin-top:16px;">
            <div class="field-grid" style="grid-template-columns:minmax(0,1fr) 180px;">
                <div>
                    <label for="q">Buscar</label>
                    <input id="q" name="q" type="text" value="{{ $search }}" placeholder="Nombre, campana o subject">
                </div>
                <div style="align-self:end;display:flex;gap:10px;flex-wrap:wrap;">
                    <button type="submit" class="button">Filtrar</button>
                    <a href="{{ route('ab-tests.index') }}" class="button button-ghost">Limpiar</a>
                </div>
            </div>
        </form>
    </section>

    <section class="card">
        <div class="section-head">
            <div>
                <h2>Historial A/B</h2>
                <p>Pagina {{ $tests->currentPage() }} de {{ max($tests->lastPage(), 1) }}.</p>
            </div>
        </div>

        <div class="table-shell" style="margin-top:16px;">
            <table class="data-table">
                <thead>
                    <tr>
                        <th>Prueba</th>
                        <th>Campana base</th>
                        <th>Audiencia</th>
                        <th>Estado</th>
                        <th>Creada</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse ($tests as $test)
                        <tr>
                            <td>
                                <a href="{{ route('ab-tests.show', $test->id) }}" class="link-text">{{ $test->name }}</a>
                                <div class="muted" style="margin-top:4px;">{{ number_format((int) $test->variants_count) }} aliases</div>
                            </td>
                            <td>
                                <div>{{ $test->sourceCampaign?->name ?: '-' }}</div>
                                <div class="muted" style="margin-top:4px;">{{ $test->sourceCampaign?->subject ?: '' }}</div>
                            </td>
                            <td>
                                <div>{{ number_format((int) $test->source_audience_total) }} receptores</div>
                                <div class="muted" style="margin-top:4px;">{{ number_format((int) $test->sample_size_per_variant) }} por variante</div>
                            </td>
                            <td>
                                <span class="status {{ $test->status === 'draft' ? 'status-next' : 'status-ready' }}">{{ $test->status }}</span>
                            </td>
                            <td>{{ optional($test->created_at)->format('Y-m-d H:i:s') }}</td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="5" class="empty-state">No hay pruebas A/B con esos filtros.</td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>

        <div style="margin-top:16px;">
            {{ $tests->links() }}
        </div>
    </section>
@endsection