@extends('layout.front.maintenance')

@section('title', __('Mantenimiento') . ' | ' . config('site.name'))
@section('description', __('Esta sección está en mantenimiento. Estaremos de vuelta pronto.'))

@section('content')

@php
    $activeDemo = get_active_demo();
    $message = isset($message) ? $message : __('El sitio web está en mantenimiento programado. Por favor, vuelva más tarde.');
@endphp

<header id="header" data-plugin-options="{'stickyEnabled': false}">
    <div class="header-body border border-top-0 border-end-0 border-start-0">
        <div class="header-container container py-2">
            <div class="header-row">
                <div class="header-column">
                    <div class="header-row">
                        <p class="mb-0 text-dark">
                            <strong>{{ __('Contáctenos') }}!</strong>
                            @if(config('site.contact.phone'))
                                <a href="tel:{{ preg_replace('/[^0-9+]/', '', config('site.contact.phone')) }}" class="text-color-dark text-color-hover-primary">
                                    {{ config('site.contact.phone') }}
                                </a>
                            @endif
                            @if(config('site.contact.email'))
                                <span class="d-none d-sm-inline-block ps-1"> |
                                    <a href="mailto:{{ config('site.contact.email') }}" class="text-color-dark text-color-hover-primary">
                                        {{ config('site.contact.email') }}
                                    </a>
                                </span>
                            @endif
                        </p>
                    </div>
                </div>
                <div class="header-column justify-content-end">
                    <div class="header-row">
                        <ul class="header-social-icons social-icons me-2">
                            @foreach(config('site.social_media', []) as $key => $social)
                                @if(isset($social['active']) && $social['active'])
                                    <li class="social-icons-{{ $key }}">
                                        <a href="{{ $social['url'] ?? '#' }}" target="_blank" rel="noopener noreferrer" title="{{ $social['title'] ?? ucfirst($key) }}">
                                            <i class="{{ $social['icon'] ?? 'fab fa-' . $key }}"></i>
                                        </a>
                                    </li>
                                @endif
                            @endforeach
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</header>

<div role="main" class="main" style="min-height: calc(100vh - 393px);">
    <div class="container">
        <div class="row mt-5">
            <div class="col text-center">
                <div class="logo">
                    <a href="{{ url('/') }}">
                        @if(config('site.assets.main_logo'))
                            <img height="48" src="{{ asset(config('site.assets.main_logo')) }}" alt="{{ config('site.name', 'CD System') }}">
                        @else
                            <h2 class="text-color-dark">{{ config('site.name', 'CD System') }}</h2>
                        @endif
                    </a>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col">
                <hr class="solid my-5">
            </div>
        </div>
        <div class="row">
            <div class="col text-center">
                <div class="overflow-hidden mb-2">
                    <h2 class="font-weight-normal text-7 mb-0 appear-animation" data-appear-animation="maskUp">
                        <strong class="font-weight-extra-bold">{{ __('Modo Mantenimiento') }}</strong>
                    </h2>
                </div>
                <div class="overflow-hidden mb-1">
                    <p class="lead mb-0 appear-animation" data-appear-animation="maskUp" data-appear-animation-delay="200">
                        {{ $message }}
                    </p>
                </div>
                @auth
                    <div class="overflow-hidden mb-4 mt-3 appear-animation" data-appear-animation="maskUp" data-appear-animation-delay="400">
                        <a href="{{ route('home') }}" class="btn btn-primary btn-modern">
                            <i class="fas fa-tachometer-alt me-2"></i>
                            {{ __('Acceder al Panel de Administración') }}
                        </a>
                    </div>
                @else
                    <div class="overflow-hidden mb-4 mt-3 appear-animation" data-appear-animation="maskUp" data-appear-animation-delay="400">
                        <a href="{{ route('login') }}" class="btn btn-outline-primary btn-modern">
                            <i class="fas fa-sign-in-alt me-2"></i>
                            {{ __('Acceso Administrativo') }}
                        </a>
                    </div>
                @endauth
            </div>
        </div>
        <div class="row">
            <div class="col">
                <hr class="solid my-5">
            </div>
        </div>
        <div class="row">
            <div class="col">
                <div class="row">
                    <div class="col-lg-4 appear-animation" data-appear-animation="fadeInLeftShorter" data-appear-animation-delay="600">
                        <div class="feature-box">
                            <div class="feature-box-icon">
                                <i class="far fa-life-ring"></i>
                            </div>
                            <div class="feature-box-info">
                                <h4 class="text-4 text-uppercase mb-1 font-weight-bold">{{ __('Sitio en Configuración') }}</h4>
                                <p class="mb-4">{{ __('Nuestro sitio web se encuentra en fase de configuración inicial. Estamos trabajando para ofrecerle la mejor experiencia.') }}</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 appear-animation" data-appear-animation="fadeIn" data-appear-animation-delay="400">
                        <div class="feature-box">
                            <div class="feature-box-icon">
                                <i class="far fa-clock"></i>
                            </div>
                            <div class="feature-box-info">
                                <h4 class="text-4 text-uppercase mb-1 font-weight-bold">{{ __('Próximamente') }}</h4>
                                <p class="mb-4">{{ __('Estaremos en línea muy pronto. Mientras tanto, puede contactarnos a través de los medios disponibles.') }}</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 appear-animation" data-appear-animation="fadeInRightShorter" data-appear-animation-delay="600">
                        <div class="feature-box">
                            <div class="feature-box-icon">
                                <i class="far fa-envelope"></i>
                            </div>
                            <div class="feature-box-info">
                                <h4 class="text-4 text-uppercase mb-1 font-weight-bold">{{ __('Contáctenos') }}</h4>
                                <p class="mb-4">
                                    @if(config('site.contact.email'))
                                        <a href="mailto:{{ config('site.contact.email') }}" class="text-color-primary">{{ config('site.contact.email') }}</a><br>
                                    @endif
                                    @if(config('site.contact.phone'))
                                        <a href="tel:{{ preg_replace('/[^0-9+]/', '', config('site.contact.phone')) }}" class="text-color-primary">{{ config('site.contact.phone') }}</a>
                                    @endif
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

