<!doctype html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="csrf-token" content="{{ csrf_token() }}">

    <title>{{ config('app.name', 'Laravel') }} — {{ __('Mi cuenta') }}</title>

    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;600;700;800&display=swap" rel="stylesheet">
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
    <link href="{{ asset('css/rt-buttons.css') }}?v=1" rel="stylesheet">
    <link href="{{ asset('css/auth.css') }}?v=8" rel="stylesheet">
</head>
<body class="rt-auth-body rt-app-dashboard" data-bs-theme="dark">
    <div
        class="rt-brand-atmosphere"
        style="--rt-auth-hero-image: url({{ \Illuminate\Support\Js::from($authHeroBackdrop) }});"
        aria-hidden="true"
    ></div>

    @php
        $logoUrl = asset('images/logotipo-regiticket.png');
    @endphp

    <header class="rt-auth-header">
        <div class="container py-3 d-flex flex-wrap align-items-center justify-content-between gap-3">
            <a class="rt-auth-brand d-inline-flex align-items-center text-decoration-none" href="{{ url('/') }}">
                <img src="{{ $logoUrl }}" alt="{{ config('app.name') }}" height="48" width="auto" class="rt-auth-brand-logo">
            </a>
            <nav class="d-flex flex-wrap align-items-center gap-2" aria-label="{{ __('Cuenta') }}">
                @auth
                    <span class="text-secondary small d-none d-sm-inline">{{ Auth::user()->name }}</span>
                    <a href="{{ route('logout') }}"
                       class="btn btn-sm rt-btn-cherry px-3"
                       onclick="event.preventDefault(); document.getElementById('logout-form').submit();">{{ __('Salir') }}</a>
                    <form id="logout-form" action="{{ route('logout') }}" method="POST" class="d-none">
                        @csrf
                    </form>
                @endauth
            </nav>
        </div>
    </header>

    <main class="rt-auth-main">
        <div class="container">
            <div class="row justify-content-center">
                <div class="col-12 col-sm-11 col-md-9 col-lg-6 col-xl-5">
                    @yield('content')
                </div>
            </div>
        </div>
    </main>

    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
    <script>
        window.rtPasswordI18n = {
            show: @json(__('Mostrar contraseña')),
            hide: @json(__('Ocultar contraseña')),
            secure: @json(__('Contraseña segura')),
            unsafe: @json(__('Contraseña no segura')),
        };
    </script>
    <script src="{{ asset('js/rt-password-field.js') }}?v=1" defer></script>
</body>
</html>
