@props(['multiLang' => true])
@php
    if(!empty(auth()?->user()?->profile->image) && Storage::disk(getStorageDisk())->exists(auth()?->user()?->profile?->image)) {
        $userImage = resizedImage(auth()?->user()?->profile?->image, 36, 36);
    } else {
        $userImage = setting('_general.default_avatar_for_user') ? url(Storage::url(setting('_general.default_avatar_for_user')[0]['path'])) : resizedImage('placeholder.png', 36, 36);
    }
@endphp
@props(['showCart' => true, 'showMessage' => true])
<div class="am-header_user">
    @if($multiLang)
        <x-multi-lingual />
    @endif
    @if($showCart)
    @role('student')
        <div
            class="am-orderwrap"
            x-data="{
                showCart: false,

                cartData: @js(App\Facades\Cart::content()),
                total: @js(formatAmount(App\Facades\Cart::total(), true)),
                subTotal: @js(formatAmount(App\Facades\Cart::subtotal(), true)),
                discount: @js(formatAmount(App\Facades\Cart::discount(), true)),
                removeItem(index, cartable_id, cartable_type){
                    this.cartData.splice(index, 1);
                    jQuery('.am-ordersummary').addClass('am-bookcartopen')
                    Livewire.dispatch('remove-cart', { params: {index, cartable_id, cartable_type}})
                    setTimeout(() => {
                        Livewire.dispatch('remove-course-cart', { params: {index, cartable_id, cartable_type}})
                    }, 1000);
                }
            }"
            x-on:cart-updated.window="
                cartData = $event.detail.cart_data;
                total = $event.detail.total;
                subTotal = $event.detail.subTotal;
                discount = $event.detail.discount;
                let menue = jQuery('.am-ordersummary');
                jQuery('.am-ordersummary').addClass('am-bookcartopen')
                jQuery('.am-ordersummary').slideDown();
                if($event.detail.toggle_cart == 'open'){
                    menue.slideDown();
                } else {
                    menue.slideUp();
                }
            ">
            <a href="javascript:void(0);" class="am-header_user_noti cart-bag" >
                <template x-if="cartData.length > 0">
                    <em x-text="cartData.length"></em>
                </template>
                <i class="am-icon-shopping-basket-04"></i>
            </a>
            <div class="am-ordersummary" :class="{
                'am-emptyorder': cartData.length == 0,
                }">
                <template x-if="cartData.length > 0">
                    <div class="am-ordersummary_title">
                        <h3>{{ __('tutor.order_summary') }}</h3>
                        <a href="javascript:void(0);" class="am-ordersummary_close" @click="jQuery('.am-ordersummary').removeClass('am-bookcartopen');">
                            <i class="am-icon-multiply-02"></i>
                        </a>
                    </div>
                </template>
                <template x-if="cartData.length > 0">
                    <div class="am-ordersummary_content">
                        <ul class="am-ordersummary_list">
                            <template x-for="(item, index) in cartData">
                                <li>
                                    <div class="am-ordersummary_list_title">
                                        <template x-if="item.cartable_type == 'App\\Models\\SlotBooking'">
                                            <div @class(['am-ordersummary_list_info','am-w-full' => !isActivePackage('kupondeal')])>
                                                <span x-text="item.options.session_time"></span>
                                                <h3><a href="#" x-text="item.options.subject"></a></h3>
                                                <span x-text="item.options.subject_group"></span>
                                            </div>
                                        </template>
                                        @if(isActivePackage('courses'))
                                            <template x-if="item.cartable_type == 'Amentotech\\Courses\\Models\\Course'">
                                                <div @class(['am-ordersummary_list_info','am-w-full' => !isActivePackage('kupondeal')])>
                                                    <span x-text="item.options.sub_category"></span>
                                                    <h3><a :href="`{{ route('courses.course-detail', '') }}/${item.options.slug}`" x-text="item.name"></a></h3>
                                                </div>
                                            </template>
                                        @endif
                                        <div class="am-ordersummary_list_action">
                                            <strong>
                                                <template x-if="1 === {{ isActivePackage('kupondeal') ? 1 : 0 }} && item?.discounted_total != ''">
                                                    <div class="am-ordersummary-discount">
                                                        <strike x-html="item.options.price"></strike>
                                                        <span x-html="item.discounted_total" class="am-cardprice"></span>
                                                    </div>
                                                </template>
                                                <template x-if="0 === {{ isActivePackage('kupondeal') ? 1 : 0 }} || item?.discounted_total == ''">
                                                    <div class="am-ordersummary-discount">
                                                    <span x-html="item.options.price" class="am-cardprice"></span>
                                                    </div>
                                                </template>
                                                <template x-if="item.cartable_type == 'App\\Models\\SlotBooking'">
                                                    <span>{{ __('tutor.per_session') }}</span>
                                                </template>
                                                <template x-if="item.cartable_type == 'Amentotech\\Courses\\Models\\Course'">
                                                    <span>{{ __('tutor.per_course') }}</span>
                                                </template>

                                            </strong>
                                            <a href="javascript:void(0);" @click.prevent="removeItem(index, item.cartable_id, item.cartable_type)">
                                                {{ __('general.remove') }}
                                            </a>
                                        </div>
                                    </div>
                                </li>
                            </template>
                        </ul>
                        <ul class="am-ordersummary_price">
                            <li>
                                <span>{{ __('general.subtotal') }}</span>
                                <strong><span x-html="subTotal"></span></strong>
                            </li>
                            @if(isActivePackage('kupondeal'))
                                <template x-if="!/\b0\.00\b/.test(discount)">
                                    <li>
                                        <span>{{ __('general.discount') }}</span>
                                        <strong><span x-html="discount"></span></strong>
                                    </li>
                                </template>
                            @endif
                            <li class="am-ordersummary_price_total">
                                <span>{{ __('general.grand_total') }}</span>
                                <strong><span x-html="total"></span></strong>
                            </li>
                        </ul>
                        <div class="am-checkoutorder">
                            <a href="{{ route('checkout') }}" wire:navigate.remove class="am-btn" >{{ __('general.proceed_order') }}</a>
                            <div class="am-checkout_perinfo">
                                <span> <i class="am-icon-lock-close"></i> </span>
                                <p>{{ __('general.proceed_order_desc') }}</p>
                            </div>
                        </div>
                    </div>
                </template>
                <template x-if="cartData.length == 0">
                    <div class="am-emptyview_cart">
                        <a href="javascript:void(0);" class="am-ordersummary_close" @click="jQuery('.am-ordersummary').removeClass('am-bookcartopen');">
                            <i class="am-icon-multiply-01"></i>
                        </a>
                        <h5>{{ __('general.cart_empty') }}</h5>
                        <span>{{ __('general.cart_empty_desc') }}</span>
                    </div>
                </template>
            </div>
        </div>
    @endrole
    @endif
    @if($showMessage)
    @hasanyrole('tutor|student')
    <a href="{{ route('laraguppy.messenger') }}" class="am-header_user_chat">
        <i class="am-icon-chat-03"></i>
        @php
            $message = getUnreadMsgsCount();
        @endphp
        @if($message > 0)
            <span>{{ $message }}</span>
        @endif
    </a>
    @endif
    @endhasanyrole
    <div class="am-header_user_menu">
        <a href="javascript:void(0);">
            <figure class="am-shimmer userImg">
                <img x-cloak src="{{ $userImage }}" alt="{{ auth()?->user()?->profile?->full_name }}">
            </figure>
        </a>
        <ul>
            <li>
                <div class="am-user_info">
                    <figure>
                        @if(auth()->user()->hasRole('tutor'))
                            <a href={{ route('tutor.dashboard') }}><img src="{{ $userImage }}" alt="{{ auth()?->user()?->profile?->full_name }}"></a>
                        @elseif(auth()->user()->hasRole('student'))
                            <a href="{{ route('student.bookings') }}"><img src="{{ $userImage }}" alt="{{ auth()?->user()?->profile?->full_name }}"></a>
                        @else
                            <a href="{{ auth()->user()->redirect_after_login }}"><img src="{{ $userImage }}" alt="{{ auth()?->user()?->profile?->full_name }}"></a>
                        @endif
                    </figure>
                    <div class="am-user_name">
                        <h6>
                            <a href={{ url(auth()->user()->redirect_after_login) }}>{{ auth()?->user()?->profile?->full_name }}</a>
                            @if(auth()->user()->hasRole('tutor'))
                                <a href="{{ route('tutor-detail',['slug' => auth()?->user()?->profile?->slug]) }}" class="am-custom-tooltip">
                                    <span class="am-tooltip-text">
                                        <span>{{ __('general.visit_profile') }}</span>
                                    </span>
                                    <i class="am-icon-external-link-02"></i>
                                </a>
                            @endif
                        </h6>
                        <span>{{ auth()?->user()?->email }}</span>
                    </div>
                </div>
            </li>
            @role('student')
                <li>
                    <a href="{{ route('student.profile.personal-details') }}">
                        <i class="am-icon-user-01"></i>
                        {{ __('sidebar.profile_settings') }}
                    </a>
                </li>
                <li>
                    <a href="{{ route('student.bookings') }}">
                        <i class="am-icon-calender-day"></i>
                        {{ __('sidebar.bookings') }}
                    </a>
                </li>
                <li>
                    <a href="{{ route('student.billing-detail') }}">
                        <i class="am-icon-shopping-basket-01"></i>
                        {{ __('sidebar.billing_detail') }}
                    </a>
                </li>
                <li>
                    <a href="{{ route('student.favourites') }}">
                        <i class="am-icon-heart-01"></i>
                        {{ __('sidebar.favourites') }}
                    </a>
                </li>
                <li>
                    <a href="{{ route('find-tutors') }}" >
                        <i class="am-icon-book-1"></i>
                        {{__('sidebar.find_tutors') }}
                    </a>
                </li>
                @if(isActivePackage('courses'))
                    <li>
                        <a href="{{ route('courses.search-courses') }}">
                            <svg width="16" height="16" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M2.5 3.96429C2.5 1.78814 4.23508 0 6.40478 0H17.5952C19.7649 0 21.5 1.78815 21.5 3.96429V18.8214C21.5 19.0468 21.4006 19.2489 21.2433 19.3864C21.2263 19.4019 21.2083 19.4169 21.1893 19.4313L21.1893 19.4313L21.049 19.5377C20.0672 20.2825 20.0669 21.7897 21.0484 22.5349C21.6452 22.9879 21.3683 24 20.5566 24H6.20458C4.14603 24 2.50319 22.2999 2.51013 20.2372L2.5144 18.9684C2.50495 18.9209 2.5 18.8717 2.5 18.8214V3.96429ZM4.01238 19.5714L4.01012 20.2422C4.00589 21.5012 5.00286 22.5 6.20458 22.5H19.1401C18.703 21.5789 18.7032 20.4923 19.1409 19.5714H4.01238ZM20 18.0714H4V3.96429C4 2.59003 5.08981 1.5 6.40478 1.5H17.5952C18.9102 1.5 20 2.59002 20 3.96429V18.0714ZM11.6403 5.04127C9.28792 5.04127 7.35712 6.98815 7.35712 9.41939C7.35712 11.8506 9.28792 13.7975 11.6403 13.7975C13.9927 13.7975 15.9235 11.8506 15.9235 9.41939C15.9235 6.98815 13.9927 5.04127 11.6403 5.04127ZM5.85712 9.41939C5.85712 6.18627 8.4332 3.54127 11.6403 3.54127C14.8474 3.54127 17.4235 6.18627 17.4235 9.41939C17.4235 10.7695 16.9743 12.017 16.2175 13.0123L17.9277 14.7548C18.2179 15.0504 18.2135 15.5252 17.9178 15.8154C17.6222 16.1055 17.1474 16.1011 16.8572 15.8055L15.1645 14.0808C14.1905 14.8431 12.9696 15.2975 11.6403 15.2975C8.4332 15.2975 5.85712 12.6525 5.85712 9.41939Z" fill="#585858"></path>
                            </svg>
                            {{ __('courses::courses.find_courses') }}
                        </a>
                    </li>
                @endif
            @elserole('tutor')
                <li>
                    <a href="{{ route('tutor.profile.personal-details') }}"><i class="am-icon-user-01"></i>{{ __('sidebar.profile_settings') }}</a>
                </li>
                <li>
                    <a href="{{ route('tutor.bookings.subjects') }}">
                        <i class="am-icon-calender-day"></i>
                        {{ __('sidebar.bookings') }}
                    </a>
                </li>
            @endrole
            @hasanyrole('tutor|student')
            <li>
                <a href="{{ route('laraguppy.messenger') }}">
                    <i class="am-icon-chat-03"></i>
                    {{ __('sidebar.messages') }}</a>
            </li>
            @endhasanyrole
            @role('admin')
                <li>
                    <a href="{{ auth()->user()->redirect_after_login }}">
                        <i class="am-icon-layer-01"></i>
                        {{ __('sidebar.insights') }}
                    </a>
                </li>
                <li>
                    <a href="{{ route('admin.profile') }}"><i class="am-icon-user-01"></i>{{ __('sidebar.profile_settings') }}</a>
                </li>
            @endrole
            <li class="am-header_user_signout">
                <a href="{{ route('logout') }}">
                    <i class="am-icon-sign-out-02"></i>
                    {{ __('general.sign_out') }}</a>
            </li>
        </ul>
    </div>
</div>