@extends('layouts.public')

@section('content')
@php
    $hero = $blocksByKey['hero-herramientas'] ?? null;
    $tools = $blocksByKey['lista-herramientas'] ?? null;
    $cta = $blocksByKey['cta-herramientas'] ?? 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($tools)
<section class="mb-5">
    <div class="text-center mb-4">
        <h2 class="section-title fw-bold">{{ $tools['titulo'] }}</h2>
        <p class="text-muted mb-0">{{ $tools['subtitulo'] }}</p>
    </div>
    <div class="row g-4">
        @foreach(($tools['config']['items'] ?? []) as $item)
            <div class="col-lg-4">
                <div class="card section-card h-100 p-4">
                    <div class="icon-bullet mb-3">{{ $loop->iteration }}</div>
                    <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