<!--
┏━╸╻ ╻╻  ╻     ┏━┓╺┳╸┏━┓┏━╸╻┏    ┏━┓┏━┓┏━┓┏━╸┏━┓┏━┓┏┳┓┏┳┓┏━╸┏━┓
┣╸ ┃ ┃┃  ┃  ╺━╸┗━┓ ┃ ┣━┫┃  ┣┻┓   ┣━┛┣┳┛┃ ┃┃╺┓┣┳┛┣━┫┃┃┃┃┃┃┣╸ ┣┳┛
╹  ┗━┛┗━╸┗━╸   ┗━┛ ╹ ╹ ╹┗━╸╹ ╹   ╹  ╹┗╸┗━┛┗━┛╹┗╸╹ ╹╹ ╹╹ ╹┗━╸╹┗╸

 ░▒▓██████▓▒░░▒▓█▓▒░      ░▒▓█▓▒░▒▓███████▓▒░░▒▓████████▓▒░▒▓████████▓▒░░▒▓██████▓▒░       ░▒▓██████████████▓▒░ ░▒▓██████▓▒░░▒▓█▓▒░░▒▓█▓▒░░▒▓██████▓▒░░▒▓██████████████▓▒░░▒▓██████████████▓▒░ ░▒▓██████▓▒░░▒▓███████▓▒░░▒▓█▓▒░
░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░      ░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░             ░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░      ░▒▓█▓▒░░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░
░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░      ░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░           ░▒▓██▓▒░░▒▓█▓▒░░▒▓█▓▒░      ░▒▓█▓▒░░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░
░▒▓████████▓▒░▒▓█▓▒░      ░▒▓█▓▒░▒▓███████▓▒░░▒▓██████▓▒░    ░▒▓██▓▒░  ░▒▓████████▓▒░      ░▒▓█▓▒░░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░▒▓████████▓▒░▒▓████████▓▒░▒▓█▓▒░░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░░▒▓█▓▒░▒▓████████▓▒░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░
░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░      ░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░       ░▒▓██▓▒░    ░▒▓█▓▒░░▒▓█▓▒░      ░▒▓█▓▒░░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░
░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░      ░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░      ░▒▓█▓▒░      ░▒▓█▓▒░░▒▓█▓▒░      ░▒▓█▓▒░░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░
░▒▓█▓▒░░▒▓█▓▒░▒▓████████▓▒░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░▒▓████████▓▒░▒▓████████▓▒░▒▓█▓▒░░▒▓█▓▒░      ░▒▓█▓▒░░▒▓█▓▒░░▒▓█▓▒░░▒▓██████▓▒░░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░░▒▓█▓▒░▒▓█▓▒░░▒▓█▓▒░▒▓███████▓▒░░▒▓█▓▒░

╺┳╸┏━╸╻  ┏━╸┏━╸┏━┓┏━┓┏┳┓    ┏━┓╺┳╸╻ ╻┏━╸┏━┓┏━╸┏━┓╻  ╻  ┏━╸┏┓╻┏━┓┏┓╻┏━╸┏━╸╻  ┏━┓
 ┃ ┣╸ ┃  ┣╸ ┃╺┓┣┳┛┣━┫┃┃┃╹   ┃┣┛ ┃ ┣━┫┣╸ ┣━┓┣╸ ┣━┫┃  ┃  ┣╸ ┃┗┫┣━┫┃┗┫┃╺┓┣╸ ┃  ┗━┓
 ╹ ┗━╸┗━╸┗━╸┗━┛╹┗╸╹ ╹╹ ╹╹   ┗━╸ ╹ ╹ ╹┗━╸┗━┛╹  ╹ ╹┗━╸┗━╸┗━╸╹ ╹╹ ╹╹ ╹┗━┛┗━╸┗━╸┗━┛

