@extends('layouts.master-simple')
@php
    $seo = array (
        'title' =>  App::getLocale() == 'en' ? ' 503 | Service Unavailable' : ' 503 | Error interno del servidor',
        'description' =>  App::getLocale() == 'en' ? 'The server is temporarily busy, try again later' : 'El servidor está temporalmente ocupado, ¡inténtalo de nuevo más tarde',
        'imagen' =>  asset('/storage/images/contact-mobile.jpg'),
        'url' =>  App::getLocale() == 'en' ? 'https://marivalarmony.com/' : 'https://marivalarmony.com.mx/',
        'nofollow' => 'true',
    );
@endphp

@section('app')

     <div class="error_page">
         <div class="container-fluid">
            <div class="row justify-content-center">
                <div class="col-7 col-md-5 col-lg-2 pt-5 mb-3 text-center">
                    <a href="{{ App::getLocale() == 'en' ? '/' : '/es' }}" class="logo_normal">
                        <img src="{{ asset('/storage/logos/logo-inovation.svg') }}" alt="Armony Marival Resort & Spa Punta de Mita – MGallery Collection" style="max-width:215px;">
                    </a>
                </div>
            </div>
        </div>
        <hr/>
        <div class="container">
            <div class="row justify-content-center justify-content-center">
                <div class="col-lg-6 col-md-10">
                   <div class="parallax_wrapper">
                        <img src="{{ asset('/storage/images/description-plan-your-vacation-inovation.webp') }}" alt="Armony Marival Resort & Spa Punta de Mita – MGallery Collection" class="rounded-img" width="100%", height="100%" style="min-height: 500px;">
                    </div>
                </div>
                <div class="col-lg-5 col-md-10">
                    <h1>503</h1>
                    @if(changeLanguage())
                        <h2>Service Unavailable</h2>
                        <p>The server is temporarily busy, try again later!</p>
                        <p><a class="btn_1 outline mt-3" href="https://marivalarmony.com" title="Back to home">Back to home</a></p>
                    @else
                        <h2>Error interno del servidor</h2>
                        <p>El servidor está temporalmente ocupado, ¡inténtalo de nuevo más tarde!</p>
                        <p><a class="btn_1 outline mt-3" href="https://marivalarmony.com.mx" title="Visita la página de inicio">Visita la página de inicio</a></p>
                    @endif
                </div>
            </div>
        </div>
    </div>
     <div class="progress-wrap">
        <svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102">
            <path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98"/>
        </svg>
    </div>
    <!-- /back to top -->
@endsection