@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>
            </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>