-->
<!DOCTYPE html>
<html lang="fa" dir="rtl">

    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <script>
            window.deferredA2HSPrompt = null;

            window.addEventListener('beforeinstallprompt', function(e) {
                e.preventDefault();
                window.deferredA2HSPrompt = e;
                document.documentElement.classList.add('has-native-prompt');
            });

            (function() {
                try {
                    var ua = navigator.userAgent || navigator.vendor || window.opera || '';
                    var isIOS = /iPad|iPhone|iPod/.test(ua) && !window.MSStream;
                    if (!isIOS && navigator.platform === 'MacIntel' && navigator.maxTouchPoints > 1) {
                        isIOS = true;
                    }
                    var isAndroid = /android/i.test(ua);
                    var isMobile = isIOS || isAndroid;

                    var isStandalone = window.matchMedia('(display-mode: standalone)').matches ||
                        window.navigator.standalone === true ||
                        document.referrer.indexOf('android-app://') === 0;

                    if (isMobile && !isStandalone) {
                        document.documentElement.classList.add('require-a2hs');
                        document.documentElement.setAttribute('data-os', isIOS ? 'ios' : 'android');
                    }
                } catch (e) {}
            })();
        </script>
                <title>ورود به حساب | ایران اپل‌آیدی</title>
        <meta name="description" content="خرید اپل‌آیدی با قیمت مناسب">
                    <meta name="robots" content="noindex, nofollow">
            <meta name="googlebot" content="noindex, nofollow">
                <link rel="canonical" href="https://irappleid.com/auth">
        <meta http-equiv="content-language" content="fa">
        <link rel="shortcut icon" type="image/png" href="https://irappleid.com/storage/settings/cEWO4lXpfbdHC7S3L7EiEO4l4dK3MFX0xbg3n2mo.png">
        <link rel="apple-touch-icon" href="https://irappleid.com/storage/settings/cEWO4lXpfbdHC7S3L7EiEO4l4dK3MFX0xbg3n2mo.png">
        <meta name="apple-mobile-web-app-title" content="ایران اپل‌آیدی" />
        <meta name="mobile-web-app-capable" content="yes">
        <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
        <meta property="og:type" content="website">
        <meta property="og:locale" content="fa_IR">
        <meta property="og:site_name" content="ایران اپل‌آیدی">
        <meta property="og:title" content="ایران اپل‌آیدی">
        <meta property="og:description" content="خرید اپل‌آیدی با قیمت مناسب">
        <meta property="og:url" content="https://irappleid.com/auth">
        <meta property="og:image" content="https://irappleid.com/storage/settings/xeet01ofDLQiV4EktVPaZ8LKH54zG1IbzgtzoSgJ.png">
        <meta property="og:image:alt" content="ایران اپل‌آیدی">
        <meta name="twitter:card" content="summary_large_image">
        <meta name="twitter:title" content="ایران اپل‌آیدی">
        <meta name="twitter:description" content="خرید اپل‌آیدی با قیمت مناسب">
        <meta name="twitter:image" content="https://irappleid.com/storage/settings/xeet01ofDLQiV4EktVPaZ8LKH54zG1IbzgtzoSgJ.png">
        <meta name="theme-color" content="#fafafc">
        <meta name="the6fallenangels" content="" />
        <link rel="manifest" href="https://irappleid.com/manifest.json">
        <link rel="preload" as="style" href="https://irappleid.com/build/assets/app-BuZ749fo.css" /><link rel="modulepreload" as="script" href="https://irappleid.com/build/assets/app-CohNo99w.js" /><link rel="stylesheet" href="https://irappleid.com/build/assets/app-BuZ749fo.css" data-navigate-track="reload" /><script type="module" src="https://irappleid.com/build/assets/app-CohNo99w.js" data-navigate-track="reload"></script>        <!-- Livewire Styles --><style >[wire\:loading][wire\:loading], [wire\:loading\.delay][wire\:loading\.delay], [wire\:loading\.list-item][wire\:loading\.list-item], [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: #4f39f6;}[x-cloak] {display: none !important;}[wire\:cloak] {display: none !important;}dialog#livewire-error::backdrop {background-color: rgba(0, 0, 0, .6);}</style>
                <style>
            [x-cloak] {
                display: none !important;
            }
        </style>
    </head>

    <body
        class="min-h-dvh pb-15 lg:pb-0 text-zinc-800 bg-linear-to-b from-[#fafafc] via-white to-[#fbfbfd]">

        <div id="add-to-home-overlay" class="fixed inset-0 z-9999 items-center justify-center p-4 bg-white">
            <div class="w-full max-w-sm text-center">
                <img class="h-10 mx-auto mb-5" src="https://irappleid.com/storage/settings/EDkZ7OJxRWbLHjVQQaMOGtcEGM8QLUag4tGqapmY.png"
                    alt="ایران اپل‌آیدی">

                <p class="text-sm text-zinc-500 mb-6 leading-relaxed">
                    برای استفاده از ایران اپل‌آیدی لطفا ابتدا این صفحه را به صفحه اصلی گوشی خود اضافه
                    کنید.
                </p>

                <div data-os-ios class="card p-5 text-right mb-3">
                    <div class="flex items-center gap-2 mb-3">
                        <div class="size-8 bg-indigo-100 rounded-xl flex items-center justify-center shrink-0">
                            <svg class="size-5 text-indigo-600" viewBox="0 0 50 50" fill="currentColor" stroke="none">
            <path d="M30.3 13.7L25 8.4l-5.3 5.3-1.4-1.4L25 5.6l6.7 6.7z" />
            <path d="M24 7h2v21h-2z" />
            <path
                d="M35 40H15c-1.7 0-3-1.3-3-3V19c0-1.7 1.3-3 3-3h7v2h-7c-.6 0-1 .4-1 1v18c0 .6.4 1 1 1h20c.6 0 1-.4 1-1V19c0-.6-.4-1-1-1h-7v-2h7c1.7 0 3 1.3 3 3v18c0 1.7-1.3 3-3 3z" />
        </svg>
                            </div>
                        <span class="text-sm font-medium text-zinc-700">۱. در نوار Safari روی دکمه Share بزنید</span>
                    </div>
                    <div class="flex items-center gap-2">
                        <div class="size-8 bg-indigo-100 rounded-xl flex items-center justify-center shrink-0">
                            <svg class="size-4 text-indigo-600" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
            stroke="currentColor">
            <path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15" />
        </svg>
                            </div>
                        <span class="text-sm font-medium text-zinc-700">۲. گزینه «Add to Home Screen» را انتخاب
                            کنید</span>
                    </div>
                </div>

                <div data-os-android data-no-native class="card p-5 text-right mb-3">
                    <div class="flex items-center gap-2 mb-3">
                        <div class="size-8 bg-indigo-100 rounded-xl flex items-center justify-center shrink-0">
                            <svg class="size-4 text-indigo-600" viewBox="0 0 24 24" fill="none" stroke="currentColor"
            stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
            <line x1="3" y1="12" x2="21" y2="12"></line>
            <line x1="3" y1="6" x2="21" y2="6"></line>
            <line x1="3" y1="18" x2="21" y2="18"></line>
        </svg>
                            </div>
                        <span class="text-sm font-medium text-zinc-700">۱. روی منوی سه‌نقطه بالای Chrome بزنید</span>
                    </div>
                    <div class="flex items-center gap-2">
                        <div class="size-8 bg-indigo-100 rounded-xl flex items-center justify-center shrink-0">
                            <svg class="size-4 text-indigo-600" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
            stroke="currentColor">
            <path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15" />
        </svg>
                            </div>
                        <span class="text-sm font-medium text-zinc-700">۲. گزینه «Add to Home screen» یا «Install app»
                            را بزنید</span>
                    </div>
                </div>

                <button type="button" id="a2hs-native-install" data-os-android class="btn-default w-full mb-3">
                    نصب اپلیکیشن
                </button>

                <button type="button" onclick="location.reload()" class="btn-default w-full">
                    اضافه کردم، رفرش کن
                </button>

                <script>
                    document.getElementById('a2hs-native-install')?.addEventListener('click', async function() {
                        if (!window.deferredA2HSPrompt) return;
                        window.deferredA2HSPrompt.prompt();
                        const {
                            outcome
                        } = await window.deferredA2HSPrompt.userChoice;
                        if (outcome === 'accepted') {
                            window.deferredA2HSPrompt = null;
                            setTimeout(() => location.reload(), 800);
                        }
                    });
                </script>
            </div>
        </div>

        <div class="fixed inset-0 overflow-hidden pointer-events-none -z-10">
            <div class="blob w-md h-112 bg-[#1d83ba70] -top-24 -right-32"></div>
            <div class="blob w-[24rem] h-96 bg-[#7c6fe065] top-30 -left-40" style="animation-delay:-4s"></div>
            <div class="blob w-[20rem] h-80 bg-[#571dba7a] -bottom-24 right-40 opacity-30"
                style="animation-delay:-9s">
            </div>
        </div>
        <main class="grow">
            <div wire:snapshot="{&quot;data&quot;:{&quot;title&quot;:&quot;\u0648\u0631\u0648\u062f \u0628\u0647 \u062d\u0633\u0627\u0628&quot;,&quot;mode&quot;:&quot;password&quot;,&quot;email&quot;:&quot;&quot;,&quot;password&quot;:&quot;&quot;,&quot;otp&quot;:&quot;&quot;,&quot;step&quot;:&quot;send&quot;,&quot;message&quot;:null,&quot;messageType&quot;:&quot;&quot;},&quot;memo&quot;:{&quot;id&quot;:&quot;OMpRd1drBSow1E97lO43&quot;,&quot;name&quot;:&quot;pages::public.auth&quot;,&quot;path&quot;:&quot;auth&quot;,&quot;method&quot;:&quot;GET&quot;,&quot;release&quot;:&quot;a-a-a&quot;,&quot;children&quot;:[],&quot;scripts&quot;:[],&quot;assets&quot;:[],&quot;errors&quot;:[],&quot;locale&quot;:&quot;fa&quot;,&quot;islands&quot;:[]},&quot;checksum&quot;:&quot;d73cf338dec9afca1241db315e8ab964fcdae585a7900cfe6c2989e01e41c615&quot;}" wire:effects="[]" wire:id="OMpRd1drBSow1E97lO43" wire:name="pages::public.auth" class="flex min-h-dvh items-center justify-center px-4 py-12">
    <div class="w-full max-w-sm">
        <div class="text-center mb-5">
            <a href="https://irappleid.com" wire:navigate.hover class="flex justify-center">
                <img class="max-w-full h-8" src="https://irappleid.com/storage/settings/EDkZ7OJxRWbLHjVQQaMOGtcEGM8QLUag4tGqapmY.png" alt="لوگو">
            </a>
            <p class="text-sm text-gray-500 mt-1.5">برای ادامه وارد حساب خود شوید</p>
        </div>

        <div class="card p-7">
            <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->
            <!--[if BLOCK]><![endif]-->                <form wire:submit="loginWithPassword" class="space-y-4">
                    <div>
                        <label for="email">ایمیل</label>
                        <input type="text" class="text-center!" id="email" wire:model="email"
                            placeholder="example@email.com" autocomplete="email" />
                        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                    </div>

                    <div x-data="{ showPass: false }">
                        <label for="password">رمز عبور</label>
                        <div class="relative">
                            <input :type="showPass ? 'text' : 'password'" class="text-center!" id="password"
                                wire:model="password" placeholder="رمز عبور خود را وارد کنید"
                                autocomplete="current-password" />
                            <button type="button" :class="showPass ? 'text-indigo-600' : 'text-zinc-400'"
                                class="absolute left-3 top-4 z-5 hover:text-indigo-600 transition"
                                @click="showPass = !showPass">
                                <!--[if BLOCK]><![endif]-->        <svg class="size-4" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
            stroke="currentColor">
            <path stroke-linecap="round" stroke-linejoin="round"
                d="M2.036 12.322a1.012 1.012 0 0 1 0-.639C3.423 7.51 7.36 4.5 12 4.5c4.638 0 8.573 3.007 9.963 7.178.07.207.07.431 0 .639C20.577 16.49 16.64 19.5 12 19.5c-4.638 0-8.573-3.007-9.963-7.178Z" />
            <path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z" />
        </svg>
    <!--[if ENDBLOCK]><![endif]-->                            </button>
                        </div>
                        <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]-->                    </div>

                    <button type="submit"
                        class="w-full rounded-2xl bg-indigo-600 px-4 py-3 text-sm font-semibold text-white shadow-lg shadow-indigo-500/25 hover:bg-indigo-500 active:scale-[0.98] transition-all duration-150 disabled:opacity-50 disabled:cursor-not-allowed"
                        wire:loading.attr="disabled">
                        <span wire:loading.remove wire:target="loginWithPassword">ورود</span>
                        <span wire:loading.flex wire:target="loginWithPassword"
                            class="items-center justify-center gap-2">
                            <!--[if BLOCK]><![endif]-->        <svg class="animate-spin size-4" viewBox="0 0 24 24" fill="none" stroke="currentColor"
            stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
            <line x1="12" y1="2" x2="12" y2="6"></line>
            <line x1="12" y1="18" x2="12" y2="22"></line>
            <line x1="4.93" y1="4.93" x2="7.76" y2="7.76"></line>
            <line x1="16.24" y1="16.24" x2="19.07" y2="19.07"></line>
            <line x1="2" y1="12" x2="6" y2="12"></line>
            <line x1="18" y1="12" x2="22" y2="12"></line>
            <line x1="4.93" y1="19.07" x2="7.76" y2="16.24"></line>
            <line x1="16.24" y1="7.76" x2="19.07" y2="4.93"></line>
        </svg>
    <!--[if ENDBLOCK]><![endif]-->                            در حال ورود...
                        </span>
                    </button>

                    <button type="button" class="text-sm w-full text-link" wire:click="switchMode('otp')"
                        wire:loading.attr="disabled">
                        <span wire:loading.remove wire:target="switchMode('otp')">ورود بدون رمز عبور؟</span>
                        <span wire:loading.flex wire:target="switchMode('otp')"
                            class="items-center justify-center gap-2">
                            <!--[if BLOCK]><![endif]-->        <svg class="animate-spin size-4" viewBox="0 0 24 24" fill="none" stroke="currentColor"
            stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
            <line x1="12" y1="2" x2="12" y2="6"></line>
            <line x1="12" y1="18" x2="12" y2="22"></line>
            <line x1="4.93" y1="4.93" x2="7.76" y2="7.76"></line>
            <line x1="16.24" y1="16.24" x2="19.07" y2="19.07"></line>
            <line x1="2" y1="12" x2="6" y2="12"></line>
            <line x1="18" y1="12" x2="22" y2="12"></line>
            <line x1="4.93" y1="19.07" x2="7.76" y2="16.24"></line>
            <line x1="16.24" y1="7.76" x2="19.07" y2="4.93"></line>
        </svg>
    <!--[if ENDBLOCK]><![endif]-->                            لطفا صبر کنید...
                        </span>
                    </button>
                </form>
            <!--[if ENDBLOCK]><![endif]-->        </div>
    </div>
