{!! view_render_event('bagisto.shop.layout.header.account-item.before') !!}

<div class="d-inline-block">
    <div class="dropdown">
        <div id="account">
            <div class="d-inline-block welcome-content" @click="togglePopup">
                @if (isset($layout) && $layout === 4)
                    <i class="material-icons align-middle cursor-pointer">perm_identity</i>
                @else
                    <i class="material-icons align-vertical-top cursor-pointer">perm_identity</i>
                    <span class="text-center">
                        @guest('customer')
                            {{ __('velocity::app.header.welcome-message', ['customer_name' => trans('velocity::app.header.guest')]) }}!
                        @endguest

                        @auth('customer')
                            {{ __('velocity::app.header.welcome-message', ['customer_name' => auth()->guard('customer')->user()->first_name]) }}
                        @endauth
                    </span>

                    <span class="select-icon rango-arrow-down"></span>
                @endif
            </div>
        </div>

        <div id="account-modal" class="account-modal sensitive-modal hide mt5">
            @guest('customer')
                <div class="modal-content">
                    <div class="modal-header no-border pb0">
                        <label class="fs18">{{ __('shop::app.header.title') }}</label>

                        <button type="button" class="close disable-box-shadow" data-dismiss="modal" aria-label="Close" @click="togglePopup">
                            <span aria-hidden="true" class="white-text fs20">×</span>
                        </button>
                    </div>

                    <div class="pl10 fs14">
                        <p>{{ __('shop::app.header.dropdown-text') }}</p>
                    </div>

                    <div class="modal-footer">
                        <div>
                            <a href="{{ route('customer.session.index') }}">
                                <button
                                    type="button"
                                    class="theme-btn fs14 fw6">

                                    {{ __('shop::app.header.sign-in') }}
                                </button>
                            </a>
                        </div>

                        <div>
                            <a href="{{ route('customer.register.index') }}">
                                <button
                                    type="button"
                                    class="theme-btn fs14 fw6">
                                    {{ __('shop::app.header.sign-up') }}
                                </button>
                            </a>
                        </div>
                    </div>
                </div>
            @endguest

            @auth('customer')
                <div class="modal-content customer-options">
                    <div class="customer-session">
                        <label class="">
                            {{ auth()->guard('customer')->user()->first_name }}
                        </label>
                    </div>

                    <ul type="none">
                        <li>
                            <a href="{{ route('customer.profile.index') }}" class="unset"><i class="icon Profile  text-down-3"></i>{{ __('shop::app.header.profile') }}</a>
                        </li>

                        <li>
                            <a href="{{ route('customer.orders.index') }}" class="unset"><i class="icon Orders text-down-3"></i>{{ __('velocity::app.shop.general.orders') }}</a>
                        </li>

                        @php
                            $showCompare = core()->getConfigData('general.content.shop.compare_option') == "1" ? true : false;

                            $showWishlist = core()->getConfigData('general.content.shop.wishlist_option') == "1" ? true : false;
                        @endphp

                        @if ($showWishlist)
                            <li>
                                <a href="{{ route('customer.wishlist.index') }}" class="unset"><i class="icon Wishlist  text-down-3"></i>{{ __('shop::app.header.wishlist') }}</a>
                            </li>
                        @endif

                        @if ($showCompare)
                            <li>
                                <a href="{{ route('velocity.customer.product.compare') }}" class="unset"><i class="icon Compare text-down-3"></i>{{ __('velocity::app.customer.compare.text') }}</a>
                            </li>
                        @endif

                        <li>
                            <a href="{{ route('customer.session.destroy') }}" class="unset"><i class="icon Logout text-down-3"></i>{{ __('shop::app.header.logout') }}</a>
                        </li>
                    </ul>
                </div>
            @endauth
        </div>
    </div>
</div>

{!! view_render_event('bagisto.shop.layout.header.account-item.after') !!}