@extends('layouts.vuexy')

@section('title', 'Campañas')

@php
    $statusColors = [
        'draft' => 'secondary',
        'pending' => 'warning',
        'active' => 'success',
        'paused' => 'warning',
        'completed' => 'info',
        'failed' => 'danger',
    ];
    $objectiveLabels = [
        'app_installs' => 'Instalación de app',
        'traffic' => 'Tráfico',
        'conversions' => 'Conversiones / pedidos',
    ];
@endphp

@section('content')
    @if (session('status'))
        <div class="alert alert-success">{{ session('status') }}</div>
    @endif

    <div class="d-flex justify-content-between align-items-center mb-6">
        <p class="text-body-secondary mb-0">Campañas creadas desde este panel, en borrador o publicadas.</p>
        <a href="{{ route('campaigns.create.content') }}" class="btn btn-primary">
            <i class="icon-base ti tabler-plus me-1"></i> Nueva campaña
        </a>
    </div>

    <div class="card">
        <div class="table-responsive text-nowrap">
            <table class="table">
                <thead>
                    <tr>
                        <th>Campaña</th>
                        <th>Restaurante</th>
                        <th>Objetivo</th>
                        <th>Presupuesto</th>
                        <th>Estado</th>
                        <th>Creada</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse ($campaigns as $campaign)
                        <tr class="cursor-pointer" onclick="location.href='{{ route('campaigns.show', $campaign) }}'">
                            <td>{{ $campaign->name }}</td>
                            <td>{{ $campaign->restaurant_name }}</td>
                            <td>{{ $objectiveLabels[$campaign->objective] ?? $campaign->objective }}</td>
                            <td>{{ number_format($campaign->budget_amount, 2) }} € / {{ $campaign->budget_type === 'daily' ? 'día' : 'total' }}</td>
                            <td><span class="badge bg-label-{{ $statusColors[$campaign->status] ?? 'secondary' }}">{{ ucfirst($campaign->status) }}</span></td>
                            <td>{{ $campaign->created_at->format('d/m/Y') }}</td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="6" class="text-center text-body-secondary py-6">
                                Todavía no hay campañas. <a href="{{ route('campaigns.create.content') }}">Crea la primera</a>.
                            </td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>

    @if ($campaigns->hasPages())
        <div class="mt-4">{{ $campaigns->links() }}</div>
    @endif
@endsection