@extends('layout.front.master')

@section('title', __('En mantenimiento') . ' | ' . config('site.name'))

@section('content')

@php
    $pageTitle = __('Sección en mantenimiento');
    $pageSubtitle = __('Estamos trabajando para mejorar tu experiencia');
    $breadcrumbItems = [
        ['label' => __('Inicio'), 'url' => url('/')],
        ['label' => __('Mantenimiento'), 'url' => null],
    ];
@endphp

@include('modules.cd-base.frontend.partials.dynamic-header', [
    'pageTitle' => $pageTitle,
    'pageSubtitle' => $pageSubtitle,
    'breadcrumbItems' => $breadcrumbItems,
])

<div class="container" style="background-color: var(--secondary, #fff);">
    <section>
        <div class="row justify-content-center py-5">
            <div class="col-md-7 text-center">
                <div>
                    <h2 class="font-weight-extra-bold" style="font-size: 4rem; color: var(--primary, #0088cc); line-height: 1; margin-bottom: 1rem;">
                        <i class="fas fa-tools"></i>
                    </h2>
                    <h3 class="font-weight-bold text-6 mb-3" style="color: var(--light, #333);">{{ __('Esta sección no está disponible') }}</h3>
                    <p class="text-4" style="color: var(--quaternary, #777);">{{ __('Estamos trabajando en esta sección. Mientras tanto, podés navegar el resto del sitio o contactarnos.') }}</p>
                    <div class="d-flex flex-column flex-sm-row gap-3 justify-content-center mt-4">
                        <a href="{{ url('/') }}" class="btn btn-primary btn-rounded font-weight-bold">Volver al inicio</a>
                        <a href="{{ url('/contact') }}" class="btn btn-outline btn-rounded font-weight-bold" style="color: var(--primary, #0088cc); border-color: var(--primary, #0088cc);">Contactanos</a>
                    </div>
                </div>
            </div>
        </div>
    </section>
</div>

@endsection