@include('landing.partials.header')

<main>
    <!-- Sección Héroe -->
    <header class="hero-section text-white text-center d-flex align-items-center"
        {{-- INICIO DE LA MODIFICACIÓN --}}
        @if(setting('landing.hero_background_image'))
            style="background-image: linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.7)), url('{{ Storage::disk(config('voyager.storage.disk'))->url(setting('landing.hero_background_image')) }}')"
        @endif
        {{-- FIN DE LA MODIFICACIÓN --}}
    >
        <div class="container">
            <h1 class="display-3 fw-bold">{{ setting('landing.heroTitle', 'Tu contenido, a tu manera') }}</h1>
            <p class="lead col-lg-8 mx-auto">{{ setting('landing.heroSubtitle', 'Disfruta de tus películas, series y música con la potencia y flexibilidad de nuestros servidores.') }}</p>
            @if(setting('landing.hero_button_link'))
                <a href="{{ setting('landing.hero_button_link') }}" class="btn btn-primary btn-lg mt-3 fw-bold">{{ setting('landing.heroCtaText', 'Comienza Ahora') }}</a>
            @else
                <a href="#contacto" class="btn btn-primary btn-lg mt-3 fw-bold">{{ setting('landing.heroCtaText', 'Comienza Ahora') }}</a>
            @endif
        </div>
    </header>

    @php
        $menu = [];
        if(setting('landing.platform_order')){
            $menu = json_decode(setting('landing.platform_order'), true);
        }
    @endphp

    @foreach($menu as $plt)
        @include('landing.partials.s-'.$plt)
    @endforeach

    @if(setting('landing.enable_contact_form'))
    <!-- Sección de Contacto -->
    <section id="contacto" class="py-5 contact-section">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-lg-6 text-white mb-4 mb-lg-0">
                    <h2 class="fw-bold">{{ setting('landing.contactTitle', '¿Tienes alguna pregunta?') }}</h2>
                    <p class="lead">{{ setting('landing.contactSubtitle', 'Estamos aquí para ayudarte.') }}</p>
                    <div class="mt-4">
                        @if(setting('landing.contact_email'))
                            <p><i class="fas fa-envelope me-2"></i> <a href="mailto:{{ setting('landing.contact_email') }}" class="text-white text-decoration-none">{{ setting('landing.contact_email') }}</a></p>
                        @endif
                        <p><i class="fas fa-headset me-2"></i> Soporte técnico disponible 24/7</p>
                    </div>
                </div>
                <div class="col-lg-6">
                    {{-- El action del form debería apuntar a una ruta real que procese el envío --}}
                    <form action="" method="post">
                        @csrf
                        <div class="mb-3">
                            <input type="text" name="nombre" class="form-control" placeholder="Tu Nombre" required>
                        </div>
                        <div class="mb-3">
                            <input type="email" name="email" class="form-control" placeholder="Tu Correo Electrónico" required>
                        </div>
                        <div class="mb-3">
                            <textarea name="mensaje" class="form-control" rows="5" placeholder="Tu Mensaje" required></textarea>
                        </div>
                        <button type="submit" class="btn btn-primary w-100 fw-bold">Enviar Mensaje</button>
                    </form>
                </div>
            </div>
        </div>
    </section>
    @endif
</main>
@include('landing.partials.footer')