@include('layout.front.partials._whatsapp')

{{-- <footer id="footer">
    <div class="container">
        <div class="row py-5">
            <div class="col-md-4 d-flex justify-content-center justify-content-md-start mb-4 mb-lg-0">
                <a href="{{ url('/') }}" class="logo pe-0 pe-lg-3 ps-3 ps-md-0">
                    @if(config('site.assets.footer_logo'))
                        <img alt="{{ config('site.name', 'CD System') }}" src="{{ asset(config('site.assets.footer_logo')) }}" height="32">
                    @elseif(config('site.assets.main_logo'))
                        <img alt="{{ config('site.name', 'CD System') }}" src="{{ asset(config('site.assets.main_logo')) }}" height="32">
                    @else
                        <h5 class="text-color-dark mb-0">{{ config('site.name', 'CD System') }}</h5>
                    @endif
                </a>
            </div>
            <div class="col-md-8 d-flex justify-content-center justify-content-md-end mb-4 mb-lg-0">
                <div class="row">
                    @if(config('site.contact.address'))
                        <div class="col-md-6 mb-3 mb-md-0">
                            <div class="ms-3 text-center text-md-end">
                                <h5 class="text-3 mb-0 text-color-light">{{ __('UBICACIÓN') }}</h5>
                                <p class="text-4 mb-0">
                                    <i class="fas fa-map-marker-alt text-color-primary top-1 p-relative"></i>
                                    <span class="ps-1">
                                        <a href="#" class="text-color-hover-light">{{ config('site.contact.address') }}</a>
                                    </span>
                                </p>
                            </div>
                        </div>
                    @endif
                    @if(config('site.contact.phone'))
                        <div class="col-md-6">
                            <div class="ms-3 text-center text-md-end">
                                <h5 class="text-3 mb-0 text-color-light">{{ __('CONTACTO') }}</h5>
                                <p class="text-4 mb-0">
                                    <i class="fab fa-whatsapp text-color-primary top-1 p-relative"></i>
                                    <span class="ps-1">
                                        <a href="tel:{{ preg_replace('/[^0-9+]/', '', config('site.contact.phone')) }}" class="text-color-hover-light">{{ config('site.contact.phone') }}</a>
                                    </span>
                                </p>
                            </div>
                        </div>
                    @endif
                </div>
            </div>
        </div>
    </div>
    <div class="footer-copyright footer-copyright-style-2">
        <div class="container py-2">
            <div class="row py-4">
                <div class="col-md-4 d-flex align-items-center justify-content-center justify-content-md-start mb-2 mb-lg-0">
                    <p>© Copyright {{ date('Y') }}. {{ __('Todos los derechos reservados.') }}</p>
                </div>
                <div class="col-md-8 d-flex align-items-center justify-content-center justify-content-md-end mb-4 mb-lg-0">
                    @if(config('site.contact.email'))
                        <p>
                            <i class="far fa-envelope text-color-primary top-1 p-relative"></i>
                            <a href="mailto:{{ config('site.contact.email') }}" class="opacity-7 ps-1">{{ config('site.contact.email') }}</a>
                        </p>
                    @endif
                    <ul class="footer-social-icons social-icons social-icons-clean social-icons-icon-light ms-3">
                        @foreach(config('site.social_media', []) as $key => $social)
                            @if(isset($social['active']) && $social['active'])
                                <li class="social-icons-{{ $key }}">
                                    <a href="{{ $social['url'] ?? '#' }}" target="_blank" rel="noopener noreferrer" title="{{ $social['title'] ?? ucfirst($key) }}">
                                        <i class="{{ $social['icon'] ?? 'fab fa-' . $key }} text-2"></i>
                                    </a>
                                </li>
                            @endif
                        @endforeach
                    </ul>
                </div>
            </div>
        </div>
    </div>
</footer> --}}

@endsection