@extends('layouts.public')

@section('content')
@php
    $hero = $blocksByKey['hero-contacto'] ?? null;
    $formBlock = $blocksByKey['formulario-contacto'] ?? null;
    $benefits = $blocksByKey['confianza-contacto'] ?? null;
    $contactForm = $forms['contacto-general'] ?? null;
@endphp

@if($hero)
<section class="hero-panel bg-brand text-white p-4 p-lg-5 mb-5">
    <div class="row g-4 align-items-center">
        <div class="col-lg-8">
            <h1 class="display-5 fw-bold mb-3">{{ $hero['titulo'] }}</h1>
            <p class="lead mb-2">{{ $hero['subtitulo'] }}</p>
            @if(!empty($hero['contenido']))<p class="text-white-50 mb-0">{{ $hero['contenido'] }}</p>@endif
        </div>
        <div class="col-lg-4 text-lg-end">
            @foreach(($hero['config']['buttons'] ?? []) as $button)
                <a href="{{ $button['url'] }}" class="btn {{ $loop->first ? 'btn-light' : 'btn-outline-light' }} mb-2">{{ $button['text'] }}</a>
            @endforeach
        </div>
    </div>
</section>
@endif

<section class="row g-4 mb-5">
    <div class="col-lg-7">
        <div class="card form-card p-4 p-lg-5 h-100">
            <h2 class="section-title fw-bold">{{ $formBlock['titulo'] ?? 'Escríbanos' }}</h2>
            <p class="text-muted">{{ $formBlock['subtitulo'] ?? 'Déjenos sus datos y su mensaje para contactarle.' }}</p>
            @if($contactForm)
                @include('public.partials.form', ['form' => $contactForm, 'pageId' => $page['id'], 'action' => route('public.contact.store')])
            @endif
        </div>
    </div>
    <div class="col-lg-5">
        <div class="card section-card p-4 p-lg-5 h-100">
            <h3 class="h4 fw-bold mb-3">Canales de atención</h3>
            @if(!empty($branding['correo_publico']) || !empty($branding['telefono_publico']) || !empty($branding['direccion_corta']))
                <ul class="list-unstyled mb-0 d-grid gap-3">
                    @if(!empty($branding['correo_publico']))<li><strong>Correo</strong><br><span class="text-muted">{{ $branding['correo_publico'] }}</span></li>@endif
                    @if(!empty($branding['telefono_publico']))<li><strong>Teléfono</strong><br><span class="text-muted">{{ $branding['telefono_publico'] }}</span></li>@endif
                    @if(!empty($branding['direccion_corta']))<li><strong>Ubicación</strong><br><span class="text-muted">{{ $branding['direccion_corta'] }}</span></li>@endif
                </ul>
            @else
                <p class="text-muted mb-0">Los datos públicos directos todavía no fueron definidos. Mientras tanto, el formulario de contacto está activo y registra cada solicitud.</p>
            @endif
        </div>
    </div>
</section>

@if($benefits)
<section>
    <div class="text-center mb-4">
        <h2 class="section-title fw-bold">{{ $benefits['titulo'] }}</h2>
        <p class="text-muted mb-0">{{ $benefits['subtitulo'] }}</p>
    </div>
    <div class="row g-4">
        @foreach(($benefits['config']['items'] ?? []) as $item)
            <div class="col-md-4">
                <div class="card section-card h-100 p-4">
                    <h3 class="h5 fw-bold">{{ $item['title'] }}</h3>
                    <p class="text-muted mb-0">{{ $item['text'] }}</p>
                </div>
            </div>
        @endforeach
    </div>
</section>
@endif
@endsection