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

    <div class="dropdown">
        <div id="account">
            <div class="d-inline-block welcome-content" @click="togglePopup">
                <i class="material-icons align-vertical-top">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>
            </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 grey">{{ __('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">{{ __('shop::app.header.profile') }}</a>
                        </li>

                        <li>
                            <a href="{{ route('customer.orders.index') }}" class="unset">{{ __('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">{{ __('shop::app.header.wishlist') }}</a>
                            </li>
                        @endif

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

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

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