
<style>
 .blurred-navbar {backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);background-color: #390027b8;}.bg-bangweb-800,.bg-melpa-100{--tw-bg-opacity:1}.bg-melpa-100{background-color:var(--warna_3)}.bg-bangweb-800,.hover\:bg-murky-700:hover{background-color:var(--warna_1)}.border-murky-800{--tw-border-opacity:1;border-color:rgb(131 134 137)}.py-1 a:hover{background-color:var(--warna_3);transition:background-color .3s}.border-primary-500{--tw-border-opacity:1;border-color:var(--warna_2)}.text-primary-300{color:var(--warna_2)}.blur{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
</style>
        
      
       <?php if(Auth::check()): ?>
    <?php if(Auth()->user()->role == 'Member' || Auth()->user()->role == 'Platinum' || Auth()->user()->role == 'Gold'): ?>
       
        <nav class="navbar sticky top-0 z-40 w-full flex-none blurred-navbar border-murky-800 bg-murky-900 print:hidden">
    <div class="container">
        <div class="flex h-[60px] items-center">
            <button
                type="button"
                class="rounded-md bg-bangweb-800 p-2 text-white lg:hidden focus:outline-none"
                x-data="{ usedKeyboard: false }"
                @keydown.window.tab="usedKeyboard = true"
                role="button"
                @click="$dispatch('open-menu', { open: true })"
                :class="{ 'focus:outline-none': !usedKeyboard } "
            >
                <span class="sr-only">Open menu</span>
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="h-6 w-6">
                    <path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5"></path>
                </svg>
            </button>
            <div class="ml-2 flex lg:ml-0">
                <a style="outline: none;" href="/">
                    <span class="sr-only">Melpa</span>
                    <img width="80" height="43" class="" style="color: transparent;" src="<?php echo e(url('')); ?><?php echo e(!$config ? '' : $config->logo_header); ?>" alt="Melpa Logo" />
                </a>
            </div>
            <div class="hidden ml-auto flex h-full items-center lg:block lg:self-stretch">
                <div class="flex h-full space-x-6">
                                              <a
    class="relative z-10 -mb-px flex items-center space-x-2 border-b-2 pt-px text-sm font-medium transition-colors duration-200 ease-out border-transparent hover:border-primary-500 hover:text-primary-300 <?php echo e(Request::is('id') ? 'border-primary-500 text-primary-300' : ''); ?>"
    style="outline: none;"
    href="/id"
>
    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="h-5 w-5">
        <path
            stroke-linecap="round"
            stroke-linejoin="round"
            d="M2.25 12l8.954-8.955c.44-.439 1.152-.439 1.591 0L21.75 12M4.5 9.75v10.125c0 .621.504 1.125 1.125 1.125H9.75v-4.875c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21h4.125c.621 0 1.125-.504 1.125-1.125V9.75M8.25 21h8.25"
        ></path>
    </svg>
    <span>Beranda</span>
</a>


                            <a
    class="relative z-10 -mb-px flex items-center space-x-2 border-b-2 pt-px text-sm font-medium transition-colors duration-200 ease-out border-transparent hover:border-primary-500 hover:text-primary-300 <?php echo e(Request::route()->getName() == 'cari' ? 'border-primary-500 text-primary-300' : ''); ?>"
    style="outline: none;"
    href="<?php echo e(route('cari')); ?>"
>
    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="h-5 w-5">
        <path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-5.197-5.197m0 0A7.5 7.5 0 105.196 5.196a7.5 7.5 0 0010.607 10.607z"></path>
    </svg>
    <span>Cek Transaksi</span>
</a>


                            <a
    class="relative z-10 -mb-px flex items-center space-x-2 border-b-2 pt-px text-sm font-medium transition-colors duration-200 ease-out border-transparent hover:border-primary-500 hover:text-primary-300 <?php echo e(Request::route()->getName() == 'leaderboardd' ? 'border-primary-500 text-primary-300' : ''); ?>"
    style="outline: none;"
    href="<?php echo e(route('leaderboardd')); ?>"
>
    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="h-5 w-5">
      <path stroke-linecap="round" stroke-linejoin="round" d="M3 13.125C3 12.504 3.504 12 4.125 12h2.25c.621 0 1.125.504 1.125 1.125v6.75C7.5 20.496 6.996 21 6.375 21h-2.25A1.125 1.125 0 013 19.875v-6.75zM9.75 8.625c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125v11.25c0 .621-.504 1.125-1.125 1.125h-2.25a1.125 1.125 0 01-1.125-1.125V8.625zM16.5 4.125c0-.621.504-1.125 1.125-1.125h2.25C20.496 3 21 3.504 21 4.125v15.75c0 .621-.504 1.125-1.125 1.125h-2.25a1.125 1.125 0 01-1.125-1.125V4.125z"></path>
   </svg>
    <span>Leaderboard</span>
</a>

                    <div class="relative flex" x-data="{ open: false }" x-on:keydown.escape.prevent.stop="open = false" x-on:focusin.window="if (! $refs.panel.contains(event.target)) open = false" x-id="['dropdown-button']">
    <div class="relative flex">
        <button
            x-ref="button"
            x-on:click="open = !open"
            :aria-expanded="open.toString()"
            :aria-controls="$id('dropdown-button')"
            type="button"
            class="relative z-10 -mb-px flex items-center space-x-2 border-b-2 pt-px text-sm font-medium outline-none transition-colors duration-200 ease-out border-transparent hover:border-primary-500 hover:text-primary-300"
        >
            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="h-5 w-5">
                <path
                    stroke-linecap="round"
                    stroke-linejoin="round"
                    d="M15.75 15.75V18m-7.5-6.75h.008v.008H8.25v-.008zm0 2.25h.008v.008H8.25V13.5zm0 2.25h.008v.008H8.25v-.008zm0 2.25h.008v.008H8.25V18zm2.498-6.75h.007v.008h-.007v-.008zm0 2.25h.007v.008h-.007V13.5zm0 2.25h.007v.008h-.007v-.008zm0 2.25h.007v.008h-.007V18zm2.504-6.75h.008v.008h-.008v-.008zm0 2.25h.008v.008h-.008V13.5zm0 2.25h.008v.008h-.008v-.008zm0 2.25h.008v.008h-.008V18zm2.498-6.75h.008v.008h-.008v-.008zm0 2.25h.008v.008h-.008V13.5zM8.25 6h7.5v2.25h-7.5V6zM12 2.25c-1.892 0-3.758.11-5.593.322C5.307 2.7 4.5 3.65 4.5 4.757V19.5a2.25 2.25 0 002.25 2.25h10.5a2.25 2.25 0 002.25-2.25V4.757c0-1.108-.806-2.057-1.907-2.185A48.507 48.507 0 0012 2.25z"
                ></path>
            </svg>
            <span>Kalkulator</span>
        </button>
    </div>
    <div
        x-ref="panel"
        x-show="open"
        x-transition.origin.top
        x-on:click.outside="open = false"
        :id="$id('dropdown-button')"
        style="display: none;"
        class="absolute -left-[130%] z-10 mt-[4.25rem] w-screen max-w-[360px] transform px-2 sm:px-0 opacity-100 translate-y-0"
    >
        <div class="overflow-hidden rounded-lg shadow-lg">
            <div class="relative grid gap-6 bg-murky-800 px-2 py-3 sm:gap-8 sm:p-6">
                <a
                    class="-m-3 flex items-start rounded-lg p-3 transition duration-150 ease-in-out hover:bg-murky-700 focus:outline-none focus-visible:ring-2 focus-visible:ring-primary-500"
                    href="<?php echo e(route('hitungwr')); ?>"
                    style="outline: none;"
                >
                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="h-6 w-6 flex-shrink-0 text-primary-500">
                        <path
                            stroke-linecap="round"
                            stroke-linejoin="round"
                            d="M15.75 15.75V18m-7.5-6.75h.008v.008H8.25v-.008zm0 2.25h.008v.008H8.25V13.5zm0 2.25h.008v.008H8.25v-.008zm0 2.25h.008v.008H8.25V18zm2.498-6.75h.007v.008h-.007v-.008zm0 2.25h.007v.008h-.007V13.5zm0 2.25h.007v.008h-.007v-.008zm0 2.25h.007v.008h-.007V18zm2.504-6.75h.008v.008h-.008v-.008zm0 2.25h.008v.008h-.008V13.5zm0 2.25h.008v.008h-.008v-.008zm0 2.25h.008v.008h-.008V18zm2.498-6.75h.008v.008h-.008v-.008zm0 2.25h.008v.008h-.008V13.5zM8.25 6h7.5v2.25h-7.5V6zM12 2.25c-1.892 0-3.758.11-5.593.322C5.307 2.7 4.5 3.65 4.5 4.757V19.5a2.25 2.25 0 002.25 2.25h10.5a2.25 2.25 0 002.25-2.25V4.757c0-1.108-.806-2.057-1.907-2.185A48.507 48.507 0 0012 2.25z"
                        ></path>
                    </svg>
                    <div class="ml-4">
                        <p class="text-base font-medium text-white">Win Rate</p>
                        <p class="text-mukry-200 mt-1 text-sm">Digunakan untuk menghitung total jumlah match yang harus ditempuh untuk mencapai target win rate yang diinginkan.</p>
                    </div>
                </a>
                <a
                    class="-m-3 flex items-start rounded-lg p-3 transition duration-150 ease-in-out hover:bg-murky-700 focus:outline-none focus-visible:ring-2 focus-visible:ring-primary-500"
                    href="<?php echo e(route('hitungpointmw')); ?>"
                    style="outline: none;"
                >
                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="h-6 w-6 flex-shrink-0 text-primary-500">
                        <path
                            stroke-linecap="round"
                            stroke-linejoin="round"
                            d="M15.75 15.75V18m-7.5-6.75h.008v.008H8.25v-.008zm0 2.25h.008v.008H8.25V13.5zm0 2.25h.008v.008H8.25v-.008zm0 2.25h.008v.008H8.25V18zm2.498-6.75h.007v.008h-.007v-.008zm0 2.25h.007v.008h-.007V13.5zm0 2.25h.007v.008h-.007v-.008zm0 2.25h.007v.008h-.007V18zm2.504-6.75h.008v.008h-.008v-.008zm0 2.25h.008v.008h-.008V13.5zm0 2.25h.008v.008h-.008v-.008zm0 2.25h.008v.008h-.008V18zm2.498-6.75h.008v.008h-.008v-.008zm0 2.25h.008v.008h-.008V13.5zM8.25 6h7.5v2.25h-7.5V6zM12 2.25c-1.892 0-3.758.11-5.593.322C5.307 2.7 4.5 3.65 4.5 4.757V19.5a2.25 2.25 0 002.25 2.25h10.5a2.25 2.25 0 002.25-2.25V4.757c0-1.108-.806-2.057-1.907-2.185A48.507 48.507 0 0012 2.25z"
                        ></path>
                    </svg>
                    <div class="ml-4">
                        <p class="text-base font-medium text-white">Magic Wheel</p>
                        <p class="text-mukry-200 mt-1 text-sm">Digunakan untuk mengetahui total maksimal diamond yang dibutuhkan untuk mendapatkan skin Legends.</p>
                    </div>
                </a>
                <a
                    class="-m-3 flex items-start rounded-lg p-3 transition duration-150 ease-in-out hover:bg-murky-700 focus:outline-none focus-visible:ring-2 focus-visible:ring-primary-500"
                    href="<?php echo e(route('hitungpointzodiac')); ?>"
                    style="outline: none;"
                >
                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="h-6 w-6 flex-shrink-0 text-primary-500">
                        <path
                            stroke-linecap="round"
                            stroke-linejoin="round"
                            d="M15.75 15.75V18m-7.5-6.75h.008v.008H8.25v-.008zm0 2.25h.008v.008H8.25V13.5zm0 2.25h.008v.008H8.25v-.008zm0 2.25h.008v.008H8.25V18zm2.498-6.75h.007v.008h-.007v-.008zm0 2.25h.007v.008h-.007V13.5zm0 2.25h.007v.008h-.007v-.008zm0 2.25h.007v.008h-.007V18zm2.504-6.75h.008v.008h-.008v-.008zm0 2.25h.008v.008h-.008V13.5zm0 2.25h.008v.008h-.008v-.008zm0 2.25h.008v.008h-.008V18zm2.498-6.75h.008v.008h-.008v-.008zm0 2.25h.008v.008h-.008V13.5zM8.25 6h7.5v2.25h-7.5V6zM12 2.25c-1.892 0-3.758.11-5.593.322C5.307 2.7 4.5 3.65 4.5 4.757V19.5a2.25 2.25 0 002.25 2.25h10.5a2.25 2.25 0 002.25-2.25V4.757c0-1.108-.806-2.057-1.907-2.185A48.507 48.507 0 0012 2.25z"
                        ></path>
                    </svg>
                    <div class="ml-4">
                        <p class="text-base font-medium text-white">Zodiac</p>
                        <p class="text-mukry-200 mt-1 text-sm">Digunakan untuk mengetahui total diamond maksimal yang dibutuhkan untuk mendapatkan skin Zodiacs.</p>
                    </div>
                </a>
            </div>
        </div>
    </div>