</div>
        </main>

        <div class="px-10 fixed bottom-5 w-full lg:hidden">
            <div
                class="p-1 px-2 w-full shadow-xl shadow-black/10  glass rounded-full flex items-center justify-between">
                                    <a href="https://irappleid.com/panel/configs" wire:navigate.hover
                        class="flex data-current:text-indigo-600 data-current:scale-110 items-center flex-col px-3 py-1.5 gap-1">
                        <svg class="size-4.5" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
            stroke="currentColor">
            <path stroke-linecap="round" stroke-linejoin="round"
                d="M3.75 4.875c0-.621.504-1.125 1.125-1.125h4.5c.621 0 1.125.504 1.125 1.125v4.5c0 .621-.504 1.125-1.125 1.125h-4.5A1.125 1.125 0 0 1 3.75 9.375v-4.5ZM3.75 14.625c0-.621.504-1.125 1.125-1.125h4.5c.621 0 1.125.504 1.125 1.125v4.5c0 .621-.504 1.125-1.125 1.125h-4.5a1.125 1.125 0 0 1-1.125-1.125v-4.5ZM13.5 4.875c0-.621.504-1.125 1.125-1.125h4.5c.621 0 1.125.504 1.125 1.125v4.5c0 .621-.504 1.125-1.125 1.125h-4.5A1.125 1.125 0 0 1 13.5 9.375v-4.5Z" />
            <path stroke-linecap="round" stroke-linejoin="round"
                d="M6.75 6.75h.75v.75h-.75v-.75ZM6.75 16.5h.75v.75h-.75v-.75ZM16.5 6.75h.75v.75h-.75v-.75ZM13.5 13.5h.75v.75h-.75v-.75ZM13.5 19.5h.75v.75h-.75v-.75ZM19.5 13.5h.75v.75h-.75v-.75ZM19.5 19.5h.75v.75h-.75v-.75ZM16.5 16.5h.75v.75h-.75v-.75Z" />
        </svg>
                            <small class="text-[10px]">کانفیگ ها</small>
                    </a>
                                <a href="https://irappleid.com/panel/orders" wire:navigate.hover
                    class="flex data-current:text-indigo-600 data-current:scale-110 items-center flex-col px-3 py-1.5 gap-1">
                    <svg class="size-4.5" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
            stroke="currentColor">
            <path stroke-linecap="round" stroke-linejoin="round"
                d="m7.875 14.25 1.214 1.942a2.25 2.25 0 0 0 1.908 1.058h2.006c.776 0 1.497-.4 1.908-1.058l1.214-1.942M2.41 9h4.636a2.25 2.25 0 0 1 1.872 1.002l.164.246a2.25 2.25 0 0 0 1.872 1.002h2.092a2.25 2.25 0 0 0 1.872-1.002l.164-.246A2.25 2.25 0 0 1 16.954 9h4.636M2.41 9a2.25 2.25 0 0 0-.16.832V12a2.25 2.25 0 0 0 2.25 2.25h15A2.25 2.25 0 0 0 21.75 12V9.832c0-.287-.055-.57-.16-.832M2.41 9a2.25 2.25 0 0 1 .382-.632l3.285-3.832a2.25 2.25 0 0 1 1.708-.786h8.43c.657 0 1.281.287 1.709.786l3.284 3.832c.163.19.291.404.382.632M4.5 20.25h15A2.25 2.25 0 0 0 21.75 18v-2.625c0-.621-.504-1.125-1.125-1.125H3.375c-.621 0-1.125.504-1.125 1.125V18a2.25 2.25 0 0 0 2.25 2.25Z" />
        </svg>
                        <small class="text-[10px]">سفارشات</small>
                </a>
                <a href="https://irappleid.com/panel/transactions" wire:navigate.hover
                    class="flex data-current:text-indigo-600 data-current:scale-110 items-center flex-col px-3 py-1.5 gap-1">
                    <svg class="size-4.5" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
            stroke="currentColor">
            <path stroke-linecap="round" stroke-linejoin="round"
                d="M21 12a2.25 2.25 0 0 0-2.25-2.25H15a3 3 0 1 1-6 0H5.25A2.25 2.25 0 0 0 3 12m18 0v6a2.25 2.25 0 0 1-2.25 2.25H5.25A2.25 2.25 0 0 1 3 18v-6m18 0V9M3 12V9m18 0a2.25 2.25 0 0 0-2.25-2.25H5.25A2.25 2.25 0 0 0 3 9m18 0V6a2.25 2.25 0 0 0-2.25-2.25H5.25A2.25 2.25 0 0 0 3 6v3" />
        </svg>
                        <small class="text-[10px]">کیف پول</small>
                </a>
                <a href="https://irappleid.com/panel/profile" wire:navigate.hover
                    class="flex data-current:text-indigo-600 data-current:scale-110 items-center flex-col px-3 py-1.5 gap-1">
                    <svg class="size-4.5" fill="none" viewBox="0 0 24 24" stroke-width="1.5"
            stroke="currentColor">
            <path stroke-linecap="round" stroke-linejoin="round"
                d="M15.75 6a3.75 3.75 0 1 1-7.5 0 3.75 3.75 0 0 1 7.5 0ZM4.501 20.118a7.5 7.5 0 0 1 14.998 0A17.933 17.933 0 0 1 12 21.75c-2.676 0-5.216-.584-7.499-1.632Z" />
        </svg>
                        <small class="text-[10px]">پروفایل</small>
                </a>
            </div>
        </div>

        <script src="https://irappleid.com/livewire-37e269e3/livewire.min.js?id=4735e441"   data-csrf="thmMcoyjW4BTwCGY5mKNKDwdhskIRBTptbP2u5Go" data-module-url="https://irappleid.com/livewire-37e269e3" data-update-uri="https://irappleid.com/livewire-37e269e3/update" data-navigate-once="true"></script>
        <script defer>
            if ("serviceWorker" in navigator) {
                window.addEventListener("load", function() {
                    navigator.serviceWorker
                        .register("/service-worker.js", {
                            scope: "/"
                        })
                        .catch(function(err) {
                            console.log("Service Worker failed:", err);
                        });
                });
            }
        </script>
    </body>

</html>