@extends('layouts.errors.template')
@section('title') {{ $tituloError }} @endsection

@section('content')
    <div class="flex justify-center mt-24 phone:mt-6">
        <div class="content-error">
            <div class="div-content-error">
                <img class="w-56" src="{{ asset('images/auth/logo.png') }}">

                <div class="mt-24 flex flex-col items-center">

                    <div class="text-text-error text-9xl">
                        <i class="fa-solid fa-triangle-exclamation"></i>
                    </div>

                    <label class="text-3xl font-bold mt-9">¡UPS!</label>
                    <label class="text-xl font-semibold mt-2">Al parecer el modulo no esta disponible para dispositivos moviles</label>

                    <a href="{{ redirect()->back()->getTargetUrl() }}" class="btn-primary-fit-base mt-10"> Regresar </a>
                </div>
            </div>
        </div>
    </div>
@endsection