</div>

                </div>
            </div>
            <div class="ml-auto flex h-full items-center space-x-3">
                <div class="desktop-only">
                    <div class=" lg:flex lg:flex-1 lg:items-center lg:justify-end lg:space-x-5 gap-2"><button x-on:click="isSearchModalOpen = true" type="button" class="text-sm font-medium text-white bg-gradient-to-b from-murky-800 to-murky-800 rounded-xl px-4 py-2"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="h-5 w-5 sm:h-4 sm:w-4"><path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-5.197-5.197m0 0A7.5 7.5 0 105.196 5.196a7.5 7.5 0 0010.607 10.607z"></path></svg></button></div>
                </div>
             
               
                        <div
                            class="relative inline-block text-left"
                            x-data="{
                              open: false,
                              toggle() {
                                if (this.open) {
                                  this.close();
                                  return;
                                }
                                this.$refs.button.focus();
                                this.open = true;
                              },
                              close(focusAfter) {
                                if (!this.open) return;
                                this.open = false;
                                if (focusAfter) focusAfter.focus();
                              }
                            }
                            "
                            x-on:keydown.escape.prevent.stop="close($refs.button)"
                            x-on:focusin.window="! $refs.panel.contains($event.target) &amp;&amp; close()"
                            x-id="['languange-dropdown']"
                        >
                            <div>
                                <button
                                    x-ref="button"
                                    x-on:click="toggle()"
                                    :aria-expanded="open"
                                    :aria-controls="$id('languange-dropdown')"
                                    type="button"
                                    class="inline-flex w-full justify-center gap-x-1 rounded-md bg-bangweb-800 px-3 py-2 text-sm font-semibold uppercase text-white hover:bg-murky-800 focus:bg-murky-800"
                                    aria-expanded="false"
                                    aria-controls="languange-dropdown-1"
                                >
                              <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="h-5 w-5">
                            <path
                                stroke-linecap="round"
                                stroke-linejoin="round"
                                d="M17.982 18.725A7.488 7.488 0 0012 15.75a7.488 7.488 0 00-5.982 2.975m11.963 0a9 9 0 10-11.963 0m11.963 0A8.966 8.966 0 0112 21a8.966 8.966 0 01-5.982-2.275M15 9.75a3 3 0 11-6 0 3 3 0 016 0z"
                            ></path>
                        </svg>

                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" class="-mr-1 ml-2 h-5 w-5">
                            <path fill-rule="evenodd" d="M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z" clip-rule="evenodd"></path>
                        </svg>
                                </button>
                            </div>
                            <div
                                x-ref="panel"
                                x-show="open"
                                x-transition.origin.top.right=""
                                x-on:click.outside="close($refs.button)"
                                :id="$id('languange-dropdown')"
                                style="display: none;"
                                class="absolute right-0 z-10 mt-2 w-48 origin-top-right divide-y divide-gray-100 rounded-md bg-bangweb-800 shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none transform opacity-100 scale-100"
                                id="languange-dropdown-1"
                            >
                                
                                 <div class="px-4 py-3" role="none">
                            <p class="text-sm" role="none">Telah masuk sebagai</p>
                            <p class="truncate text-sm font-medium text-white" role="none">
                                <?php echo e(Str::title(Auth()->user()->name)); ?>

                            </p>
                        </div>
                                <div class="py-1" role="none">
                                    <a class="text-murky-100 flex w-full items-center space-x-2 px-4 py-2 text-sm" id="headlessui-menu-item-:r16:" role="menuitem" tabindex="-1" data-headlessui-state="" href="<?php echo e(route('dashboard')); ?>" style="outline: none;">
                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="h-4 w-4">
                                    <path
                                        stroke-linecap="round"
                                        stroke-linejoin="round"
                                        d="M2.25 12l8.954-8.955c.44-.439 1.152-.439 1.591 0L21.75 12M4.5 9.75v10.125c0 .621.504 1.125 1.125 1.125H9.75v-4.875c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21h4.125c.621 0 1.125-.504 1.125-1.125V9.75M8.25 21h8.25"
                                    ></path>
                                </svg>
                                <span>Dashboard</span>
                            </a>
                                   <a
                                class="text-murky-100 flex w-full items-center space-x-2 px-4 py-2 text-sm"
                                id="headlessui-menu-item-:r17:"
                                role="menuitem"
                                tabindex="-1"
                                data-headlessui-state=""
                                href="<?php echo e(route('deposit')); ?>"
                                style="outline: none;"
                            >
                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="h-4 w-4">
                                    <path
                                        stroke-linecap="round"
                                        stroke-linejoin="round"
                                        d="M21 12a2.25 2.25 0 00-2.25-2.25H15a3 3 0 11-6 0H5.25A2.25 2.25 0 003 12m18 0v6a2.25 2.25 0 01-2.25 2.25H5.25A2.25 2.25 0 013 18v-6m18 0V9M3 12V9m18 0a2.25 2.25 0 00-2.25-2.25H5.25A2.25 2.25 0 003 9m18 0V6a2.25 2.25 0 00-2.25-2.25H5.25A2.25 2.25 0 003 6v3"
                                    ></path>
                                </svg>
                                <span>Rp <?php echo e(number_format(Auth::user()->balance, 0, ',', '.')); ?> </span>
                            </a>
                              <a class="text-murky-100 flex w-full items-center space-x-2 px-4 py-2 text-sm" id="headlessui-menu-item-:r18:" role="menuitem" tabindex="-1" data-headlessui-state="" href="/id/settings" style="outline: none;">
                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="h-4 w-4">
                                    <path
                                        stroke-linecap="round"
                                        stroke-linejoin="round"
                                        d="M9.594 3.94c.09-.542.56-.94 1.11-.94h2.593c.55 0 1.02.398 1.11.94l.213 1.281c.063.374.313.686.645.87.074.04.147.083.22.127.324.196.72.257 1.075.124l1.217-.456a1.125 1.125 0 011.37.49l1.296 2.247a1.125 1.125 0 01-.26 1.431l-1.003.827c-.293.24-.438.613-.431.992a6.759 6.759 0 010 .255c-.007.378.138.75.43.99l1.005.828c.424.35.534.954.26 1.43l-1.298 2.247a1.125 1.125 0 01-1.369.491l-1.217-.456c-.355-.133-.75-.072-1.076.124a6.57 6.57 0 01-.22.128c-.331.183-.581.495-.644.869l-.213 1.28c-.09.543-.56.941-1.11.941h-2.594c-.55 0-1.02-.398-1.11-.94l-.213-1.281c-.062-.374-.312-.686-.644-.87a6.52 6.52 0 01-.22-.127c-.325-.196-.72-.257-1.076-.124l-1.217.456a1.125 1.125 0 01-1.369-.49l-1.297-2.247a1.125 1.125 0 01.26-1.431l1.004-.827c.292-.24.437-.613.43-.992a6.932 6.932 0 010-.255c.007-.378-.138-.75-.43-.99l-1.004-.828a1.125 1.125 0 01-.26-1.43l1.297-2.247a1.125 1.125 0 011.37-.491l1.216.456c.356.133.751.072 1.076-.124.072-.044.146-.087.22-.128.332-.183.582-.495.644-.869l.214-1.281z"
                                    ></path>
                                    <path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"></path>
                                </svg>
                                <span>Pengaturan</span>
                            </a>
                                </div>
                                
                        <div class="py-1" role="none">
                            <a>
                                <form action="<?php echo e(route('logout')); ?>" method="POST" id="logout">
                                    <?php echo csrf_field(); ?>
                                    <button type="submit" class="text-murky-100 flex w-full items-center space-x-2 px-4 py-2 text-left text-sm" id="headlessui-menu-item-logout" role="menuitem" tabindex="-1" data-headlessui-state="">
                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="h-4 w-4">
                                            <path stroke-linecap="round" stroke-linejoin="round" d="M15.75 9V5.25A2.25 2.25 0 0013.5 3h-6a2.25 2.25 0 00-2.25 2.25v13.5A2.25 2.25 0 007.5 21h6a2.25 2.25 0 002.25-2.25V15m3 0l3-3m0 0l-3-3m3 3H9"></path>
                                        </svg>
                                        <span>Keluar</span>
                                    </button>
                                </form>
                            </a>
                        </div>
                      </div>
                 </div>
            </div>
        </div>
    </div>
