@extends('layouts.public')

@section('content')
@php
    $hero = $blocksByKey['hero-plan'] ?? null;
    $benefits = $blocksByKey['beneficios-plan'] ?? null;
    $cta = $blocksByKey['cta-plan'] ?? null;
    $leadForm = $forms['solicitud-comercial'] ?? 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">
            <span class="badge bg-white text-dark mb-3">{{ $page['titulo_publico'] }}</span>
            <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 ms-lg-2">{{ $button['text'] }}</a>
            @endforeach
        </div>
    </div>
</section>
@endif

@if($benefits)
<section class="mb-5">
    <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

@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