@props(['align' => 'left'])

<div {{ $attributes->merge(['class' => 'user__avatar']) }}>
    @auth
        <div class=" relative">
            <x-dropdown align="{{ $align }}" width="48">
                <x-slot name="trigger">
                    <div class="user__avatar_ico cursor-pointer">
                        <img loading="lazy" decoding="async" style="background-size: cover; background-image: none;"
                            src="{{ Auth::user()->profile_photo_url }}" alt="" width="47" height="26"
                            class="user__avatar_img">
                    </div>
                </x-slot>
                <x-slot name="content">
                    <x-dropdown-link href="{{ route('profile.show') }}">
                        {{ __('messages.profile') }}
                    </x-dropdown-link>
                    <x-dropdown-link href="{{ route('user.offers') }}">
                        {{ __('messages.my_offers') }}
                    </x-dropdown-link>
                    <x-dropdown-link href="{{ route('user.notes') }}">
                        {{ __('messages.my_notes') }}
                    </x-dropdown-link>

                    <x-dropdown-link href="{{ route('user.notifications') }}">
                        {{ __('messages.my_notifications') }}
                    </x-dropdown-link>

                    @auth
                        @if (auth()->user()->company && auth()->user()->company->admin_permission == 1)
                            <x-dropdown-link target="_blank" href="{{ route('admin.main') }}">
                                {{ __('messages.fields.admin.nav.admin') }}
                            </x-dropdown-link>
                        @endif
                    @endauth

                </x-slot>
            </x-dropdown>
        </div>
        <div>
            <div class="user__avatar_name">{{ Auth::user()->name }}</div>
            <div class="flex">
                @livewire('notifications.income-checker-component')
                <div class="user__avatar_div" style="font-size:14px">
                    <span> <a href="#"
                            onclick="event.preventDefault();  document.getElementById('profile-form-submit').submit();">{{ __('messages.logout') }}</a></span>
                    <form id="profile-form-submit" action="{{ route('logout') }}" method="POST" style="display: none;">
                        @csrf

                    </form>

                </div>
            </div>
        </div>
    @endauth


    @guest
        <div class="user__avatar_ico">
            <img loading="lazy" decoding="async" style="background-size: cover; background-image: none;"
                src="{{ asset('img/no_photo.png') }}" alt="" width="47" height="26"
                class="user__avatar_img">
        </div>
        <div>
            <div class="user__avatar_name">{{ __('messages.guest') }}</div>
            <div class="user__avatar_div" style="font-size:14px">
                <span class='mr-3'><a href="{{ route('login') }}">{{ __('messages.log_in') }}</a></span>
                <span><a href="{{ route('register') }}">{{ __('messages.register') }}</a></span>
            </div>
        </div>
    @endguest
</div>