</nav>
                <!-- Drawer Menu -->
        <div x-data="drawerMenu()" x-cloak @open-menu.window="open = $event.detail.open" @keydown.window.tab="usedKeyboard = true" @keydown.escape="open = false" x-init="init()">
            <div x-show.transition.opacity.duration.500="open" @click="open = false" class="fixed z-40 inset-0  bg-opacity-25 blur"></div>
            <div class="fixed inset-0 z-40 transition duration-300 left-0 top-0 transform w-full max-w-xs h-screen bg-murky-900 pb-12 shadow-xl overflow-y-auto" :class="{'-translate-x-full': !open}">
                <div class="relative flex w-full flex-col">
                    <div class="flex flex-row-reverse items-center justify-between p-4">
                        <button type="button" class="-m-2 inline-flex items-center justify-center rounded-md p-2 text-murky-400" @click="open = false" x-ref="closeButton" :class="{'focus:outline-none': !usedKeyboard}" tabindex="0">
                            <span class="sr-only">Close menu</span>
                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="h-6 w-6">
                                <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
                            </svg>
                        </button>
                        <div class="flex">
                            <a href="/" style="outline: none;">
                                <span class="sr-only">Melpa Logo</span>
                                <img src="<?php echo e(!$config ? '' : $config->logo_header); ?>"  width="100" height="43" class="h-7 w-auto" style="color: transparent;" alt="" />
                            </a>
                        </div>
                    </div>
                    <div class="space-y-2 border-y border-murky-800 p-4">
                        <div>
                            <a class="group flex items-center justify-between rounded-md py-2 px-4 font-medium text-white hover:bg-murky-700" href="<?php echo e(url('')); ?>" style="outline: none;">
                                <span>Beranda</span>
                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" class="hidden h-5 w-5 group-hover:block">
                                    <path
                                        fill-rule="evenodd"
                                        d="M5 10a.75.75 0 01.75-.75h6.638L10.23 7.29a.75.75 0 111.04-1.08l3.5 3.25a.75.75 0 010 1.08l-3.5 3.25a.75.75 0 11-1.04-1.08l2.158-1.96H5.75A.75.75 0 015 10z"
                                        clip-rule="evenodd"
                                    ></path>
                                </svg>
                            </a>
                        </div>
                        <div>
                            <a class="group flex items-center justify-between rounded-md py-2 px-4 font-medium text-white hover:bg-murky-700" href="<?php echo e(route('cari')); ?>" style="outline: none;">
                                <span>Cek Transaksi</span>
                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" class="hidden h-5 w-5 group-hover:block">
                                    <path
                                        fill-rule="evenodd"
                                        d="M5 10a.75.75 0 01.75-.75h6.638L10.23 7.29a.75.75 0 111.04-1.08l3.5 3.25a.75.75 0 010 1.08l-3.5 3.25a.75.75 0 11-1.04-1.08l2.158-1.96H5.75A.75.75 0 015 10z"
                                        clip-rule="evenodd"
                                    ></path>
                                </svg>
                            </a>
                        </div>
                        <div>
                            <a class="group flex items-center justify-between rounded-md py-2 px-4 font-medium text-white hover:bg-murky-700" href="<?php echo e(route('leaderboardd')); ?>" style="outline: none;">
                                <span>Leaderboard</span>
                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" class="hidden h-5 w-5 group-hover:block">
                                    <path
                                        fill-rule="evenodd"
                                        d="M5 10a.75.75 0 01.75-.75h6.638L10.23 7.29a.75.75 0 111.04-1.08l3.5 3.25a.75.75 0 010 1.08l-3.5 3.25a.75.75 0 11-1.04-1.08l2.158-1.96H5.75A.75.75 0 015 10z"
                                        clip-rule="evenodd"
                                    ></path>
                                </svg>
                            </a>
                        </div>
                        <div class="space-y-2" x-data="{ reportsOpen: false }">
                            <button class="group flex w-full items-center justify-between rounded-md py-2 px-4 font-medium text-white hover:bg-murky-700" type="button" aria-expanded="false" @click="reportsOpen = !reportsOpen">
                                <span>Kalkulator</span>
                                <svg
                                    xmlns="http://www.w3.org/2000/svg"
                                    viewBox="0 0 20 20"
                                    fill="currentColor"
                                    aria-hidden="true"
                                    class="hidden group-hover:block h-5 w-5 transform transition duration-300 ease-in-out"
                                    :class="{'rotate-90': reportsOpen,' -translate-y-0.0': !reportsOpen }"
                                >
                                    <path
                                        fill-rule="evenodd"
                                        d="M5 10a.75.75 0 01.75-.75h6.638L10.23 7.29a.75.75 0 111.04-1.08l3.5 3.25a.75.75 0 010 1.08l-3.5 3.25a.75.75 0 11-1.04-1.08l2.158-1.96H5.75A.75.75 0 015 10z"
                                        clip-rule="evenodd"
                                    ></path>
                                </svg>
                            </button>
                            <div class="ml-8 space-y-1 transform transition duration-300 ease-in-out" x-cloak x-show="reportsOpen" x-collapse x-collapse.duration.500ms>
                                <a href="<?php echo e(route('hitungwr')); ?>" class="group flex w-full items-center justify-between rounded-md py-2 px-4 font-medium text-white hover:bg-murky-700" style="outline: none;">
                                    Win Rate
                                </a>
                                <a href="<?php echo e(route('hitungpointmw')); ?>" class="group flex w-full items-center justify-between rounded-md py-2 px-4 font-medium text-white hover:bg-murky-700" style="outline: none;">
                                    Magic Wheel
                                </a>
                                <a href="<?php echo e(route('hitungpointzodiac')); ?>" class="group flex w-full items-center justify-between rounded-md py-2 px-4 font-medium text-white hover:bg-murky-700" style="outline: none;">
                                    Zodiac
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="space-y-2 border-y border-murky-800 p-4">
    <div>
        <a class="group flex items-center justify-between rounded-md py-2 px-4 font-medium text-white hover:bg-murky-700 outline-none" href="<?php echo e(route('dashboard')); ?>">
            <span>Dashboard</span>
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" class="hidden h-5 w-5 group-hover:block">
                <path fill-rule="evenodd" d="M5 10a.75.75 0 01.75-.75h6.638L10.23 7.29a.75.75 0 111.04-1.08l3.5 3.25a.75.75 0 010 1.08l-3.5 3.25a.75.75 0 11-1.04-1.08l2.158-1.96H5.75A.75.75 0 015 10z" clip-rule="evenodd"></path>
            </svg>
        </a>
    </div>
    <div>
        <a class="group flex items-center justify-between rounded-md py-2 px-4 font-medium text-white hover:bg-murky-700 outline-none" href="/id/dashboard/history">
            <span>Transaksi</span>
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" class="hidden h-5 w-5 group-hover:block">
                <path fill-rule="evenodd" d="M5 10a.75.75 0 01.75-.75h6.638L10.23 7.29a.75.75 0 111.04-1.08l3.5 3.25a.75.75 0 010 1.08l-3.5 3.25a.75.75 0 11-1.04-1.08l2.158-1.96H5.75A.75.75 0 015 10z" clip-rule="evenodd"></path>
            </svg>
        </a>
        <a class="group flex items-center justify-between rounded-md py-2 px-4 font-medium text-white hover:bg-murky-700 outline-none" href="<?php echo e(route('deposit')); ?>">
            <span>Deposit</span>
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" class="hidden h-5 w-5 group-hover:block">
                <path fill-rule="evenodd" d="M5 10a.75.75 0 01.75-.75h6.638L10.23 7.29a.75.75 0 111.04-1.08l3.5 3.25a.75.75 0 010 1.08l-3.5 3.25a.75.75 0 11-1.04-1.08l2.158-1.96H5.75A.75.75 0 015 10z" clip-rule="evenodd"></path>
            </svg>
        </a>
    </div>
    <div>
    </div>
