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

<head>
    <meta charset='utf-8'>
    <meta http-equiv='X-UA-Compatible' content='IE=edge'>
    <title>Dreamjob Admin</title>
    <meta name='viewport' content='width=device-width, initial-scale=1'>
    <link rel="icon" type="image/x-icon" href="/favicon.svg"/>
    <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=Nunito:wght@400;500;600;700;800&display=swap"
          rel="stylesheet">
    <link rel='stylesheet' type='text/css' media='screen'
          href="/assets/css/perfect-scrollbar.min-X9r8HMv.css">
    <link rel='stylesheet' type='text/css' media='screen'
          href="/assets/css/style-0NpO3XL.css">
    <link defer rel='stylesheet' type='text/css' media='screen'
          href="/assets/css/animate-DPVIIpK.css">

            <link rel="stylesheet" href="/assets/styles/app-qsLHP9C.css">
    
    <script src="/assets/js/perfect-scrollbar.min-RQZe4bO.js"></script>
    <script defer src="/assets/js/popper.min-qaow7xv.js"></script>
    <script defer src="/assets/js/tippy-bundle.umd.min-vrf8nJF.js"></script>

            <style>
            .dev-login {
                background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' height='50px' width='120px'><text x='0' y='15' fill='red' font-size='20'>DEV</text></svg>") !important;

            }

        </style>
    </head>


<body x-data="main" class=" dev-login antialiased relative font-nunito text-sm font-normal overflow-x-hidden"
      :class="[ $store.app.sidebar ? 'toggle-sidebar' : '', $store.app.theme === 'dark' || $store.app.isDarkMode ?  'dark' : '', $store.app.menu, $store.app.layout,$store.app.rtlClass]">

<!-- screen loader -->
<div
        class="screen_loader fixed inset-0 bg-[#fafafa] dark:bg-[#060818] z-[60] grid place-content-center animate__animated">
    <svg width="64" height="64" viewBox="0 0 135 135" xmlns="http://www.w3.org/2000/svg" fill="#4361ee">
        <path
                d="M67.447 58c5.523 0 10-4.477 10-10s-4.477-10-10-10-10 4.477-10 10 4.477 10 10 10zm9.448 9.447c0 5.523 4.477 10 10 10 5.522 0 10-4.477 10-10s-4.478-10-10-10c-5.523 0-10 4.477-10 10zm-9.448 9.448c-5.523 0-10 4.477-10 10 0 5.522 4.477 10 10 10s10-4.478 10-10c0-5.523-4.477-10-10-10zM58 67.447c0-5.523-4.477-10-10-10s-10 4.477-10 10 4.477 10 10 10 10-4.477 10-10z">
            <animateTransform attributeName="transform" type="rotate" from="0 67 67" to="-360 67 67" dur="2.5s"
                              repeatCount="indefinite"/>
        </path>
        <path
                d="M28.19 40.31c6.627 0 12-5.374 12-12 0-6.628-5.373-12-12-12-6.628 0-12 5.372-12 12 0 6.626 5.372 12 12 12zm30.72-19.825c4.686 4.687 12.284 4.687 16.97 0 4.686-4.686 4.686-12.284 0-16.97-4.686-4.687-12.284-4.687-16.97 0-4.687 4.686-4.687 12.284 0 16.97zm35.74 7.705c0 6.627 5.37 12 12 12 6.626 0 12-5.373 12-12 0-6.628-5.374-12-12-12-6.63 0-12 5.372-12 12zm19.822 30.72c-4.686 4.686-4.686 12.284 0 16.97 4.687 4.686 12.285 4.686 16.97 0 4.687-4.686 4.687-12.284 0-16.97-4.685-4.687-12.283-4.687-16.97 0zm-7.704 35.74c-6.627 0-12 5.37-12 12 0 6.626 5.373 12 12 12s12-5.374 12-12c0-6.63-5.373-12-12-12zm-30.72 19.822c-4.686-4.686-12.284-4.686-16.97 0-4.686 4.687-4.686 12.285 0 16.97 4.686 4.687 12.284 4.687 16.97 0 4.687-4.685 4.687-12.283 0-16.97zm-35.74-7.704c0-6.627-5.372-12-12-12-6.626 0-12 5.373-12 12s5.374 12 12 12c6.628 0 12-5.373 12-12zm-19.823-30.72c4.687-4.686 4.687-12.284 0-16.97-4.686-4.686-12.284-4.686-16.97 0-4.687 4.686-4.687 12.284 0 16.97 4.686 4.687 12.284 4.687 16.97 0z">
            <animateTransform attributeName="transform" type="rotate" from="0 67 67" to="360 67 67" dur="8s"
                              repeatCount="indefinite"/>
        </path>
    </svg>
