CINXE.COM
Imuga - Maldives Immigration
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="csrf-token" content="F58QozI5CojiMrBaRkofQgNe7ijTceVhxWZvbLMT"> <title> Imuga - Maldives Immigration </title> <!-- Fonts --> <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@400..600&display=swap" rel="stylesheet"> <!-- Primary Meta Tags --> <meta name="title" content="Imuga - Maldives Immigration"> <meta name="description" content="Maldives Immigration - Navigating Towards Future"> <!-- Open Graph / Facebook --> <meta property="og:type" content="website"> <meta property="og:url" content="https://imuga.immigration.gov.mv/"> <meta property="og:title" content="Imuga - Maldives Immigration"> <meta property="og:description" content="Maldives Immigration - Navigating Towards Future"> <meta property="og:image" content="/img/og_image.png"> <!-- Twitter --> <meta property="twitter:card" content="summary_large_image"> <meta property="twitter:url" content="https://imuga.immigration.gov.mv/"> <meta property="twitter:title" content="Imuga - Maldives Immigration"> <meta property="twitter:description" content="Maldives Immigration - Navigating Towards Future"> <meta property="twitter:image" content="/img/og_image.png"> <!-- Favicon --> <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"> <link rel="manifest" href="/site.webmanifest"> <!-- Scripts --> <link rel="preload" as="style" href="https://imuga.immigration.gov.mv/build/assets/app-a39ebd63.css" /><link rel="preload" as="style" href="https://imuga.immigration.gov.mv/build/assets/app-5688d4e6.css" /><link rel="modulepreload" href="https://imuga.immigration.gov.mv/build/assets/app-c0d7d440.js" /><link rel="modulepreload" href="https://imuga.immigration.gov.mv/build/assets/document-reader-036a1fb4.js" /><link rel="modulepreload" href="https://imuga.immigration.gov.mv/build/assets/qr-scanner-b2d4db7f.js" /><link rel="modulepreload" href="https://imuga.immigration.gov.mv/build/assets/swiper-7a3169aa.js" /><link rel="stylesheet" href="https://imuga.immigration.gov.mv/build/assets/app-a39ebd63.css" data-navigate-track="reload" /><link rel="stylesheet" href="https://imuga.immigration.gov.mv/build/assets/app-5688d4e6.css" data-navigate-track="reload" /><script type="module" src="https://imuga.immigration.gov.mv/build/assets/app-c0d7d440.js" data-navigate-track="reload"></script> <link rel="stylesheet" href="/flux/flux.css?id=23a31d39"> <!-- Livewire Styles --><style >[wire\:loading][wire\:loading], [wire\:loading\.delay][wire\:loading\.delay], [wire\:loading\.inline-block][wire\:loading\.inline-block], [wire\:loading\.inline][wire\:loading\.inline], [wire\:loading\.block][wire\:loading\.block], [wire\:loading\.flex][wire\:loading\.flex], [wire\:loading\.table][wire\:loading\.table], [wire\:loading\.grid][wire\:loading\.grid], [wire\:loading\.inline-flex][wire\:loading\.inline-flex] {display: none;}[wire\:loading\.delay\.none][wire\:loading\.delay\.none], [wire\:loading\.delay\.shortest][wire\:loading\.delay\.shortest], [wire\:loading\.delay\.shorter][wire\:loading\.delay\.shorter], [wire\:loading\.delay\.short][wire\:loading\.delay\.short], [wire\:loading\.delay\.default][wire\:loading\.delay\.default], [wire\:loading\.delay\.long][wire\:loading\.delay\.long], [wire\:loading\.delay\.longer][wire\:loading\.delay\.longer], [wire\:loading\.delay\.longest][wire\:loading\.delay\.longest] {display: none;}[wire\:offline][wire\:offline] {display: none;}[wire\:dirty]:not(textarea):not(input):not(select) {display: none;}:root {--livewire-progress-bar-color: #2299dd;}[x-cloak] {display: none !important;}</style> </head> <body class="h-dvh bg-white antialiased dark:bg-zinc-900"> <div wire:snapshot="{"data":{"form":[{"email":"","password":"","remember":false},{"class":"App\\Livewire\\Forms\\LoginForm","s":"form"}]},"memo":{"id":"JTgRN57FgGbrvsbAq9hN","name":"pages.auth.login","path":"login","method":"GET","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en"},"checksum":"608916bdda4cfea9ffc981dc39ac7860057c75a9abe8f09a51aa283dd9e31e35"}" wire:effects="[]" wire:id="JTgRN57FgGbrvsbAq9hN"> <div class="relative flex min-h-screen flex-col justify-center overflow-hidden"> <div class="relative flex h-screen w-full flex-col justify-between border border-zinc-200 bg-white px-6 pb-8 pt-10 shadow-sm dark:border-white/10 dark:bg-white/10 sm:mx-auto sm:h-full sm:max-w-xl sm:rounded-3xl xl:max-w-5xl"> <div> <!-- Main Form --> <div class="px-0 sm:items-baseline sm:justify-between xl:flex xl:px-6"> <!--title --> <div> <a wire:navigate href="https://imuga.immigration.gov.mv"> <svg viewBox="0 0 325 57" xmlns="http://www.w3.org/2000/svg" class="h-8 dark:fill-white"> <path fill-rule="evenodd" clip-rule="evenodd" d="M140.246 19.699C139.888 19.699 139.799 20.0592 139.71 20.2393C136.226 25.012 132.742 29.8748 129.258 34.6474C127.024 37.7092 123.451 37.7092 121.218 34.5574C117.823 29.7847 114.339 25.012 110.944 20.2393C110.766 20.0592 110.676 19.8791 110.319 19.4289V52.2073C110.319 55.4492 107.46 57.6104 104.512 56.7099C102.815 56.1696 101.564 54.5487 101.564 52.6576V6.55163C101.564 3.21975 104.423 1.05853 107.55 2.13914C108.532 2.49935 109.247 3.1297 109.872 4.03021C114.786 10.8741 119.788 17.7179 124.702 24.5618C125.327 25.3722 125.506 25.2822 126.042 24.5618C130.955 17.7179 135.868 10.8741 140.871 4.03021C142.658 1.59884 145.606 1.23864 147.75 3.21975C148.643 4.12026 149.09 5.11082 149.09 6.37153V52.5675C149.09 55.089 147.125 56.98 144.623 56.98C142.122 56.98 140.335 55.089 140.335 52.5675V20.5995C140.335 20.2393 140.514 19.9692 140.246 19.699ZM270.852 38.3395V46.5341C270.852 48.4252 270.137 49.866 268.619 51.0367C253.611 62.1129 232.081 56.7999 224.488 39.9604C218.145 26.0026 224.488 9.1631 238.692 2.85955C249.233 -1.82309 259.328 -0.74248 268.797 6.01132C271.12 7.63224 271.567 10.4238 270.048 12.495C268.529 14.5661 265.76 14.8363 263.437 13.2154C255.576 7.54219 245.481 7.63224 238.424 13.4855C232.171 18.7085 229.491 25.4623 231.813 33.3867C234.136 41.4013 239.764 46.0839 247.893 47.5247C252.539 48.3352 256.916 47.4346 261.025 45.2734C261.651 44.9132 261.829 44.553 261.829 43.8326C261.74 40.8609 261.74 37.8893 261.829 35.0077C261.829 34.1972 261.651 33.927 260.847 34.0171C257.452 34.1071 254.147 34.0171 250.752 34.0171C248.34 34.0171 246.464 32.4862 246.107 30.325C245.66 27.6235 247.536 25.1921 250.305 25.1921C255.665 25.1021 261.115 25.1021 266.475 25.1921C268.976 25.1921 270.763 27.1732 270.763 29.7847C270.852 32.6663 270.852 35.548 270.852 38.3395ZM209.748 20.8697V33.927C209.748 46.6242 199.653 56.7999 187.146 56.7999C174.639 56.7999 164.455 46.8043 164.366 34.0171C164.277 24.7419 164.366 15.4666 164.366 6.28147C164.366 3.57995 166.153 1.68889 168.654 1.68889C171.155 1.68889 173.031 3.67 173.031 6.37153V33.7469C173.031 40.951 177.677 46.5341 184.734 47.8849C192.506 49.4158 200.368 43.3824 200.904 35.3679C201.082 33.1166 200.993 30.8653 200.993 28.7041V6.37153C200.993 2.9496 204.209 0.788382 207.246 2.13914C208.944 2.9496 209.748 4.30036 209.748 6.10137V20.8697ZM324.542 50.3163C321.862 43.2023 319.182 35.9982 316.502 28.8842C313.464 20.8697 310.516 12.8552 307.479 4.93071C306.675 2.85955 305.246 1.77894 303.191 1.77894C301.136 1.77894 299.528 2.7695 298.724 5.02076C293.007 20.2393 287.29 35.4579 281.662 50.6765C280.679 53.1979 281.751 55.8094 284.074 56.7099C286.396 57.6104 288.898 56.3497 289.88 53.8282C291.042 50.7665 292.203 47.7948 293.275 44.7331C293.543 44.1028 293.811 43.8326 294.526 43.8326H311.767C312.571 43.8326 312.839 44.1028 313.107 44.8232C314.269 47.9749 315.43 51.1267 316.681 54.2785C317.395 56.0795 319.003 56.98 320.969 56.89C322.666 56.7999 324.274 55.6293 324.81 53.9183C325.167 52.6576 324.989 51.4869 324.542 50.3163ZM296.759 35.0977C298.814 29.5146 300.958 24.0215 303.102 18.2582C305.246 24.0215 307.3 29.5146 309.444 35.0977H296.759ZM82.0893 29.2444V6.46158C82.0893 3.57995 83.7867 1.77894 86.3774 1.77894C88.9681 1.77894 90.7547 3.76006 90.7547 6.46158V52.2073C90.7547 54.7288 89.1467 56.5298 86.824 56.7999C84.5907 57.0701 82.6253 55.7193 82.0893 53.5581C82 53.1078 82 52.5675 82 52.0272C82.0893 44.553 82.0893 36.8987 82.0893 29.2444Z" /> <path fill-rule="evenodd" clip-rule="evenodd" d="M12.9195 8.49241C12.9195 12.1096 10.0587 14.9848 6.45973 14.9848C2.86074 14.9848 0 12.1096 0 8.49241C0 4.87521 2.86074 2 6.45973 2C10.0587 2 12.9195 4.87521 12.9195 8.49241ZM27.5923 2C23.9933 2 21.1326 4.87521 21.1326 8.49241C21.1326 12.1096 23.9933 14.9848 27.5923 14.9848C31.1913 14.9848 34.052 12.1096 34.052 8.49241C34.052 4.87521 31.1913 2 27.5923 2ZM48.5403 2C44.9413 2 42.0805 4.87521 42.0805 8.49241C42.0805 12.1096 44.9413 14.9848 48.5403 14.9848C52.1393 14.9848 55 12.1096 55 8.49241C55 4.87521 52.047 2 48.5403 2ZM48.5403 22.8685C44.9413 22.8685 42.0805 25.7437 42.0805 29.3609C42.0805 32.9781 44.9413 35.8533 48.5403 35.8533C52.1393 35.8533 55 32.9781 55 29.3609C55 25.7437 52.047 22.8685 48.5403 22.8685ZM48.5403 44.0152C44.9413 44.0152 42.0805 46.8904 42.0805 50.5076C42.0805 54.1248 44.9413 57 48.5403 57C52.1393 57 55 54.1248 55 50.5076C55 46.8904 52.047 44.0152 48.5403 44.0152ZM11.7198 38.172C8.12081 38.172 5.26007 41.0472 5.26007 44.6644C5.26007 48.2816 8.12081 51.1568 11.7198 51.1568C15.3188 51.1568 18.1795 48.2816 18.1795 44.6644C18.1795 41.0472 15.3188 38.172 11.7198 38.172ZM27.3154 22.7757C23.7164 22.7757 20.8557 25.6509 20.8557 29.2681C20.8557 32.8853 23.7164 35.7605 27.3154 35.7605C30.9144 35.7605 33.7752 32.8853 33.7752 29.2681C33.7752 25.6509 30.8221 22.7757 27.3154 22.7757Z" fill="url(#paint0_linear_88_141)" /> <defs> <linearGradient id="paint0_linear_88_141" x1="27.5" y1="2" x2="27.5" y2="57" gradientUnits="userSpaceOnUse"> <stop stop-color="#54C9FE" /> <stop offset="1" stop-color="#0998FD" /> </linearGradient> </defs> </svg> </a> <div class="mt-8 space-y-2"> <div class="font-medium text-zinc-800 dark:text-white text-2xl [&:has(+[data-flux-subheading])]:mb-2 [[data-flux-subheading]+&]:mt-2" data-flux-heading>Sign in</div> <div class="text-sm text-zinc-500 dark:text-white/70" data-flux-subheading> Use your Imuga Account </div> </div> </div> <!--body --> <div class="mt-10 xl:mt-0 xl:w-1/2"> <form wire:submit="login" class="space-y-6"> <!-- Email Address --> <ui-field class="min-w-0 [&:not(:has([data-flux-field])):has([data-flux-control][disabled])>[data-flux-label]]:opacity-50 [&:has(>[data-flux-radio-group][disabled])>[data-flux-label]]:opacity-50 [&:has(>[data-flux-checkbox-group][disabled])>[data-flux-label]]:opacity-50 block [&>[data-flux-label]]:mb-3 [&>[data-flux-label]:has(+[data-flux-description])]:mb-2 [&>[data-flux-label]+[data-flux-description]]:mt-0 [&>[data-flux-label]+[data-flux-description]]:mb-3 [&>*:not([data-flux-label])+[data-flux-description]]:mt-3" data-flux-field> <ui-label class="text-sm font-medium select-none text-zinc-800 dark:text-white" data-flux-label> Email </ui-label> <div class="w-full relative block group/input" data-flux-input> <input type="email" class="w-full border rounded-lg block disabled:shadow-none dark:shadow-none appearance-none text-sm py-2 h-10 leading-[1.375rem] pl-3 pr-3 bg-white dark:bg-white/10 dark:disabled:bg-white/[7%] text-zinc-700 disabled:text-zinc-500 placeholder-zinc-400 disabled:placeholder-zinc-400/70 dark:text-zinc-300 dark:disabled:text-zinc-400 dark:placeholder-zinc-400 dark:disabled:placeholder-zinc-500 shadow-sm border-zinc-200 border-b-zinc-300/80 disabled:border-b-zinc-200 dark:border-white/10 dark:disabled:border-white/5" wire:model="form.email" label="Email" name="form.email" data-flux-control data-flux-group-target > </div> <div aria-live="assertive" class="mt-3 text-sm font-medium text-red-500 dark:text-red-400 hidden" data-flux-error> </div> </ui-field> <!-- Password --> <ui-field class="min-w-0 [&:not(:has([data-flux-field])):has([data-flux-control][disabled])>[data-flux-label]]:opacity-50 [&:has(>[data-flux-radio-group][disabled])>[data-flux-label]]:opacity-50 [&:has(>[data-flux-checkbox-group][disabled])>[data-flux-label]]:opacity-50 block [&>[data-flux-label]]:mb-3 [&>[data-flux-label]:has(+[data-flux-description])]:mb-2 [&>[data-flux-label]+[data-flux-description]]:mt-0 [&>[data-flux-label]+[data-flux-description]]:mb-3 [&>*:not([data-flux-label])+[data-flux-description]]:mt-3" data-flux-field> <ui-label class="text-sm font-medium select-none text-zinc-800 dark:text-white" data-flux-label> Password </ui-label> <div class="w-full relative block group/input" data-flux-input> <input type="password" class="w-full border rounded-lg block disabled:shadow-none dark:shadow-none appearance-none text-sm py-2 h-10 leading-[1.375rem] pl-3 pr-10 bg-white dark:bg-white/10 dark:disabled:bg-white/[7%] text-zinc-700 disabled:text-zinc-500 placeholder-zinc-400 disabled:placeholder-zinc-400/70 dark:text-zinc-300 dark:disabled:text-zinc-400 dark:placeholder-zinc-400 dark:disabled:placeholder-zinc-500 shadow-sm border-zinc-200 border-b-zinc-300/80 disabled:border-b-zinc-200 dark:border-white/10 dark:disabled:border-white/5" wire:model="form.password" label="Password" name="form.password" data-flux-control data-flux-group-target > <div class="absolute top-0 bottom-0 flex items-center justify-center pr-2 right-0"> <button type="button" class="relative items-center font-medium justify-center gap-2 whitespace-nowrap disabled:opacity-75 dark:disabled:opacity-75 disabled:cursor-default disabled:pointer-events-none h-8 text-sm rounded-md w-8 inline-flex bg-transparent hover:bg-zinc-800/5 dark:hover:bg-white/15 text-zinc-400 hover:text-zinc-800 dark:text-zinc-400 dark:hover:text-white -mr-1" data-flux-button="data-flux-button" x-data="{ open: false }" x-on:click="open = ! open; $el.closest('[data-flux-input]').querySelector('input').setAttribute('type', open ? 'text' : 'password')" x-bind:data-viewable-open="open" x-init="let input = $el.closest('[data-flux-input]')?.querySelector('input'); if (! input) return; let observer = new MutationObserver(() => { let type = open ? 'text' : 'password'; if (input.getAttribute('type') === type) return; input.setAttribute('type', type) }); observer.observe(input, { attributes: true, attributeFilter: ['type'] });"> <svg class="shrink-0 [:where(&)]:size-4 hidden [[data-viewable-open]>&]:block" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" data-slot="icon"> <path fill-rule="evenodd" d="M3.28 2.22a.75.75 0 0 0-1.06 1.06l10.5 10.5a.75.75 0 1 0 1.06-1.06l-1.322-1.323a7.012 7.012 0 0 0 2.16-3.11.87.87 0 0 0 0-.567A7.003 7.003 0 0 0 4.82 3.76l-1.54-1.54Zm3.196 3.195 1.135 1.136A1.502 1.502 0 0 1 9.45 8.389l1.136 1.135a3 3 0 0 0-4.109-4.109Z" clip-rule="evenodd"/> <path d="m7.812 10.994 1.816 1.816A7.003 7.003 0 0 1 1.38 8.28a.87.87 0 0 1 0-.566 6.985 6.985 0 0 1 1.113-2.039l2.513 2.513a3 3 0 0 0 2.806 2.806Z"/> </svg> <svg class="shrink-0 [:where(&)]:size-4 block [[data-viewable-open]>&]:hidden" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" data-slot="icon"> <path d="M8 9.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z"/> <path fill-rule="evenodd" d="M1.38 8.28a.87.87 0 0 1 0-.566 7.003 7.003 0 0 1 13.238.006.87.87 0 0 1 0 .566A7.003 7.003 0 0 1 1.379 8.28ZM11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z" clip-rule="evenodd"/> </svg> </button> </div> </div> <div aria-live="assertive" class="mt-3 text-sm font-medium text-red-500 dark:text-red-400 hidden" data-flux-error> </div> </ui-field> <div class="mt-4 justify-between space-x-5 sm:flex sm:items-center"> <!-- Remember Me --> <ui-field class="min-w-0 [&:not(:has([data-flux-field])):has([data-flux-control][disabled])>[data-flux-label]]:opacity-50 [&:has(>[data-flux-radio-group][disabled])>[data-flux-label]]:opacity-50 [&:has(>[data-flux-checkbox-group][disabled])>[data-flux-label]]:opacity-50 grid gap-x-3 gap-y-1.5 has-[[data-flux-label]~[data-flux-control]]:grid-cols-[1fr_auto] has-[[data-flux-control]~[data-flux-label]]:grid-cols-[auto_1fr] [&>[data-flux-control]~[data-flux-description]]:row-start-2 [&>[data-flux-control]~[data-flux-description]]:col-start-2 [&>[data-flux-control]~[data-flux-error]]:col-span-2 [&>[data-flux-control]~[data-flux-error]]:mt-1 [&>[data-flux-label]~[data-flux-control]]:row-start-1 [&>[data-flux-label]~[data-flux-control]]:col-start-2" data-flux-field> <ui-checkbox class="flex size-[1.125rem] rounded-[.3rem] mt-px outline-offset-2" wire:model="form.remember" label="Remember me" data-flux-control data-flux-checkbox> <div class="shrink-0 size-[1.125rem] rounded-[.3rem] flex justify-center items-center text-sm text-zinc-700 dark:text-zinc-800 shadow-sm [ui-checkbox[disabled]_&]:shadow-none [ui-checkbox[data-checked]_&]:shadow-none [ui-checkbox[data-indeterminate]_&]:shadow-none [ui-checkbox[data-checked]:not([data-indeterminate])_&>svg:first-child]:block [ui-checkbox[data-indeterminate]_&>svg:last-child]:block border border-zinc-300 dark:border-white/10 [ui-checkbox[disabled]_&]:border-zinc-200 dark:[ui-checkbox[disabled]_&]:border-white/5 [ui-checkbox[data-checked]_&]:border-transparent [ui-checkbox[data-indeterminate]_&]:border-transparent [ui-checkbox[disabled][data-checked]_&]:border-transparent [ui-checkbox[disabled][data-indeterminate]_&]:border-transparent [print-color-adjust:exact] bg-white dark:bg-white/10 dark:[ui-checkbox[disabled]_&]:bg-white/5 [ui-checkbox[data-checked]_&]:bg-zinc-800 dark:[ui-checkbox[data-checked]_&]:bg-white [ui-checkbox[disabled][data-checked]_&]:bg-zinc-500 dark:[ui-checkbox[disabled][data-checked]_&]:bg-white/60 [ui-checkbox[data-checked]:hover_&]:bg-zinc-800 dark:[ui-checkbox[data-checked]:hover_&]:bg-white [ui-checkbox[data-checked]_&]:focus:bg-zinc-800 dark:[ui-checkbox[data-checked]_&]:focus:bg-white [ui-checkbox[data-indeterminate]_&]:bg-zinc-800 dark:[ui-checkbox[data-indeterminate]_&]:bg-white [ui-checkbox[data-indeterminate]_&]:hover:bg-zinc-800 dark:[ui-checkbox[data-indeterminate]_&]:hover:bg-white [ui-checkbox[data-indeterminate]_&]:focus:bg-zinc-800 dark:[ui-checkbox[data-indeterminate]_&]:focus:bg-white"> <svg class="shrink-0 [:where(&)]:size-4 hidden text-white dark:text-zinc-800" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" data-slot="icon"> <path fill-rule="evenodd" d="M12.416 3.376a.75.75 0 0 1 .208 1.04l-5 7.5a.75.75 0 0 1-1.154.114l-3-3a.75.75 0 0 1 1.06-1.06l2.353 2.353 4.493-6.74a.75.75 0 0 1 1.04-.207Z" clip-rule="evenodd"/> </svg> <svg class="shrink-0 [:where(&)]:size-4 hidden text-white dark:text-zinc-800" data-flux-icon xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" data-slot="icon"> <path d="M3.75 7.25a.75.75 0 0 0 0 1.5h8.5a.75.75 0 0 0 0-1.5h-8.5Z"/> </svg> </div> </ui-checkbox> <ui-label class="text-sm font-medium select-none text-zinc-800 dark:text-white" data-flux-label> Remember me </ui-label> <div aria-live="assertive" class="mt-3 text-sm font-medium text-red-500 dark:text-red-400 hidden" data-flux-error> </div> </ui-field> <div class="flex items-center justify-between sm:justify-end sm:space-x-5"> <a href="https://imuga.immigration.gov.mv/forgot-password" class="relative items-center font-medium justify-center gap-2 whitespace-nowrap disabled:opacity-75 dark:disabled:opacity-75 disabled:cursor-default disabled:pointer-events-none h-10 text-sm rounded-lg px-4 flex -mt-2.5 -mr-4 -mb-3 -ml-4 bg-transparent hover:bg-zinc-800/5 dark:hover:bg-white/15 text-zinc-800 dark:text-white" data-flux-button="data-flux-button" wire:navigate=""> Forgot your password? </a> <button type="submit" class="relative items-center font-medium justify-center gap-2 whitespace-nowrap disabled:opacity-75 dark:disabled:opacity-75 disabled:cursor-default disabled:pointer-events-none h-10 text-sm rounded-lg px-4 inline-flex bg-zinc-800 hover:bg-zinc-900 dark:bg-white dark:hover:bg-zinc-100 text-white dark:text-zinc-800 shadow-[inset_0px_1px_theme(colors.zinc.900),inset_0px_2px_theme(colors.white/.15)] dark:shadow-none [[data-flux-button-group]_&]:border-r [:is([data-flux-button-group]>&:last-child,_[data-flux-button-group]_:last-child>&)]:border-r-0 [[data-flux-button-group]_&]:border-black [[data-flux-button-group]_&]:dark:border-zinc-900/25 *:transition-opacity [&[disabled]>:not([data-flux-loading-indicator])]:opacity-0 [&[disabled]>[data-flux-loading-indicator]]:opacity-100 [&[disabled]]:pointer-events-none" data-flux-button="data-flux-button" data-flux-group-target="data-flux-group-target"> <div class="absolute inset-0 flex items-center justify-center opacity-0" data-flux-loading-indicator> <svg class="shrink-0 [:where(&)]:size-4 animate-spin" data-flux-icon xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" aria-hidden="true" data-slot="icon"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </div> <span>Log in</span> </button> </div> </div> </form> <!-- Register --> <div data-orientation="horizontal" role="none" class="border-0 [print-color-adjust:exact] bg-zinc-800/15 dark:bg-white/20 h-px w-full mt-6" data-flux-separator></div> <div class="flex justify-center pt-6"> <a href="https://imuga.immigration.gov.mv/register" class="relative items-center font-medium justify-center gap-2 whitespace-nowrap disabled:opacity-75 dark:disabled:opacity-75 disabled:cursor-default disabled:pointer-events-none h-10 text-sm rounded-lg px-4 flex -mt-2.5 -mr-4 -mb-3 -ml-4 bg-transparent hover:bg-zinc-800/5 dark:hover:bg-white/15 text-zinc-800 dark:text-white" data-flux-button="data-flux-button" wire:navigate=""> Create account </a> </div> </div> </div> </div> <!-- Mobile Footer --> <div class="w-full sm:hidden"> <div class="items-center space-y-5 flex justify-between"> <div> <div class="text-sm text-zinc-500 dark:text-white/70" data-flux-subheading> Maldives Immigration 漏 <span>2024</span> </div> <div class="flex justify-start gap-3 text-xs text-slate-400"> <a href="/privacy" class="relative items-center font-medium justify-center gap-2 whitespace-nowrap disabled:opacity-75 dark:disabled:opacity-75 disabled:cursor-default disabled:pointer-events-none h-6 text-xs rounded-md px-2 flex -mt-1 -mr-2 -mb-1 -ml-2 bg-transparent hover:bg-zinc-800/5 dark:hover:bg-white/15 text-zinc-400 hover:text-zinc-800 dark:text-zinc-400 dark:hover:text-white" data-flux-button="data-flux-button" wire:navigate=""> Privacy policy </a> <a href="/terms" class="relative items-center font-medium justify-center gap-2 whitespace-nowrap disabled:opacity-75 dark:disabled:opacity-75 disabled:cursor-default disabled:pointer-events-none h-6 text-xs rounded-md px-2 flex -mt-1 -mr-2 -mb-1 -ml-2 bg-transparent hover:bg-zinc-800/5 dark:hover:bg-white/15 text-zinc-400 hover:text-zinc-800 dark:text-zinc-400 dark:hover:text-white" data-flux-button="data-flux-button" wire:navigate=""> Terms & Conditions </a> </div> </div> <!-- social links --> <div class="flex items-end justify-center space-x-2"> <a href="https://www.facebook.com/maldivesimmigration" target="_blank"> <svg class="h-4 w-4 cursor-pointer text-slate-400 hover:text-slate-600" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> <g fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="4"> <path stroke-dasharray="24" stroke-dashoffset="24" d="M17 4L15 4C12.5 4 11 5.5 11 8V20"> <animate fill="freeze" attributeName="stroke-dashoffset" dur="0.4s" values="24;0" /> </path> <path stroke-dasharray="12" stroke-dashoffset="12" d="M8 12H15"> <animate fill="freeze" attributeName="stroke-dashoffset" begin="0.5s" dur="0.2s" values="12;0" /> </path> </g> </svg> </a> <a href="https://twitter.com/ImmigrationMV" target="_blank"> <svg class="h-4 w-4 cursor-pointer text-slate-400 hover:text-slate-600" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> <path fill="currentColor" d="M8.5 2h2.5L11 2h-2.5zM13 2h2.5L15.5 2h-2.5zM10.5 2h5v0h-5zM8.5 2h5v0h-5zM10 2h3.5L13.5 2h-3.5z"> <animate fill="freeze" attributeName="d" dur="0.8s" keyTimes="0;0.3;0.5;1" values="M8.5 2h2.5L11 2h-2.5zM13 2h2.5L15.5 2h-2.5zM10.5 2h5v0h-5zM8.5 2h5v0h-5zM10 2h3.5L13.5 2h-3.5z;M8.5 2h2.5L11 22h-2.5zM13 2h2.5L15.5 22h-2.5zM10.5 2h5v2h-5zM8.5 20h5v2h-5zM10 2h3.5L13.5 22h-3.5z;M8.5 2h2.5L11 22h-2.5zM13 2h2.5L15.5 22h-2.5zM10.5 2h5v2h-5zM8.5 20h5v2h-5zM10 2h3.5L13.5 22h-3.5z;M1 2h2.5L18.5 22h-2.5zM5.5 2h2.5L23 22h-2.5zM3 2h5v2h-5zM16 20h5v2h-5zM18.5 2h3.5L5 22h-3.5z" /> </path> </svg> </a> <a href="https://www.instagram.com/immigrationmv/" target="_blank"> <svg class="h-4 w-4 cursor-pointer text-slate-400 hover:text-slate-600" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> <g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"> <path stroke-dasharray="66" stroke-dashoffset="66" d="M12 3H8C5.23858 3 3 5.23858 3 8V16C3 18.7614 5.23858 21 8 21H16C18.7614 21 21 18.7614 21 16V8C21 5.23858 18.7614 3 16 3z"> <animate fill="freeze" attributeName="stroke-dashoffset" dur="0.6s" values="66;132" /> </path> <path stroke-dasharray="26" stroke-dashoffset="26" d="M12 8C14.20914 8 16 9.79086 16 12C16 14.20914 14.20914 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8"> <animate fill="freeze" attributeName="stroke-dashoffset" begin="0.7s" dur="0.4s" values="26;0" /> </path> </g> <circle cx="17" cy="7" r="1.5" fill="currentColor" fill-opacity="0"> <animate fill="freeze" attributeName="fill-opacity" begin="1.1s" dur="0.4s" values="0;1" /> </circle> </svg> </a> </div> </div> </div> </div> <!-- Web Footer --> <div class="mx-auto mt-4 hidden w-full sm:block sm:max-w-xl sm:px-6 xl:max-w-5xl"> <div class="items-center space-y-5 flex justify-between"> <div> <div class="text-sm text-zinc-500 dark:text-white/70" data-flux-subheading> Maldives Immigration 漏 <span>2024</span> </div> <div class="flex justify-start gap-3 text-xs text-slate-400"> <a href="/privacy" class="relative items-center font-medium justify-center gap-2 whitespace-nowrap disabled:opacity-75 dark:disabled:opacity-75 disabled:cursor-default disabled:pointer-events-none h-6 text-xs rounded-md px-2 flex -mt-1 -mr-2 -mb-1 -ml-2 bg-transparent hover:bg-zinc-800/5 dark:hover:bg-white/15 text-zinc-400 hover:text-zinc-800 dark:text-zinc-400 dark:hover:text-white" data-flux-button="data-flux-button" wire:navigate=""> Privacy policy </a> <a href="/terms" class="relative items-center font-medium justify-center gap-2 whitespace-nowrap disabled:opacity-75 dark:disabled:opacity-75 disabled:cursor-default disabled:pointer-events-none h-6 text-xs rounded-md px-2 flex -mt-1 -mr-2 -mb-1 -ml-2 bg-transparent hover:bg-zinc-800/5 dark:hover:bg-white/15 text-zinc-400 hover:text-zinc-800 dark:text-zinc-400 dark:hover:text-white" data-flux-button="data-flux-button" wire:navigate=""> Terms & Conditions </a> </div> </div> <!-- social links --> <div class="flex items-end justify-center space-x-2"> <a href="https://www.facebook.com/maldivesimmigration" target="_blank"> <svg class="h-4 w-4 cursor-pointer text-slate-400 hover:text-slate-600" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> <g fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="4"> <path stroke-dasharray="24" stroke-dashoffset="24" d="M17 4L15 4C12.5 4 11 5.5 11 8V20"> <animate fill="freeze" attributeName="stroke-dashoffset" dur="0.4s" values="24;0" /> </path> <path stroke-dasharray="12" stroke-dashoffset="12" d="M8 12H15"> <animate fill="freeze" attributeName="stroke-dashoffset" begin="0.5s" dur="0.2s" values="12;0" /> </path> </g> </svg> </a> <a href="https://twitter.com/ImmigrationMV" target="_blank"> <svg class="h-4 w-4 cursor-pointer text-slate-400 hover:text-slate-600" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> <path fill="currentColor" d="M8.5 2h2.5L11 2h-2.5zM13 2h2.5L15.5 2h-2.5zM10.5 2h5v0h-5zM8.5 2h5v0h-5zM10 2h3.5L13.5 2h-3.5z"> <animate fill="freeze" attributeName="d" dur="0.8s" keyTimes="0;0.3;0.5;1" values="M8.5 2h2.5L11 2h-2.5zM13 2h2.5L15.5 2h-2.5zM10.5 2h5v0h-5zM8.5 2h5v0h-5zM10 2h3.5L13.5 2h-3.5z;M8.5 2h2.5L11 22h-2.5zM13 2h2.5L15.5 22h-2.5zM10.5 2h5v2h-5zM8.5 20h5v2h-5zM10 2h3.5L13.5 22h-3.5z;M8.5 2h2.5L11 22h-2.5zM13 2h2.5L15.5 22h-2.5zM10.5 2h5v2h-5zM8.5 20h5v2h-5zM10 2h3.5L13.5 22h-3.5z;M1 2h2.5L18.5 22h-2.5zM5.5 2h2.5L23 22h-2.5zM3 2h5v2h-5zM16 20h5v2h-5zM18.5 2h3.5L5 22h-3.5z" /> </path> </svg> </a> <a href="https://www.instagram.com/immigrationmv/" target="_blank"> <svg class="h-4 w-4 cursor-pointer text-slate-400 hover:text-slate-600" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> <g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"> <path stroke-dasharray="66" stroke-dashoffset="66" d="M12 3H8C5.23858 3 3 5.23858 3 8V16C3 18.7614 5.23858 21 8 21H16C18.7614 21 21 18.7614 21 16V8C21 5.23858 18.7614 3 16 3z"> <animate fill="freeze" attributeName="stroke-dashoffset" dur="0.6s" values="66;132" /> </path> <path stroke-dasharray="26" stroke-dashoffset="26" d="M12 8C14.20914 8 16 9.79086 16 12C16 14.20914 14.20914 16 12 16C9.79086 16 8 14.2091 8 12C8 9.79086 9.79086 8 12 8"> <animate fill="freeze" attributeName="stroke-dashoffset" begin="0.7s" dur="0.4s" values="26;0" /> </path> </g> <circle cx="17" cy="7" r="1.5" fill="currentColor" fill-opacity="0"> <animate fill="freeze" attributeName="fill-opacity" begin="1.1s" dur="0.4s" values="0;1" /> </circle> </svg> </a> </div> </div> </div> </div> </div> <div x-persist="toast"> <ui-toast x-data x-on:toast-show.document="$el.showToast($event.detail)" wire:ignore> <template> <div popover="manual" class="m-0 p-6 bg-transparent [&[data-position*=top]]:mb-auto [&[data-position*=bottom]]:mt-auto [&[data-position*=right]]:ml-auto [&[data-position*=left]]:mr-auto" data-position="bottom right" data-variant="" data-flux-toast-dialog> <div class="max-w-sm p-2 rounded-xl shadow-lg bg-white border border-zinc-200 border-b-zinc-300/80 dark:bg-zinc-700 dark:border-zinc-600"> <div class="flex items-start gap-4"> <div class="flex-1 py-1.5 pl-2.5 flex gap-2"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" class="hidden [[data-flux-toast-dialog][data-variant=success]_&]:block shrink-0 mt-0.5 size-4 text-lime-600 dark:text-lime-400"> <path fill-rule="evenodd" d="M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14Zm3.844-8.791a.75.75 0 0 0-1.188-.918l-3.7 4.79-1.649-1.833a.75.75 0 1 0-1.114 1.004l2.25 2.5a.75.75 0 0 0 1.15-.043l4.25-5.5Z" clip-rule="evenodd" /> </svg> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" class="hidden [[data-flux-toast-dialog][data-variant=warning]_&]:block shrink-0 mt-0.5 size-4 text-amber-500 dark:text-amber-400"> <path fill-rule="evenodd" d="M6.701 2.25c.577-1 2.02-1 2.598 0l5.196 9a1.5 1.5 0 0 1-1.299 2.25H2.804a1.5 1.5 0 0 1-1.3-2.25l5.197-9ZM8 4a.75.75 0 0 1 .75.75v3a.75.75 0 1 1-1.5 0v-3A.75.75 0 0 1 8 4Zm0 8a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z" clip-rule="evenodd" /> </svg> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="currentColor" class="hidden [[data-flux-toast-dialog][data-variant=danger]_&]:block shrink-0 mt-0.5 size-4 text-rose-500 dark:text-rose-400"> <path fill-rule="evenodd" d="M8 15A7 7 0 1 0 8 1a7 7 0 0 0 0 14ZM8 4a.75.75 0 0 1 .75.75v3a.75.75 0 0 1-1.5 0v-3A.75.75 0 0 1 8 4Zm0 8a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z" clip-rule="evenodd" /> </svg> <div> <div class="font-medium text-sm text-zinc-800 dark:text-white [&:not(:empty)+div]:font-normal [&:not(:empty)+div]:text-zinc-500 [&:not(:empty)+div]:dark:text-zinc-300 [&:not(:empty)]:pb-2"><slot name="heading"></slot></div> <div class="font-medium text-sm text-zinc-800 dark:text-white"><slot name="text"></slot></div> </div> </div> <div class="flex items-center"> <button type="button" onclick="this.closest('ui-toast').hideToast()" class="inline-flex items-center font-medium justify-center gap-2 truncate disabled:opacity-50 dark:disabled:opacity-75 disabled:cursor-default h-8 text-sm rounded-md w-8 bg-transparent hover:bg-zinc-800/5 dark:hover:bg-white/15 text-zinc-400 hover:text-zinc-800 dark:text-zinc-400 dark:hover:text-white" as="button"> <div> <svg class="[:where(&)]:size-5" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" data-slot="icon"> <path d="M6.28 5.22a.75.75 0 0 0-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 1 0 1.06 1.06L10 11.06l3.72 3.72a.75.75 0 1 0 1.06-1.06L11.06 10l3.72-3.72a.75.75 0 0 0-1.06-1.06L10 8.94 6.28 5.22Z"></path> </svg> </div> </button> </div> </div> </div> </div> </template> </ui-toast> </div> <script src="/flux/flux.min.js?id=23a31d39" data-navigate-once></script> <script src="https://imuga.immigration.gov.mv/vendor/livewire/livewire.min.js?id=38dc8241" data-csrf="F58QozI5CojiMrBaRkofQgNe7ijTceVhxWZvbLMT" data-update-uri="/livewire/update" data-navigate-once="true"></script> </body> </html>