</div>
<div class="space-y-2 p-4">
    <div>
    <form action="<?php echo e(route('logout')); ?>" method="POST" id="logout">
    <?php echo csrf_field(); ?> 
    <button type="submit" class="group flex items-center justify-between rounded-md py-2 px-4 font-medium text-white hover:bg-murky-700 outline-none">
        <span>Keluar</span>
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" class="hidden h-5 w-5 group-hover:block">
            <path fill-rule="evenodd" d="M5 10a.75.75 0 01.75-.75h6.638L10.23 7.29a.75.75 0 111.04-1.08l3.5 3.25a.75.75 0 010 1.08l-3.5 3.25a.75.75 0 11-1.04-1.08l2.158-1.96H5.75A.75.75 0 015 10z" clip-rule="evenodd"></path>
        </svg>
    </button>
</form>

    </div>
</div>

                </div>
            </div>
        </div>

<?php else: ?>
        <nav class="navbar sticky top-0 z-40 w-full flex-none blurred-navbar border-murky-800 bg-murky-900 print:hidden">
    <div class="container">
        <div class="flex h-[60px] items-center">
            <button
                type="button"
                class="rounded-md bg-bangweb-800 p-2 text-white lg:hidden focus:outline-none"
                x-data="{ usedKeyboard: false }"
                @keydown.window.tab="usedKeyboard = true"
                role="button"
                @click="$dispatch('open-menu', { open: true })"
                :class="{ 'focus:outline-none': !usedKeyboard } "
            >
                <span class="sr-only">Open menu</span>
                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="h-6 w-6">
                    <path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5"></path>
                </svg>
            </button>
            <div class="ml-2 flex lg:ml-0">
                <a style="outline: none;" href="/">
                    <span class="sr-only">Melpa</span>
                    <img width="80" height="43" class="" style="color: transparent;" src="<?php echo e(url('')); ?><?php echo e(!$config ? '' : $config->logo_header); ?>" alt="Melpa Logo" />
                </a>
            </div>
            <div class="hidden ml-auto flex h-full items-center lg:block lg:self-stretch">
                <div class="flex h-full space-x-6">
                                             <a
    class="relative z-10 -mb-px flex items-center space-x-2 border-b-2 pt-px text-sm font-medium transition-colors duration-200 ease-out border-transparent hover:border-primary-500 hover:text-primary-300 <?php echo e(Request::is('id') ? 'border-primary-500 text-primary-300' : ''); ?>"
    style="outline: none;"
    href="/id"
>
    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="h-5 w-5">
        <path
            stroke-linecap="round"
            stroke-linejoin="round"
            d="M2.25 12l8.954-8.955c.44-.439 1.152-.439 1.591 0L21.75 12M4.5 9.75v10.125c0 .621.504 1.125 1.125 1.125H9.75v-4.875c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21h4.125c.621 0 1.125-.504 1.125-1.125V9.75M8.25 21h8.25"
        ></path>
    </svg>
    <span>Beranda</span>
</a>


                            <a
    class="relative z-10 -mb-px flex items-center space-x-2 border-b-2 pt-px text-sm font-medium transition-colors duration-200 ease-out border-transparent hover:border-primary-500 hover:text-primary-300 <?php echo e(Request::route()->getName() == 'cari' ? 'border-primary-500 text-primary-300' : ''); ?>"
    style="outline: none;"
    href="<?php echo e(route('cari')); ?>"
>
    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="h-5 w-5">
        <path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-5.197-5.197m0 0A7.5 7.5 0 105.196 5.196a7.5 7.5 0 0010.607 10.607z"></path>
    </svg>
    <span>Cek Transaksi</span>
</a>
  <a
    class="relative z-10 -mb-px flex items-center space-x-2 border-b-2 pt-px text-sm font-medium transition-colors duration-200 ease-out border-transparent hover:border-primary-500 hover:text-primary-300 <?php echo e(Request::route()->getName() == 'leaderboardd' ? 'border-primary-500 text-primary-300' : ''); ?>"
    style="outline: none;"
    href="<?php echo e(route('leaderboardd')); ?>"
>
    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="h-5 w-5">
      <path stroke-linecap="round" stroke-linejoin="round" d="M3 13.125C3 12.504 3.504 12 4.125 12h2.25c.621 0 1.125.504 1.125 1.125v6.75C7.5 20.496 6.996 21 6.375 21h-2.25A1.125 1.125 0 013 19.875v-6.75zM9.75 8.625c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125v11.25c0 .621-.504 1.125-1.125 1.125h-2.25a1.125 1.125 0 01-1.125-1.125V8.625zM16.5 4.125c0-.621.504-1.125 1.125-1.125h2.25C20.496 3 21 3.504 21 4.125v15.75c0 .621-.504 1.125-1.125 1.125h-2.25a1.125 1.125 0 01-1.125-1.125V4.125z"></path>
   </svg>
    <span>Leaderboard</span>
</a>

                    <div class="relative flex" x-data="{ open: false }" x-on:keydown.escape.prevent.stop="open = false" x-on:focusin.window="if (! $refs.panel.contains(event.target)) open = false" x-id="['dropdown-button']">
    <div class="relative flex">
        <button
            x-ref="button"
            x-on:click="open = !open"
            :aria-expanded="open.toString()"
            :aria-controls="$id('dropdown-button')"
            type="button"
            class="relative z-10 -mb-px flex items-center space-x-2 border-b-2 pt-px text-sm font-medium outline-none transition-colors duration-200 ease-out border-transparent hover:border-primary-500 hover:text-primary-300"
        >
            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="h-5 w-5">
                <path
                    stroke-linecap="round"
                    stroke-linejoin="round"
                    d="M15.75 15.75V18m-7.5-6.75h.008v.008H8.25v-.008zm0 2.25h.008v.008H8.25V13.5zm0 2.25h.008v.008H8.25v-.008zm0 2.25h.008v.008H8.25V18zm2.498-6.75h.007v.008h-.007v-.008zm0 2.25h.007v.008h-.007V13.5zm0 2.25h.007v.008h-.007v-.008zm0 2.25h.007v.008h-.007V18zm2.504-6.75h.008v.008h-.008v-.008zm0 2.25h.008v.008h-.008V13.5zm0 2.25h.008v.008h-.008v-.008zm0 2.25h.008v.008h-.008V18zm2.498-6.75h.008v.008h-.008v-.008zm0 2.25h.008v.008h-.008V13.5zM8.25 6h7.5v2.25h-7.5V6zM12 2.25c-1.892 0-3.758.11-5.593.322C5.307 2.7 4.5 3.65 4.5 4.757V19.5a2.25 2.25 0 002.25 2.25h10.5a2.25 2.25 0 002.25-2.25V4.757c0-1.108-.806-2.057-1.907-2.185A48.507 48.507 0 0012 2.25z"
                ></path>
            </svg>
            <span>Kalkulator</span>
        </button>
    </div>
    <div
        x-ref="panel"
        x-show="open"
        x-transition.origin.top
        x-on:click.outside="open = false"
        :id="$id('dropdown-button')"
        style="display: none;"
        class="absolute -left-[130%] z-10 mt-[4.25rem] w-screen max-w-[360px] transform px-2 sm:px-0 opacity-100 translate-y-0"
    >
        <div class="overflow-hidden rounded-lg shadow-lg">
            <div class="relative grid gap-6 bg-murky-800 px-2 py-3 sm:gap-8 sm:p-6">
                <a
                    class="-m-3 flex items-start rounded-lg p-3 transition duration-150 ease-in-out hover:bg-murky-700 focus:outline-none focus-visible:ring-2 focus-visible:ring-primary-500"
                    href="<?php echo e(route('hitungwr')); ?>"
                    style="outline: none;"
                >
                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="h-6 w-6 flex-shrink-0 text-primary-500">
                        <path
                            stroke-linecap="round"
                            stroke-linejoin="round"
                            d="M15.75 15.75V18m-7.5-6.75h.008v.008H8.25v-.008zm0 2.25h.008v.008H8.25V13.5zm0 2.25h.008v.008H8.25v-.008zm0 2.25h.008v.008H8.25V18zm2.498-6.75h.007v.008h-.007v-.008zm0 2.25h.007v.008h-.007V13.5zm0 2.25h.007v.008h-.007v-.008zm0 2.25h.007v.008h-.007V18zm2.504-6.75h.008v.008h-.008v-.008zm0 2.25h.008v.008h-.008V13.5zm0 2.25h.008v.008h-.008v-.008zm0 2.25h.008v.008h-.008V18zm2.498-6.75h.008v.008h-.008v-.008zm0 2.25h.008v.008h-.008V13.5zM8.25 6h7.5v2.25h-7.5V6zM12 2.25c-1.892 0-3.758.11-5.593.322C5.307 2.7 4.5 3.65 4.5 4.757V19.5a2.25 2.25 0 002.25 2.25h10.5a2.25 2.25 0 002.25-2.25V4.757c0-1.108-.806-2.057-1.907-2.185A48.507 48.507 0 0012 2.25z"
                        ></path>
                    </svg>
                    <div class="ml-4">
                        <p class="text-base font-medium text-white">Win Rate</p>
                        <p class="text-mukry-200 mt-1 text-sm">Digunakan untuk menghitung total jumlah match yang harus ditempuh untuk mencapai target win rate yang diinginkan.</p>
                    </div>
                </a>
                <a
                    class="-m-3 flex items-start rounded-lg p-3 transition duration-150 ease-in-out hover:bg-murky-700 focus:outline-none focus-visible:ring-2 focus-visible:ring-primary-500"
                    href="<?php echo e(route('hitungpointmw')); ?>"
                    style="outline: none;"
                >
                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="h-6 w-6 flex-shrink-0 text-primary-500">
                        <path
                            stroke-linecap="round"
                            stroke-linejoin="round"
                            d="M15.75 15.75V18m-7.5-6.75h.008v.008H8.25v-.008zm0 2.25h.008v.008H8.25V13.5zm0 2.25h.008v.008H8.25v-.008zm0 2.25h.008v.008H8.25V18zm2.498-6.75h.007v.008h-.007v-.008zm0 2.25h.007v.008h-.007V13.5zm0 2.25h.007v.008h-.007v-.008zm0 2.25h.007v.008h-.007V18zm2.504-6.75h.008v.008h-.008v-.008zm0 2.25h.008v.008h-.008V13.5zm0 2.25h.008v.008h-.008v-.008zm0 2.25h.008v.008h-.008V18zm2.498-6.75h.008v.008h-.008v-.008zm0 2.25h.008v.008h-.008V13.5zM8.25 6h7.5v2.25h-7.5V6zM12 2.25c-1.892 0-3.758.11-5.593.322C5.307 2.7 4.5 3.65 4.5 4.757V19.5a2.25 2.25 0 002.25 2.25h10.5a2.25 2.25 0 002.25-2.25V4.757c0-1.108-.806-2.057-1.907-2.185A48.507 48.507 0 0012 2.25z"
                        ></path>
                    </svg>
                    <div class="ml-4">
                        <p class="text-base font-medium text-white">Magic Wheel</p>
                        <p class="text-mukry-200 mt-1 text-sm">Digunakan untuk mengetahui total maksimal diamond yang dibutuhkan untuk mendapatkan skin Legends.</p>
                    </div>
                </a>
                <a
                    class="-m-3 flex items-start rounded-lg p-3 transition duration-150 ease-in-out hover:bg-murky-700 focus:outline-none focus-visible:ring-2 focus-visible:ring-primary-500"
                    href="<?php echo e(route('hitungpointzodiac')); ?>"
                    style="outline: none;"
                >
                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="h-6 w-6 flex-shrink-0 text-primary-500">
                        <path
                            stroke-linecap="round"
                            stroke-linejoin="round"
                            d="M15.75 15.75V18m-7.5-6.75h.008v.008H8.25v-.008zm0 2.25h.008v.008H8.25V13.5zm0 2.25h.008v.008H8.25v-.008zm0 2.25h.008v.008H8.25V18zm2.498-6.75h.007v.008h-.007v-.008zm0 2.25h.007v.008h-.007V13.5zm0 2.25h.007v.008h-.007v-.008zm0 2.25h.007v.008h-.007V18zm2.504-6.75h.008v.008h-.008v-.008zm0 2.25h.008v.008h-.008V13.5zm0 2.25h.008v.008h-.008v-.008zm0 2.25h.008v.008h-.008V18zm2.498-6.75h.008v.008h-.008v-.008zm0 2.25h.008v.008h-.008V13.5zM8.25 6h7.5v2.25h-7.5V6zM12 2.25c-1.892 0-3.758.11-5.593.322C5.307 2.7 4.5 3.65 4.5 4.757V19.5a2.25 2.25 0 002.25 2.25h10.5a2.25 2.25 0 002.25-2.25V4.757c0-1.108-.806-2.057-1.907-2.185A48.507 48.507 0 0012 2.25z"
                        ></path>
                    </svg>
                    <div class="ml-4">
                        <p class="text-base font-medium text-white">Zodiac</p>
                        <p class="text-mukry-200 mt-1 text-sm">Digunakan untuk mengetahui total diamond maksimal yang dibutuhkan untuk mendapatkan skin Zodiacs.</p>
                    </div>
                </a>
            </div>
        </div>
    </div>