</div>

<div class="fixed bottom-6 right-6 z-50" x-data="scrollToTop">
    <template x-if="showTopButton">
        <button type="button" class="btn btn-outline-primary rounded-full p-2 animate-pulse" @click="goToTop">
            <svg width="24" height="24" class="h-4 w-4" viewBox="0 0 24 24" fill="none"
                 xmlns="http://www.w3.org/2000/svg">
                <path opacity="0.5" fill-rule="evenodd" clip-rule="evenodd"
                      d="M12 20.75C12.4142 20.75 12.75 20.4142 12.75 20L12.75 10.75L11.25 10.75L11.25 20C11.25 20.4142 11.5858 20.75 12 20.75Z"
                      fill="currentColor"/>
                <path
                        d="M6.00002 10.75C5.69667 10.75 5.4232 10.5673 5.30711 10.287C5.19103 10.0068 5.25519 9.68417 5.46969 9.46967L11.4697 3.46967C11.6103 3.32902 11.8011 3.25 12 3.25C12.1989 3.25 12.3897 3.32902 12.5304 3.46967L18.5304 9.46967C18.7449 9.68417 18.809 10.0068 18.6929 10.287C18.5768 10.5673 18.3034 10.75 18 10.75L6.00002 10.75Z"
                        fill="currentColor"/>
            </svg>
        </button>
    </template>
</div>

<script>
  document.addEventListener("alpine:init", () => {
    Alpine.data("scrollToTop", () => ({
      showTopButton: false,
      init() {
        window.onscroll = () => {
          this.scrollFunction();
        };
      },

      scrollFunction() {
        if (document.body.scrollTop > 50 || document.documentElement.scrollTop > 50) {
          this.showTopButton = true;
        } else {
          this.showTopButton = false;
        }
      },

      goToTop() {
        document.body.scrollTop = 0;
        document.documentElement.scrollTop = 0;
      },
    }));
  });
</script>

