@extends('layouts.public')

@section('content')
@php
    $hero = $blocksByKey['hero-planes'] ?? null;
    $plans = $blocksByKey['planes-lista'] ?? null;
    $cta = $blocksByKey['cta-planes'] ?? null;
    $leadForm = $forms['solicitud-comercial'] ?? null;
@endphp

@if($hero)
<section class="hero-panel bg-brand text-white p-4 p-lg-5 mb-5">
    <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
</section>
@endif

@if($plans)
<section class="mb-5">
    <div class="text-center mb-4">
        <h2 class="section-title fw-bold">{{ $plans['titulo'] }}</h2>
        <p class="text-muted mb-0">{{ $plans['subtitulo'] }}</p>
    </div>
    <div class="row g-4">
        @foreach(($plans['config']['items'] ?? []) as $item)
            <div class="col-lg-4">
                <div class="card section-card h-100 p-4">
                    <span class="plan-badge mb-3 align-self-start">{{ $item['etiqueta'] }}</span>
                    <h3 class="h4 fw-bold">{{ $item['nombre'] }}</h3>
                    <p class="text-muted">{{ $item['resumen'] }}</p>
                    <div class="fw-semibold mb-3">{{ $item['precio'] }}</div>
                    <ul class="ps-3 text-muted small mb-4">
                        @foreach(($item['caracteristicas'] ?? []) as $feature)
                            <li class="mb-2">{{ $feature }}</li>
                        @endforeach
                    </ul>
                    <a href="/planes/{{ $item['slug'] }}" class="btn btn-brand text-white w-100">Ver detalle</a>
                </div>
            </div>
        @endforeach
    </div>
</section>
@endif

@if($cta && $leadForm)
<section class="card section-card p-4 p-lg-5">
    <div class="row g-4 align-items-center">
        <div class="col-lg-5">
            <h2 class="section-title fw-bold">{{ $cta['titulo'] }}</h2>
            <p class="text-muted mb-0">{{ $cta['subtitulo'] }}</p>
        </div>
        <div class="col-lg-7">
            @include('public.partials.form', ['form' => $leadForm, 'pageId' => $page['id']])
        </div>
    </div>
</section>
@endif
@endsection