</div>

                </div>
            </div>

          
            <div class="ml-auto flex h-full items-center space-x-3">
                <div class="desktop-only">
                    <div class=" lg:flex lg:flex-1 lg:items-center lg:justify-end lg:space-x-5 gap-2"><button x-on:click="isSearchModalOpen = true" type="button" class="text-sm font-medium text-white bg-gradient-to-b from-murky-800 to-murky-800 rounded-xl px-4 py-2"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="h-5 w-5 sm:h-4 sm:w-4"><path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-5.197-5.197m0 0A7.5 7.5 0 105.196 5.196a7.5 7.5 0 0010.607 10.607z"></path></svg></button></div>
                </div>
               
                        <div
                            class="relative inline-block text-left"
                            x-data="{
                              open: false,
                              toggle() {
                                if (this.open) {
                                  this.close();
                                  return;
                                }
                                this.$refs.button.focus();
                                this.open = true;
                              },
                              close(focusAfter) {
                                if (!this.open) return;
                                this.open = false;
                                if (focusAfter) focusAfter.focus();
                              }
                            }
                            "
                            x-on:keydown.escape.prevent.stop="close($refs.button)"
                            x-on:focusin.window="! $refs.panel.contains($event.target) &amp;&amp; close()"
                            x-id="['languange-dropdown']"
                        >
                            <div>
                                <button
                                    x-ref="button"
                                    x-on:click="toggle()"
                                    :aria-expanded="open"
                                    :aria-controls="$id('languange-dropdown')"
                                    type="button"
                                    class="inline-flex w-full justify-center gap-x-1 rounded-md bg-bangweb-800 px-3 py-2 text-sm font-semibold uppercase text-white hover:bg-murky-800 focus:bg-murky-800"
                                    aria-expanded="false"
                                    aria-controls="languange-dropdown-1"
                                >
                                           <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="h-5 w-5">
                            <path
                                stroke-linecap="round"
                                stroke-linejoin="round"
                                d="M17.982 18.725A7.488 7.488 0 0012 15.75a7.488 7.488 0 00-5.982 2.975m11.963 0a9 9 0 10-11.963 0m11.963 0A8.966 8.966 0 0112 21a8.966 8.966 0 01-5.982-2.275M15 9.75a3 3 0 11-6 0 3 3 0 016 0z"
                            ></path>
                        </svg>

                        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" class="-mr-1 ml-2 h-5 w-5">
                            <path fill-rule="evenodd" d="M5.23 7.21a.75.75 0 011.06.02L10 11.168l3.71-3.938a.75.75 0 111.08 1.04l-4.25 4.5a.75.75 0 01-1.08 0l-4.25-4.5a.75.75 0 01.02-1.06z" clip-rule="evenodd"></path>
                        </svg>
                                </button>
                            </div>
                            <div
                                x-ref="panel"
                                x-show="open"
                                x-transition.origin.top.right=""
                                x-on:click.outside="close($refs.button)"
                                :id="$id('languange-dropdown')"
                                style="display: none;"
                                class="absolute right-0 z-10 mt-2 w-48 origin-top-right divide-y divide-gray-100 rounded-md bg-bangweb-800 shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none transform opacity-100 scale-100"
                                id="languange-dropdown-1"
                            >
                                
                                 <div class="px-4 py-3" role="none">
                            <p class="text-sm" role="none">Telah masuk sebagai</p>
                            <p class="truncate text-sm font-medium text-white" role="none">
                                <?php echo e(Str::title(Auth()->user()->name)); ?>

                            </p>
                        </div>
                                <div class="py-1" role="none">
                         
                                   <a
                                class="text-murky-100 flex w-full items-center space-x-2 px-4 py-2 text-sm"
                                id="headlessui-menu-item-:r17:"
                                role="menuitem"
                                tabindex="-1"
                                data-headlessui-state=""
                                href="<?php echo e(route('deposit')); ?>"
                                style="outline: none;"
                            >
                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="h-4 w-4">
                                    <path
                                        stroke-linecap="round"
                                        stroke-linejoin="round"
                                        d="M21 12a2.25 2.25 0 00-2.25-2.25H15a3 3 0 11-6 0H5.25A2.25 2.25 0 003 12m18 0v6a2.25 2.25 0 01-2.25 2.25H5.25A2.25 2.25 0 013 18v-6m18 0V9M3 12V9m18 0a2.25 2.25 0 00-2.25-2.25H5.25A2.25 2.25 0 003 9m18 0V6a2.25 2.25 0 00-2.25-2.25H5.25A2.25 2.25 0 003 6v3"
                                    ></path>
                                </svg>
                                <span>Rp <?php echo e(number_format(Auth::user()->balance, 0, ',', '.')); ?> </span>
                            </a>
                              <a class="text-murky-100 flex w-full items-center space-x-2 px-4 py-2 text-sm" id="headlessui-menu-item-:r18:" role="menuitem" tabindex="-1" data-headlessui-state="" href="/id/settings" style="outline: none;">
                                <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="h-4 w-4">
                                    <path
                                        stroke-linecap="round"
                                        stroke-linejoin="round"
                                        d="M9.594 3.94c.09-.542.56-.94 1.11-.94h2.593c.55 0 1.02.398 1.11.94l.213 1.281c.063.374.313.686.645.87.074.04.147.083.22.127.324.196.72.257 1.075.124l1.217-.456a1.125 1.125 0 011.37.49l1.296 2.247a1.125 1.125 0 01-.26 1.431l-1.003.827c-.293.24-.438.613-.431.992a6.759 6.759 0 010 .255c-.007.378.138.75.43.99l1.005.828c.424.35.534.954.26 1.43l-1.298 2.247a1.125 1.125 0 01-1.369.491l-1.217-.456c-.355-.133-.75-.072-1.076.124a6.57 6.57 0 01-.22.128c-.331.183-.581.495-.644.869l-.213 1.28c-.09.543-.56.941-1.11.941h-2.594c-.55 0-1.02-.398-1.11-.94l-.213-1.281c-.062-.374-.312-.686-.644-.87a6.52 6.52 0 01-.22-.127c-.325-.196-.72-.257-1.076-.124l-1.217.456a1.125 1.125 0 01-1.369-.49l-1.297-2.247a1.125 1.125 0 01.26-1.431l1.004-.827c.292-.24.437-.613.43-.992a6.932 6.932 0 010-.255c.007-.378-.138-.75-.43-.99l-1.004-.828a1.125 1.125 0 01-.26-1.43l1.297-2.247a1.125 1.125 0 011.37-.491l1.216.456c.356.133.751.072 1.076-.124.072-.044.146-.087.22-.128.332-.183.582-.495.644-.869l.214-1.281z"
                                    ></path>
                                    <path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"></path>
                                </svg>
                                <span>Pengaturan</span>
                            </a>
                                </div>
                                
                        <div class="py-1" role="none">
                            <a>
                                <form action="<?php echo e(route('logout')); ?>" method="POST" id="logout">
                                    <?php echo csrf_field(); ?>
                                    <button type="submit" class="text-murky-100 flex w-full items-center space-x-2 px-4 py-2 text-left text-sm" id="headlessui-menu-item-logout" role="menuitem" tabindex="-1" data-headlessui-state="">
                                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="h-4 w-4">
                                            <path stroke-linecap="round" stroke-linejoin="round" d="M15.75 9V5.25A2.25 2.25 0 0013.5 3h-6a2.25 2.25 0 00-2.25 2.25v13.5A2.25 2.25 0 007.5 21h6a2.25 2.25 0 002.25-2.25V15m3 0l3-3m0 0l-3-3m3 3H9"></path>
                                        </svg>
                                        <span>Keluar</span>
                                    </button>
                                </form>
                            </a>
                        </div>
                            </div>
                        </div>
                        
            </div>
        </div>
    </div>