<div class="main-container text-black dark:text-white-dark min-h-screen">
    
    
    <div>
        <div class="absolute inset-0">
            <img src="/assets/images/auth/bg-gradient-ZqNm6XG.png" alt="image"
                 class="h-full w-full object-cover"/>
        </div>

        <div class="relative flex min-h-screen items-center justify-center bg-cover bg-center bg-no-repeat px-6 py-10 dark:bg-[#060818] sm:px-16">
            <img src="/assets/images/auth/coming-soon-object1-lsVDJ7N.png" alt="image"
                 class="absolute left-0 top-1/2 h-full max-h-[893px] -translate-y-1/2"/>
            <img src="/assets/images/auth/coming-soon-object2-ulwsX0f.png" alt="image"
                 class="absolute left-24 top-0 h-40 md:left-[30%]"/>
            <img src="/assets/images/auth/coming-soon-object3-vSO8XzA.png" alt="image"
                 class="absolute right-0 top-0 h-[300px]"/>
            <img src="/assets/images/auth/polygon-object-9xNtKY7.svg" alt="image"
                 class="absolute bottom-0 end-[28%]"/>
            <div class="relative w-full max-w-[870px] rounded-md bg-[linear-gradient(45deg,#fff9f9_0%,rgba(255,255,255,0)_25%,rgba(255,255,255,0)_75%,_#fff9f9_100%)] p-2 dark:bg-[linear-gradient(52.22deg,#0E1726_0%,rgba(14,23,38,0)_18.66%,rgba(14,23,38,0)_51.04%,rgba(14,23,38,0)_80.07%,#0E1726_100%)]">
                <div class="relative flex flex-col justify-center rounded-md bg-white/60 backdrop-blur-lg dark:bg-black/50 px-6 py-12">
                    <div class="flex justify-center items-center pt-0 mt-0">
                        <img class="" width="400" src="/assets/images/logos/logo1-qxFBrVr.webp" alt="">
                    </div>

                    <div class="mx-auto w-full max-w-[440px]">
                        <div class="mb-10">
                            <h1 class="text-3xl font-extrabold uppercase !leading-snug text-primary md:text-4xl">Sign
                                in</h1>
                            <p class="text-base font-bold leading-normal text-white-dark">Enter your email and password
                                to login</p>
                        </div>
                        <form class="space-y-5 dark:text-white" method="POST">
                            <input type="hidden" name="_csrf_token"
                                   value="csrf-token"
                            >
                            <div>
                                <label for="username">Email</label>
                                <div class="relative text-white-dark ">
                                    <input name="_username" id="username" type="email" placeholder="Enter Email"
                                           value="" autocomplete="email"
                                           class="form-input ps-10 placeholder:text-white-dark"/>
                                    <span class="absolute start-4 top-1/2 -translate-y-1/2">
										<svg width="18" height="18" viewbox="0 0 18 18" fill="none">
											<path opacity="0.5"
                                                  d="M10.65 2.25H7.35C4.23873 2.25 2.6831 2.25 1.71655 3.23851C0.75 4.22703 0.75 5.81802 0.75 9C0.75 12.182 0.75 13.773 1.71655 14.7615C2.6831 15.75 4.23873 15.75 7.35 15.75H10.65C13.7613 15.75 15.3169 15.75 16.2835 14.7615C17.25 13.773 17.25 12.182 17.25 9C17.25 5.81802 17.25 4.22703 16.2835 3.23851C15.3169 2.25 13.7613 2.25 10.65 2.25Z"
                                                  fill="currentColor"></path>
											<path d="M14.3465 6.02574C14.609 5.80698 14.6445 5.41681 14.4257 5.15429C14.207 4.89177 13.8168 4.8563 13.5543 5.07507L11.7732 6.55931C11.0035 7.20072 10.4691 7.6446 10.018 7.93476C9.58125 8.21564 9.28509 8.30993 9.00041 8.30993C8.71572 8.30993 8.41956 8.21564 7.98284 7.93476C7.53168 7.6446 6.9973 7.20072 6.22761 6.55931L4.44652 5.07507C4.184 4.8563 3.79384 4.89177 3.57507 5.15429C3.3563 5.41681 3.39177 5.80698 3.65429 6.02574L5.4664 7.53583C6.19764 8.14522 6.79033 8.63914 7.31343 8.97558C7.85834 9.32604 8.38902 9.54743 9.00041 9.54743C9.6118 9.54743 10.1425 9.32604 10.6874 8.97558C11.2105 8.63914 11.8032 8.14522 12.5344 7.53582L14.3465 6.02574Z"
                                                  fill="currentColor"></path>
										</svg>
									</span>
                                </div>
                            </div>
                            <div>
                                <label for="password">Password</label>
                                <div class="relative text-white-dark ">
                                    <input name="_password" id="password" type="password" placeholder="Enter Password"
                                           class="form-input ps-10 placeholder:text-white-dark"
                                           autocomplete="current-password"/>
                                    <span class="absolute start-4 top-1/2 -translate-y-1/2">
										<svg width="18" height="18" viewbox="0 0 18 18" fill="none">
											<path opacity="0.5"
                                                  d="M1.5 12C1.5 9.87868 1.5 8.81802 2.15901 8.15901C2.81802 7.5 3.87868 7.5 6 7.5H12C14.1213 7.5 15.182 7.5 15.841 8.15901C16.5 8.81802 16.5 9.87868 16.5 12C16.5 14.1213 16.5 15.182 15.841 15.841C15.182 16.5 14.1213 16.5 12 16.5H6C3.87868 16.5 2.81802 16.5 2.15901 15.841C1.5 15.182 1.5 14.1213 1.5 12Z"
                                                  fill="currentColor"></path>
											<path d="M6 12.75C6.41421 12.75 6.75 12.4142 6.75 12C6.75 11.5858 6.41421 11.25 6 11.25C5.58579 11.25 5.25 11.5858 5.25 12C5.25 12.4142 5.58579 12.75 6 12.75Z"
                                                  fill="currentColor"></path>
											<path d="M9 12.75C9.41421 12.75 9.75 12.4142 9.75 12C9.75 11.5858 9.41421 11.25 9 11.25C8.58579 11.25 8.25 11.5858 8.25 12C8.25 12.4142 8.58579 12.75 9 12.75Z"
                                                  fill="currentColor"></path>
											<path d="M12.75 12C12.75 12.4142 12.4142 12.75 12 12.75C11.5858 12.75 11.25 12.4142 11.25 12C11.25 11.5858 11.5858 11.25 12 11.25C12.4142 11.25 12.75 11.5858 12.75 12Z"
                                                  fill="currentColor"></path>
											<path d="M5.0625 6C5.0625 3.82538 6.82538 2.0625 9 2.0625C11.1746 2.0625 12.9375 3.82538 12.9375 6V7.50268C13.363 7.50665 13.7351 7.51651 14.0625 7.54096V6C14.0625 3.20406 11.7959 0.9375 9 0.9375C6.20406 0.9375 3.9375 3.20406 3.9375 6V7.54096C4.26488 7.51651 4.63698 7.50665 5.0625 7.50268V6Z"
                                                  fill="currentColor"></path>
										</svg>
									</span>
                                </div>
                            </div>
                            <button type="submit"
                                    class="btn btn-gradient !mt-6 w-full border-0 uppercase shadow-[0_10px_20px_-10px_rgba(67,97,238,0.44)]">
                                Sign in
                            </button>
                        </form>

                        <div class="relative text-center mt-7 mb-7">
                            <span class="relative z-10 inline-block px-2 bg-white/60 dark:bg-black text-white-dark border border-gray-200 dark:border-white-dark/20">
                                Or continue with
                            </span>
                            <div class="absolute inset-x-0 top-1/2 -translate-y-1/2 border border-gray-200 dark:border-gray-700"></div>
                        </div>

                        <div class="flex justify-center">
                            <a href="/admin/oauth/google"
                               class="btn btn-outline-primary flex items-center justify-center gap-2 w-full">
                                <svg width="16px" height="16px" viewBox="-3 0 262 262"
                                     xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" fill="#000000">
                                    <g id="SVGRepo_bgCarrier" stroke-width="0"></g>
                                    <g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g>
                                    <g id="SVGRepo_iconCarrier">
                                        <path d="M255.878 133.451c0-10.734-.871-18.567-2.756-26.69H130.55v48.448h71.947c-1.45 12.04-9.283 30.172-26.69 42.356l-.244 1.622 38.755 30.023 2.685.268c24.659-22.774 38.875-56.282 38.875-96.027"
                                              fill="#4285F4"></path>
                                        <path d="M130.55 261.1c35.248 0 64.839-11.605 86.453-31.622l-41.196-31.913c-11.024 7.688-25.82 13.055-45.257 13.055-34.523 0-63.824-22.773-74.269-54.25l-1.531.13-40.298 31.187-.527 1.465C35.393 231.798 79.49 261.1 130.55 261.1"
                                              fill="#34A853"></path>
                                        <path d="M56.281 156.37c-2.756-8.123-4.351-16.827-4.351-25.82 0-8.994 1.595-17.697 4.206-25.82l-.073-1.73L15.26 71.312l-1.335.635C5.077 89.644 0 109.517 0 130.55s5.077 40.905 13.925 58.602l42.356-32.782"
                                              fill="#FBBC05"></path>
                                        <path d="M130.55 50.479c24.514 0 41.05 10.589 50.479 19.438l36.844-35.974C195.245 12.91 165.798 0 130.55 0 79.49 0 35.393 29.301 13.925 71.947l42.211 32.783c10.59-31.477 39.891-54.251 74.414-54.251"
                                              fill="#EB4335"></path>
                                    </g>
                                </svg>
                                Sign in with Google
                            </a>
                        </div>
                    </div>
                </div>
                <span>stage | d076b0c</span>
            </div>
        </div>
    </div>

</div>

<script src="/assets/js/alpine-collaspe.min-Jo1N6tX.js"></script>
<script src="/assets/js/alpine-persist.min-vxu-vpi.js"></script>
<script defer src="/assets/js/alpine.min-s8SWboa.js"></script>
<script src="/assets/js/custom-zQpCzWL.js"></script>
<script defer src="/assets/js/alpine-ui.min-1f9FkDL.js"></script>
<script defer src="/assets/js/alpine-focus.min-X3nS0Cu.js"></script>


</body>

</html>
