@extends('layouts.vuexy')

@section('title', $campaign->name)

@php
    $statusColors = [
        'draft' => 'secondary',
        'pending' => 'warning',
        'active' => 'success',
        'paused' => 'warning',
        'completed' => 'info',
        'failed' => 'danger',
    ];
    $objectiveLabels = [
        'app_installs' => 'Instalación de la app',
        'traffic' => 'Tráfico',
        'conversions' => 'Conversiones / pedidos',
    ];
    $audienceLabels = [
        'new' => 'Nueva audiencia (por ubicación)',
        'remarketing' => 'Remarketing',
        'lookalike' => 'Lookalike',
    ];
    $creative = $campaign->adCreatives->first();
@endphp

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

    <p><a href="{{ route('campaigns.index') }}">&larr; Todas las campañas</a></p>

    <div class="row g-6">
        <div class="col-lg-5">
            <h6 class="mb-4">Creatividad</h6>
            @if ($creative)
                @include('campaigns.partials._ad-preview', [
                    'imageUrl' => $creative->image_url,
                    'restaurantName' => $campaign->restaurant_name,
                    'headline' => $creative->headline,
                    'primaryText' => $creative->primary_text,
                    'badgeText' => $creative->discount_badge_text,
                    'ctaLabel' => $creative->cta_label,
                ])
            @else
                <p class="text-body-secondary">Sin creatividad asociada.</p>
            @endif
        </div>

        <div class="col-lg-7">
            <div class="card">
                <div class="card-body">
                    <div class="d-flex justify-content-between align-items-start mb-4">
                        <h5 class="card-title mb-0">{{ $campaign->name }}</h5>
                        <span class="badge bg-label-{{ $statusColors[$campaign->status] ?? 'secondary' }}">{{ ucfirst($campaign->status) }}</span>
                    </div>

                    <table class="table table-borderless mb-0">
                        <tbody>
                            <tr><th class="text-body-secondary" style="width: 40%;">Restaurante</th><td>{{ $campaign->restaurant_name }}</td></tr>
                            <tr><th class="text-body-secondary">Objetivo</th><td>{{ $objectiveLabels[$campaign->objective] ?? $campaign->objective }}</td></tr>
                            <tr>
                                <th class="text-body-secondary">Presupuesto</th>
                                <td>{{ number_format($campaign->budget_amount, 2) }} € / {{ $campaign->budget_type === 'daily' ? 'día' : 'total de la campaña' }}</td>
                            </tr>
                            <tr>
                                <th class="text-body-secondary">Duración</th>
                                <td>
                                    {{ $campaign->start_date->format('d/m/Y') }}
                                    @if ($campaign->end_date)
                                        – {{ $campaign->end_date->format('d/m/Y') }}
                                    @else
                                        (sin fecha de fin)
                                    @endif
                                </td>
                            </tr>
                            <tr>
                                <th class="text-body-secondary">Ubicación</th>
                                <td>{{ $campaign->city ?: 'Sin ciudad especificada' }} — radio {{ $campaign->geo_radius_km ?? 5 }} km</td>
                            </tr>
                            <tr><th class="text-body-secondary">Audiencia</th><td>{{ $audienceLabels[$campaign->audience_type] ?? $campaign->audience_type }}</td></tr>
                            <tr><th class="text-body-secondary">Creada por</th><td>{{ $campaign->creator?->name ?? '—' }}</td></tr>
                            <tr><th class="text-body-secondary">ID de Facebook</th><td>{{ $campaign->fb_campaign_id ?? 'Todavía no publicada (Fase 3)' }}</td></tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
@endsection