</nav>
        <div x-data="drawerMenu()" x-cloak @open-menu.window="open = $event.detail.open" @keydown.window.tab="usedKeyboard = true" @keydown.escape="open = false" x-init="init()">
            <div x-show.transition.opacity.duration.500="open" @click="open = false" class="fixed z-40 inset-0  bg-opacity-25 blur"></div>
            <div class="fixed inset-0 z-40 transition duration-300 left-0 top-0 transform w-full max-w-xs h-screen bg-murky-900 pb-12 shadow-xl overflow-y-auto" :class="{'-translate-x-full': !open}">
                <div class="relative flex w-full flex-col">
                    <div class="flex flex-row-reverse items-center justify-between p-4">
                        <button type="button" class="-m-2 inline-flex items-center justify-center rounded-md p-2 text-murky-400" @click="open = false" x-ref="closeButton" :class="{'focus:outline-none': !usedKeyboard}" tabindex="0">
                            <span class="sr-only">Close menu</span>
                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="h-6 w-6">
                                <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
                            </svg>
                        </button>
                        <div class="flex">
                            <a href="/" style="outline: none;">
                                <span class="sr-only"> Logo</span>
                                <img src="<?php echo e(!$config ? '' : $config->logo_header); ?>"  width="100" height="43" class="h-7 w-auto" style="color: transparent;" alt="" />
                            </a>
                        </div>
                    </div>
                    <div class="space-y-2 border-y border-murky-800 p-4">
                        <div>
                            <a class="group flex items-center justify-between rounded-md py-2 px-4 font-medium text-white hover:bg-murky-700" href="<?php echo e(url('')); ?>" style="outline: none;">
                                <span>Beranda</span>
                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" class="hidden h-5 w-5 group-hover:block">
                                    <path
                                        fill-rule="evenodd"
                                        d="M5 10a.75.75 0 01.75-.75h6.638L10.23 7.29a.75.75 0 111.04-1.08l3.5 3.25a.75.75 0 010 1.08l-3.5 3.25a.75.75 0 11-1.04-1.08l2.158-1.96H5.75A.75.75 0 015 10z"
                                        clip-rule="evenodd"
                                    ></path>
                                </svg>
                            </a>
                        </div>
                        <div>
                            <a class="group flex items-center justify-between rounded-md py-2 px-4 font-medium text-white hover:bg-murky-700" href="<?php echo e(route('cari')); ?>" style="outline: none;">
                                <span>Cek Transaksi</span>
                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" class="hidden h-5 w-5 group-hover:block">
                                    <path
                                        fill-rule="evenodd"
                                        d="M5 10a.75.75 0 01.75-.75h6.638L10.23 7.29a.75.75 0 111.04-1.08l3.5 3.25a.75.75 0 010 1.08l-3.5 3.25a.75.75 0 11-1.04-1.08l2.158-1.96H5.75A.75.75 0 015 10z"
                                        clip-rule="evenodd"
                                    ></path>
                                </svg>
                            </a>
                        </div>
                        <div>
                            <a class="group flex items-center justify-between rounded-md py-2 px-4 font-medium text-white hover:bg-murky-700" href="<?php echo e(route('leaderboardd')); ?>" style="outline: none;">
                                <span>Leaderboard</span>
                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" class="hidden h-5 w-5 group-hover:block">
                                    <path
                                        fill-rule="evenodd"
                                        d="M5 10a.75.75 0 01.75-.75h6.638L10.23 7.29a.75.75 0 111.04-1.08l3.5 3.25a.75.75 0 010 1.08l-3.5 3.25a.75.75 0 11-1.04-1.08l2.158-1.96H5.75A.75.75 0 015 10z"
                                        clip-rule="evenodd"
                                    ></path>
                                </svg>
                            </a>
                        </div>
                        <div class="space-y-2" x-data="{ reportsOpen: false }">
                            <button class="group flex w-full items-center justify-between rounded-md py-2 px-4 font-medium text-white hover:bg-murky-700" type="button" aria-expanded="false" @click="reportsOpen = !reportsOpen">
                                <span>Kalkulator</span>
                                <svg
                                    xmlns="http://www.w3.org/2000/svg"
                                    viewBox="0 0 20 20"
                                    fill="currentColor"
                                    aria-hidden="true"
                                    class="hidden group-hover:block h-5 w-5 transform transition duration-300 ease-in-out"
                                    :class="{'rotate-90': reportsOpen,' -translate-y-0.0': !reportsOpen }"
                                >
                                    <path
                                        fill-rule="evenodd"
                                        d="M5 10a.75.75 0 01.75-.75h6.638L10.23 7.29a.75.75 0 111.04-1.08l3.5 3.25a.75.75 0 010 1.08l-3.5 3.25a.75.75 0 11-1.04-1.08l2.158-1.96H5.75A.75.75 0 015 10z"
                                        clip-rule="evenodd"
                                    ></path>
                                </svg>
                            </button>
                            <div class="ml-8 space-y-1 transform transition duration-300 ease-in-out" x-cloak x-show="reportsOpen" x-collapse x-collapse.duration.500ms>
                                <a href="<?php echo e(route('hitungwr')); ?>" class="group flex w-full items-center justify-between rounded-md py-2 px-4 font-medium text-white hover:bg-murky-700" style="outline: none;">
                                    Win Rate
                                </a>
                                <a href="<?php echo e(route('hitungpointmw')); ?>" class="group flex w-full items-center justify-between rounded-md py-2 px-4 font-medium text-white hover:bg-murky-700" style="outline: none;">
                                    Magic Wheel
                                </a>
                                <a href="<?php echo e(route('hitungpointzodiac')); ?>" class="group flex w-full items-center justify-between rounded-md py-2 px-4 font-medium text-white hover:bg-murky-700" style="outline: none;">
                                    Zodiac
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="space-y-2 p-4">
                        <div>
                        </div>
                        <div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
<?php endif; ?>
<?php else: ?>
        <nav class="navbar sticky top-0 z-40 w-full flex-none blurred-navbar border-murky-800 bg-murky-900 print:hidden">
            <div class="container">
                <div class="flex h-[60px] items-center">
                    <button
                        type="button"
                        class="rounded-md bg-bangweb-800 p-2 text-white lg:hidden"
                        x-data="{ usedKeyboard: false }"
                        @keydown.window.tab="usedKeyboard = true"
                        role="button"
                        @click="$dispatch('open-menu', { open: true })"
                        :class="{ 'focus:outline-none': !usedKeyboard } "
                    >
                        <span class="sr-only">Open menu</span>
                        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="h-6 w-6">
                            <path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5"></path>
                        </svg>
                    </button>
                    <div class="ml-2 flex lg:ml-0">
                        <a style="outline: none;" href="/">
                            <span class="sr-only"><?php echo e(ENV('APP_NAME')); ?></span>
                            <img alt="Melpa Logo" fetchpriority="high" class="" width="80" height="43" decoding="async" data-nimg="1"  style="color:transparent" src="<?php echo e(!$config ? '' : $config->logo_header); ?>">
                        </a>
                    </div>
                    <div class="hidden ml-auto flex h-full items-center lg:block lg:self-stretch">
                        <div class="flex h-full space-x-6">
              <a
    class="relative z-10 -mb-px flex items-center space-x-2 border-b-2 pt-px text-sm font-medium transition-colors duration-200 ease-out border-transparent hover:border-primary-500 hover:text-primary-300 <?php echo e(Request::is('id') ? 'border-primary-500 text-primary-300' : ''); ?>"
    style="outline: none;"
    href="/id"
>
    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="h-5 w-5">
        <path
            stroke-linecap="round"
            stroke-linejoin="round"
            d="M2.25 12l8.954-8.955c.44-.439 1.152-.439 1.591 0L21.75 12M4.5 9.75v10.125c0 .621.504 1.125 1.125 1.125H9.75v-4.875c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125V21h4.125c.621 0 1.125-.504 1.125-1.125V9.75M8.25 21h8.25"
        ></path>
    </svg>
    <span>Beranda</span>
