@php use App\Models\Shop\Shop; @endphp
@php use App\Models\Admin\Admin; @endphp
@php
    /** @var Shop $shop */
    /** @var Admin $adminUser */
@endphp

<div class="navbar-custom">
    <ul class="list-unstyled topbar-right-menu float-right mb-0">

        <li style="padding: 20px 0;">
            <div class="input-group">
                <button class="btn btn-sm btn-primary" id="clear_cache_btn" type="submit">
                    Clear Cache
                </button>
            </div>
        </li>

        <li class="dropdown notification-list">
            <a class="nav-link dropdown-toggle arrow-none"
               data-toggle="dropdown"
               href="javascript:void(0);"
               role="button"
               aria-haspopup="false"
               aria-expanded="false"
            >
                <span class="current_shop">
                    <i class="mdi mdi-store noti-icon"></i>
                    <span>{{ $shop->title ?? '' }}</span>
                </span>
            </a>
            <div class="dropdown-menu dropdown-menu-right dropdown-menu-animated dropdown-lg">
                @foreach($shops as $shop)
                    <a href="{{ route('admin.admin.switch-current-shop', $shop) }}" class="dropdown-item notify-item"
                       title="{{ $shop->title }}">
                        <div class="notify-icon bg-primary">
                            <i class="mdi mdi-store"></i>
                        </div>
                        <div class="notify-details">
                            {{ $shop->title }}
                            <small class="text-muted">
                                {{ $shop->domain_name }}
                            </small>
                        </div>
                    </a>
                @endforeach
            </div>
        </li>

        <li class="dropdown notification-list">
            <a class="nav-link dropdown-toggle nav-user arrow-none mr-0"
               data-toggle="dropdown"
               href="javascript:void(0)"
               role="button"
               aria-haspopup="false"
               aria-expanded="false"
            >
                <span class="account-user-avatar">
                    <img src="{{ asset('admin/images/user.svg') }}" alt="user-image" class="rounded-circle">
                </span>
                <span>
                    <span class="account-user-name">{{ $adminUser?->full_name ?? '' }}</span>
                    <span class="account-position">{{ $adminUser?->roles_list }}</span>
                </span>
            </a>
            <div class="dropdown-menu dropdown-menu-right dropdown-menu-animated profile-dropdown ">
                <a href="{{ route('home') }}" class="dropdown-item notify-item" target="_blank">
                    <i class="mdi mdi-shopping"></i>
                    <span>{{ config('app.name') }}</span>
                </a>
                <a href="javascript:void(0)" onclick="$('#logout-form').submit();"
                   class="dropdown-item notify-item">
                    <i class="mdi mdi-logout"></i>
                    <span>Logout</span>
                </a>
                <form id="logout-form" method="POST" action="{{ route('admin.logout') }}" class="d-none">
                    @csrf
                </form>
            </div>
        </li>
    </ul>
    <button class="button-menu-mobile open-left disable-btn">
        <i class="mdi mdi-menu"></i>
    </button>
</div>

@push('script')
    <script>
        $('#clear_cache_btn').click(function () {

            let result = confirm('Do you really want to clear the application cache?');

            if (result !== true) {
                return;
            }

            axios.get('{{ route('admin.api.cache.clear') }}')
                .then((response) => {
                    toastr.success(response.data.message);
                })
                .catch((error) => {
                    toastr.error(error.response.data.message);
                });
        });
    </script>
@endpush