</a>



                      <a class="relative z-10 -mb-px flex items-center space-x-2 border-b-2 pt-px text-sm font-medium transition-colors duration-200 ease-out border-transparent hover:border-primary-500 hover:text-primary-300 <?php echo e(Request::route() && Request::route()->getName() == 'cari' ? 'border-primary-500 text-primary-300' : ''); ?>" style="outline: none;" href="<?php echo e(route('cari')); ?>">
    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="h-5 w-5">
        <path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-5.197-5.197m0 0A7.5 7.5 0 105.196 5.196a7.5 7.5 0 0010.607 10.607z"></path>
    </svg>
    <span>Cek Transaksi</span>
</a>
  <a
    class="relative z-10 -mb-px flex items-center space-x-2 border-b-2 pt-px text-sm font-medium transition-colors duration-200 ease-out border-transparent hover:border-primary-500 hover:text-primary-300 <?php echo e(Request::route()->getName() == 'leaderboardd' ? 'border-primary-500 text-primary-300' : ''); ?>"
    style="outline: none;"
    href="<?php echo e(route('leaderboardd')); ?>"
>
    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="h-5 w-5">
      <path stroke-linecap="round" stroke-linejoin="round" d="M3 13.125C3 12.504 3.504 12 4.125 12h2.25c.621 0 1.125.504 1.125 1.125v6.75C7.5 20.496 6.996 21 6.375 21h-2.25A1.125 1.125 0 013 19.875v-6.75zM9.75 8.625c0-.621.504-1.125 1.125-1.125h2.25c.621 0 1.125.504 1.125 1.125v11.25c0 .621-.504 1.125-1.125 1.125h-2.25a1.125 1.125 0 01-1.125-1.125V8.625zM16.5 4.125c0-.621.504-1.125 1.125-1.125h2.25C20.496 3 21 3.504 21 4.125v15.75c0 .621-.504 1.125-1.125 1.125h-2.25a1.125 1.125 0 01-1.125-1.125V4.125z"></path>
   </svg>
    <span>Leaderboard</span>
</a>
                            <div class="relative flex" x-data="{ open: false }" x-on:keydown.escape.prevent.stop="open = false" x-on:focusin.window="if (! $refs.panel.contains(event.target)) open = false" x-id="['dropdown-button']">
    <div class="relative flex">
        <button
            x-ref="button"
            x-on:click="open = !open"
            :aria-expanded="open.toString()"
            :aria-controls="$id('dropdown-button')"
            type="button"
            class="relative z-10 -mb-px flex items-center space-x-2 border-b-2 pt-px text-sm font-medium outline-none transition-colors duration-200 ease-out border-transparent hover:border-primary-500 hover:text-primary-300"
        >
            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="h-5 w-5">
                <path
                    stroke-linecap="round"
                    stroke-linejoin="round"
                    d="M15.75 15.75V18m-7.5-6.75h.008v.008H8.25v-.008zm0 2.25h.008v.008H8.25V13.5zm0 2.25h.008v.008H8.25v-.008zm0 2.25h.008v.008H8.25V18zm2.498-6.75h.007v.008h-.007v-.008zm0 2.25h.007v.008h-.007V13.5zm0 2.25h.007v.008h-.007v-.008zm0 2.25h.007v.008h-.007V18zm2.504-6.75h.008v.008h-.008v-.008zm0 2.25h.008v.008h-.008V13.5zm0 2.25h.008v.008h-.008v-.008zm0 2.25h.008v.008h-.008V18zm2.498-6.75h.008v.008h-.008v-.008zm0 2.25h.008v.008h-.008V13.5zM8.25 6h7.5v2.25h-7.5V6zM12 2.25c-1.892 0-3.758.11-5.593.322C5.307 2.7 4.5 3.65 4.5 4.757V19.5a2.25 2.25 0 002.25 2.25h10.5a2.25 2.25 0 002.25-2.25V4.757c0-1.108-.806-2.057-1.907-2.185A48.507 48.507 0 0012 2.25z"
                ></path>
            </svg>
            <span>Kalkulator</span>
        </button>
    </div>
    <div
        x-ref="panel"
        x-show="open"
        x-transition.origin.top
        x-on:click.outside="open = false"
        :id="$id('dropdown-button')"
        style="display: none;"
        class="absolute -left-[130%] z-10 mt-[4.25rem] w-screen max-w-[360px] transform px-2 sm:px-0 opacity-100 translate-y-0"
    >
        <div class="overflow-hidden rounded-lg shadow-lg">
            <div class="relative grid gap-6 bg-murky-800 px-2 py-3 sm:gap-8 sm:p-6">
                <a
                    class="-m-3 flex items-start rounded-lg p-3 transition duration-150 ease-in-out hover:bg-murky-700 focus:outline-none focus-visible:ring-2 focus-visible:ring-primary-500"
                    href="<?php echo e(route('hitungwr')); ?>"
                    style="outline: none;"
                >
                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="h-6 w-6 flex-shrink-0 text-primary-500">
                        <path
                            stroke-linecap="round"
                            stroke-linejoin="round"
                            d="M15.75 15.75V18m-7.5-6.75h.008v.008H8.25v-.008zm0 2.25h.008v.008H8.25V13.5zm0 2.25h.008v.008H8.25v-.008zm0 2.25h.008v.008H8.25V18zm2.498-6.75h.007v.008h-.007v-.008zm0 2.25h.007v.008h-.007V13.5zm0 2.25h.007v.008h-.007v-.008zm0 2.25h.007v.008h-.007V18zm2.504-6.75h.008v.008h-.008v-.008zm0 2.25h.008v.008h-.008V13.5zm0 2.25h.008v.008h-.008v-.008zm0 2.25h.008v.008h-.008V18zm2.498-6.75h.008v.008h-.008v-.008zm0 2.25h.008v.008h-.008V13.5zM8.25 6h7.5v2.25h-7.5V6zM12 2.25c-1.892 0-3.758.11-5.593.322C5.307 2.7 4.5 3.65 4.5 4.757V19.5a2.25 2.25 0 002.25 2.25h10.5a2.25 2.25 0 002.25-2.25V4.757c0-1.108-.806-2.057-1.907-2.185A48.507 48.507 0 0012 2.25z"
                        ></path>
                    </svg>
                    <div class="ml-4">
                        <p class="text-base font-medium text-white">Win Rate</p>
                        <p class="text-mukry-200 mt-1 text-sm">Digunakan untuk menghitung total jumlah match yang harus ditempuh untuk mencapai target win rate yang diinginkan.</p>
                    </div>
                </a>
                <a
                    class="-m-3 flex items-start rounded-lg p-3 transition duration-150 ease-in-out hover:bg-murky-700 focus:outline-none focus-visible:ring-2 focus-visible:ring-primary-500"
                    href="<?php echo e(route('hitungpointmw')); ?>"
                    style="outline: none;"
                >
                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="h-6 w-6 flex-shrink-0 text-primary-500">
                        <path
                            stroke-linecap="round"
                            stroke-linejoin="round"
                            d="M15.75 15.75V18m-7.5-6.75h.008v.008H8.25v-.008zm0 2.25h.008v.008H8.25V13.5zm0 2.25h.008v.008H8.25v-.008zm0 2.25h.008v.008H8.25V18zm2.498-6.75h.007v.008h-.007v-.008zm0 2.25h.007v.008h-.007V13.5zm0 2.25h.007v.008h-.007v-.008zm0 2.25h.007v.008h-.007V18zm2.504-6.75h.008v.008h-.008v-.008zm0 2.25h.008v.008h-.008V13.5zm0 2.25h.008v.008h-.008v-.008zm0 2.25h.008v.008h-.008V18zm2.498-6.75h.008v.008h-.008v-.008zm0 2.25h.008v.008h-.008V13.5zM8.25 6h7.5v2.25h-7.5V6zM12 2.25c-1.892 0-3.758.11-5.593.322C5.307 2.7 4.5 3.65 4.5 4.757V19.5a2.25 2.25 0 002.25 2.25h10.5a2.25 2.25 0 002.25-2.25V4.757c0-1.108-.806-2.057-1.907-2.185A48.507 48.507 0 0012 2.25z"
                        ></path>
                    </svg>
                    <div class="ml-4">
                        <p class="text-base font-medium text-white">Magic Wheel</p>
                        <p class="text-mukry-200 mt-1 text-sm">Digunakan untuk mengetahui total maksimal diamond yang dibutuhkan untuk mendapatkan skin Legends.</p>
                    </div>
                </a>
                <a
                    class="-m-3 flex items-start rounded-lg p-3 transition duration-150 ease-in-out hover:bg-murky-700 focus:outline-none focus-visible:ring-2 focus-visible:ring-primary-500"
                    href="<?php echo e(route('hitungpointzodiac')); ?>"
                    style="outline: none;"
                >
                    <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="h-6 w-6 flex-shrink-0 text-primary-500">
                        <path
                            stroke-linecap="round"
                            stroke-linejoin="round"
                            d="M15.75 15.75V18m-7.5-6.75h.008v.008H8.25v-.008zm0 2.25h.008v.008H8.25V13.5zm0 2.25h.008v.008H8.25v-.008zm0 2.25h.008v.008H8.25V18zm2.498-6.75h.007v.008h-.007v-.008zm0 2.25h.007v.008h-.007V13.5zm0 2.25h.007v.008h-.007v-.008zm0 2.25h.007v.008h-.007V18zm2.504-6.75h.008v.008h-.008v-.008zm0 2.25h.008v.008h-.008V13.5zm0 2.25h.008v.008h-.008v-.008zm0 2.25h.008v.008h-.008V18zm2.498-6.75h.008v.008h-.008v-.008zm0 2.25h.008v.008h-.008V13.5zM8.25 6h7.5v2.25h-7.5V6zM12 2.25c-1.892 0-3.758.11-5.593.322C5.307 2.7 4.5 3.65 4.5 4.757V19.5a2.25 2.25 0 002.25 2.25h10.5a2.25 2.25 0 002.25-2.25V4.757c0-1.108-.806-2.057-1.907-2.185A48.507 48.507 0 0012 2.25z"
                        ></path>
                    </svg>
                    <div class="ml-4">
                        <p class="text-base font-medium text-white">Zodiac</p>
                        <p class="text-mukry-200 mt-1 text-sm">Digunakan untuk mengetahui total diamond maksimal yang dibutuhkan untuk mendapatkan skin Zodiacs.</p>
                    </div>
                </a>
            </div>
        </div>
    </div>
</div>

                        </div>
                    </div>
                    <div class="ml-auto flex h-full items-center space-x-3">
                        
                        <div class="desktop-only">
                            <div class=" lg:flex lg:flex-1 lg:items-center lg:justify-end lg:space-x-5 gap-2"><button x-on:click="isSearchModalOpen = true" type="button" class="text-sm font-medium text-white bg-gradient-to-b from-murky-800 to-murky-800 rounded-xl px-4 py-2"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="h-5 w-5 sm:h-4 sm:w-4"><path stroke-linecap="round" stroke-linejoin="round" d="M21 21l-5.197-5.197m0 0A7.5 7.5 0 105.196 5.196a7.5 7.5 0 0010.607 10.607z"></path></svg></button></div>
                        </div>
                        <div class="hidden lg:flex lg:flex-1 lg:items-center lg:justify-end lg:space-x-5 gap-2">
                            <a class="text-sm font-medium text-white bg-gradient-to-b from-murky-800 to-murky-800 rounded-xl px-4 py-2" href="<?php echo e(route('login')); ?>" style="outline: none;">Masuk</a>
                            <a class="text-sm font-medium text-white bg-gradient-to-b from-murky-800 to-murky-800 rounded-xl px-4 py-2" href="<?php echo e(route('register')); ?>" style="outline: none;"> Daftar </a>
                        </div>
                        
                    </div>
                </div>
            </div>
        </nav>
                <!-- Drawer Menu -->
                <style>
                  .blur {
                  backdrop-filter: blur(6px); 
                  -webkit-backdrop-filter: blur(6px); 
                }
                </style>
        <div x-data="drawerMenu()" x-cloak @open-menu.window="open = $event.detail.open" @keydown.window.tab="usedKeyboard = true" @keydown.escape="open = false" x-init="init()">
         <div x-show.transition.opacity.duration.500="open" @click="open = false" class="fixed z-40 inset-0  bg-opacity-25 blur"></div>

            <div class="fixed inset-0 z-40 transition duration-300 left-0 top-0 transform w-full max-w-xs h-screen bg-murky-900 pb-12 shadow-xl overflow-y-auto" :class="{'-translate-x-full': !open}">
                <div class="relative flex w-full flex-col">
                    <div class="flex flex-row-reverse items-center justify-between p-4">
                        <button type="button" class="-m-2 inline-flex items-center justify-center rounded-md p-2 text-murky-400" @click="open = false" x-ref="closeButton" :class="{'focus:outline-none': !usedKeyboard}" tabindex="0">
                            <span class="sr-only">Close menu</span>
                            <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" class="h-6 w-6">
                                <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path>
                            </svg>
                        </button>
                        <div class="flex">
                            <a href="/" style="outline: none;">
                                <span class="sr-only"> Logo</span>
                                <img src="<?php echo e(!$config ? '' : $config->logo_header); ?>"  class="h-7 w-auto"width="100" height="43" style="color: transparent;" alt="" />
                            </a>
                        </div>
                    </div>
                    <div class="space-y-2 border-y border-murky-800 p-4">
                        <div>
                            <a class="group flex items-center justify-between rounded-md py-2 px-4 font-medium text-white hover:bg-murky-700" href="<?php echo e(url('')); ?>" style="outline: none;">
                                <span>Beranda</span>
                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" class="hidden h-5 w-5 group-hover:block">
                                    <path
                                        fill-rule="evenodd"
                                        d="M5 10a.75.75 0 01.75-.75h6.638L10.23 7.29a.75.75 0 111.04-1.08l3.5 3.25a.75.75 0 010 1.08l-3.5 3.25a.75.75 0 11-1.04-1.08l2.158-1.96H5.75A.75.75 0 015 10z"
                                        clip-rule="evenodd"
                                    ></path>
                                </svg>
                            </a>
                        </div>
                        <div>
                            <a class="group flex items-center justify-between rounded-md py-2 px-4 font-medium text-white hover:bg-murky-700" href="<?php echo e(route('cari')); ?>" style="outline: none;">
                                <span>Cek Transaksi</span>
                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" class="hidden h-5 w-5 group-hover:block">
                                    <path
                                        fill-rule="evenodd"
                                        d="M5 10a.75.75 0 01.75-.75h6.638L10.23 7.29a.75.75 0 111.04-1.08l3.5 3.25a.75.75 0 010 1.08l-3.5 3.25a.75.75 0 11-1.04-1.08l2.158-1.96H5.75A.75.75 0 015 10z"
                                        clip-rule="evenodd"
                                    ></path>
                                </svg>
                            </a>
                        </div>
                        <div>
                            <a class="group flex items-center justify-between rounded-md py-2 px-4 font-medium text-white hover:bg-murky-700" href="<?php echo e(route('leaderboardd')); ?>" style="outline: none;">
                                <span>Leaderboard</span>
                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" class="hidden h-5 w-5 group-hover:block">
                                    <path
                                        fill-rule="evenodd"
                                        d="M5 10a.75.75 0 01.75-.75h6.638L10.23 7.29a.75.75 0 111.04-1.08l3.5 3.25a.75.75 0 010 1.08l-3.5 3.25a.75.75 0 11-1.04-1.08l2.158-1.96H5.75A.75.75 0 015 10z"
                                        clip-rule="evenodd"
                                    ></path>
                                </svg>
                            </a>
                        </div>
                        <div class="space-y-2" x-data="{ reportsOpen: false }">
                            <button class="group flex w-full items-center justify-between rounded-md py-2 px-4 font-medium text-white hover:bg-murky-700" type="button" aria-expanded="false" @click="reportsOpen = !reportsOpen">
                                <span>Kalkulator</span>
                                <svg
                                    xmlns="http://www.w3.org/2000/svg"
                                    viewBox="0 0 20 20"
                                    fill="currentColor"
                                    aria-hidden="true"
                                    class="hidden group-hover:block h-5 w-5 transform transition duration-300 ease-in-out"
                                    :class="{'rotate-90': reportsOpen,' -translate-y-0.0': !reportsOpen }"
                                >
                                    <path
                                        fill-rule="evenodd"
                                        d="M5 10a.75.75 0 01.75-.75h6.638L10.23 7.29a.75.75 0 111.04-1.08l3.5 3.25a.75.75 0 010 1.08l-3.5 3.25a.75.75 0 11-1.04-1.08l2.158-1.96H5.75A.75.75 0 015 10z"
                                        clip-rule="evenodd"
                                    ></path>
                                </svg>
                            </button>
                            <div class="ml-8 space-y-1 transform transition duration-300 ease-in-out" x-cloak x-show="reportsOpen" x-collapse x-collapse.duration.500ms>
                                <a href="<?php echo e(route('hitungwr')); ?>" class="group flex w-full items-center justify-between rounded-md py-2 px-4 font-medium text-white hover:bg-murky-700" style="outline: none;">
                                    Win Rate
                                </a>
                                <a href="<?php echo e(route('hitungpointmw')); ?>" class="group flex w-full items-center justify-between rounded-md py-2 px-4 font-medium text-white hover:bg-murky-700" style="outline: none;">
                                    Magic Wheel
                                </a>
                                <a href="<?php echo e(route('hitungpointzodiac')); ?>" class="group flex w-full items-center justify-between rounded-md py-2 px-4 font-medium text-white hover:bg-murky-700" style="outline: none;">
                                    Zodiac
                                </a>
                            </div>
                        </div>
                    </div>
                    <div class="space-y-2 p-4">
                        <div>
                            <a class="group flex items-center justify-between rounded-md py-2 px-4 font-medium text-white hover:bg-murky-700 outline-none" href="<?php echo e(route('login')); ?>">
                                <span>Masuk</span>
                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" class="hidden h-5 w-5 group-hover:block">
                                    <path
                                        fill-rule="evenodd"
                                        d="M5 10a.75.75 0 01.75-.75h6.638L10.23 7.29a.75.75 0 111.04-1.08l3.5 3.25a.75.75 0 010 1.08l-3.5 3.25a.75.75 0 11-1.04-1.08l2.158-1.96H5.75A.75.75 0 015 10z"
                                        clip-rule="evenodd"
                                    ></path>
                                </svg>
                            </a>
                        </div>
                        <div>
                            <a class="group flex items-center justify-between rounded-md py-2 px-4 font-medium text-white hover:bg-murky-700 outline-none" href="<?php echo e(route('register')); ?>">
                                <span>Daftar</span>
                                <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true" class="hidden h-5 w-5 group-hover:block">
                                    <path
                                        fill-rule="evenodd"
                                        d="M5 10a.75.75 0 01.75-.75h6.638L10.23 7.29a.75.75 0 111.04-1.08l3.5 3.25a.75.75 0 010 1.08l-3.5 3.25a.75.75 0 11-1.04-1.08l2.158-1.96H5.75A.75.75 0 015 10z"
                                        clip-rule="evenodd"
                                    ></path>
                                </svg>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <?php endif; ?>
        
<?php /**PATH /home/zwmekzkj/akstars/resources/views////navbar.blade.php ENDPATH**/ ?>