@php
    $role = Auth::user()->roles[0]->name;
    if ($role == 'Company' || $role == 'Musteri') {
        $rolePath = 'company.index';
    }
    if ($role == 'Branch') {
        $rolePath = 'branch.index';
    }
    if ($role == 'Operasyon') {
        $rolePath = 'operation.index';
    }
    if ($role == 'Hr') {
        if (count(auth()->user()->permissions) > 1) {
            if (!auth()->user()->can('ik_bordro')) {
                $rolePath = 'hummanresource.index';
            } else {
                $rolePath = 'hummanresource.firstPage';
            }
        } else {
            if (auth()->user()->can('ik_ise_alim')) {
                $rolePath = 'hummanresource.index';
            } elseif (auth()->user()->can('ik_bordro')) {
                $rolePath = 'hummanresource.index2';
            } elseif (auth()->user()->can('call_support')) {
                $rolePath = 'hummanresource.index3';
            }
        }
    }
    if ($role == 'Muhasebe') {
        $rolePath = 'accounting.index';
    }
    if ($role == 'Randevu') {
        $rolePath = 'randevu.pageIndex';
    }
    if ($role == 'Sales_marketing') {
        $rolePath = 'salesMarketing.index';
    }
    if ($role == 'Root') {
        $rolePath = 'root.index';
    }
    if ($role == 'department') {
        $rolePath = 'department.index';
    }
    if ($role == 'isg') {
        $rolePath = 'isg.index';
    }
    if (Auth::user()->roles[0]->permission == 'workers') {
        $rolePath = 'user.home';
    }
@endphp
<div class="relative flex items-center justify-between px-12 py-1">
    <a href="{{ route($rolePath) }}" class="flex items-center justify-center">
        <img class="w-full h-16" src="{{ asset('assets/extra-logo.svg') }}" alt="extrasistem logo">
    </a>

    @if (isset($bannersData) && count($bannersData) > 0)
        <div
            class="relative shadow-md rounded isolate hidden md:flex items-center gap-x-6 overflow-hidden bg-theme_secondary_black px-6 py-1 sm:px-3.5 sm:before:flex-1 w-1/2 h-10">
            {{-- <div class="absolute left-[max(-7rem,calc(50%-52rem))] top-1/2 -z-10 -translate-y-1/2 transform-gpu blur-2xl"
                aria-hidden="true">
                <div class="aspect-[577/310] w-[36.0625rem] bg-gradient-to-r from-theme_secondary_black to-black opacity-40"
                    style="">
                </div>
            </div>
            <div class="absolute left-[max(45rem,calc(50%+8rem))] top-1/2 -z-10 -translate-y-1/2 transform-gpu blur-2xl"
                aria-hidden="true">
                <div class="aspect-[577/310] w-[36.0625rem] bg-gradient-to-r from-white to-theme_black opacity-40"
                    style="">
                </div>
            </div> --}}
            <marquee class="flex items-center gap-x-4 gap-y-2">
                <div class="flex divide-x-2 space-x-10">
                    @foreach ($bannersData as $banner)
                        <p class="text-sm leading-6 text-gray-200 capitalize font-semibold pl-10">
                            {{ $banner->title }}
                        </p>
                    @endforeach
                </div>
            </marquee>
            {{-- <div class="flex flex-1 justify-end">
                <button type="button" class="-m-3 p-3 focus-visible:outline-offset-[-4px]">
                    <span class="sr-only">Dismiss</span>
                    <svg class="h-5 w-5 text-gray-900" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
                        <path
                            d="M6.28 5.22a.75.75 0 00-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 101.06 1.06L10 11.06l3.72 3.72a.75.75 0 101.06-1.06L11.06 10l3.72-3.72a.75.75 0 00-1.06-1.06L10 8.94 6.28 5.22z" />
                    </svg>
                </button>
            </div> --}}
        </div>
    @endif


    @if (env('APP_TYPE') == 'dev')
        <a href="{{ route('dashboard') }}" class="button-3 md:block hidden">Dashboard</a>
    @endif
    <div class="relative flex items-center justify-center gap-6">
        <div class="hidden md:flex flex-col gap-1">
            @if (Auth::user()->roles[0]->name == 'Company' ||
                    Auth::user()->roles[0]->name == 'Branch' ||
                    Auth::user()->roles[0]->name == 'department')
                @php
                    $user = auth()->user();
                @endphp
                @if ($user->roles[0]->name == 'Company')
                    <h2 class="font-medium text-sm text-theme_gray text-center">
                        {{ Str::title($user->headOffice->office_name) }}
                    </h2>
                @endif
                @if ($user->roles[0]->name == 'Branch')
                    <h2 class="font-medium text-sm text-theme_gray text-center">
                        {{ Str::title($user->branch->branch_name) }}</h2>
                    <h2 class="font-medium text-sm text-theme_gray capitalize text-center">
                        {{ $user->branch->branch_authorized_person }}
                    </h2>
                @endif
                @if ($user->roles[0]->name == 'department')
                    <h2 class="font-medium text-sm text-theme_gray text-center">
                        {{ Str::title($user->user_departman->name) }}</h2>
                    <h2 class="font-medium text-sm text-theme_gray capitalize text-center">
                        {{ $user->full_name }}
                    </h2>
                @endif
            @else
                <h2 class="font-medium text-sm text-theme_gray text-center">{{ Str::title(Auth::user()->fullName) }}
                </h2>
                <h2 class="font-medium text-sm text-theme_gray capitalize text-center">
                    {{ Auth::user()->roles[0]->title }}</h2>
            @endif
        </div>
        @if (Auth::user()->roles[0]->name == 'Branch')
            <img src="{{ getCdnFile(Auth::user()->branch->headOffice->office_logo) }}"
                class="profileButton w-12 h-12 object-cover rounded-full cursor-pointer">
        @elseif (Auth::user()->roles[0]->name == 'Company')
            <img src="{{ getCdnFile(Auth::user()->headOffice->office_logo) }}"
                class="profileButton w-12 h-12 object-cover rounded-full cursor-pointer">
        @elseif(Auth::user()->roles[0]->name == 'department')
            <img src="{{ Auth::user()->user_departman->customer_user->headOffice ? getCdnFile(Auth::user()->user_departman->customer_user->headOffice->office_logo) : getCdnFile(Auth::user()->user_departman->customer_user->branch->headOffice->office_logo) }}"
                class="profileButton w-12 h-12 object-cover rounded-full cursor-pointer">
        @elseif (Auth::user()->profile_img)
            <img src="{{ getCdnFile(Auth::user()->profile_img) }}"
                class="profileButton w-12 h-12 object-cover rounded-full cursor-pointer">
        @else
            <img src="{{ getDefaultImage() }}"
                class="profileButton w-12 h-12 object-cover rounded-full cursor-pointer">
        @endif
    </div>
    <div class="hidden absolute top-[80px] right-1 w-52 z-10" id="subMenu">
        <div
            class="sub-menu rounded-3xl backdrop-blur-sm bg-theme_secondary_black p-4 border border-theme_secondary_gray bg-opacity-75 shadow-md shadow-theme_secondary_black">
            <a href="{{ route('profile.edit') }}" {{-- route('customer.profile.index') --}}
                class="hover:scale-105 duration-100 transition-all flex gap-2 items-center text-sm text-theme_gray p-2">
                <div
                    class="text-base text-gray-700 flex items-center justify-center w-[30px] h-[30px] bg-theme_gray rounded-full p-2">
                    <i class="fa-solid fa-user"></i>
                </div>
                <p class="w-full font-semibold">Profilini Düzenle</p>
            </a>
            @role('Root|Operasyon|Hr|Muhasebe|Randevu|Sales_marketing|isg')
                <a href="{{ route('user.agenda') }}"
                    class="hover:scale-105 duration-100 transition-all flex gap-2 items-center text-sm text-theme_gray p-2">
                    <div
                        class="text-base text-gray-700 flex items-center justify-center w-[30px] h-[30px] bg-theme_gray rounded-full p-2">
                        <i class="fa-solid fa-calendar-days"></i>
                    </div>
                    <p class="w-full font-semibold">Ajanda</p>
                </a>
            @endrole
            @if (Cache::get(request()->ip() . 'jumpToDefinationUser') != true)
                @role('Operasyon|Hr|Muhasebe|Randevu|Sales_marketing|isg')
                    <a href="{{ route('definations') }}"
                        class="hover:scale-105 duration-100 transition-all flex gap-2 items-center text-sm text-theme_gray p-2">
                        <div
                            class="text-base text-gray-700 flex items-center justify-center w-[30px] h-[30px] bg-theme_gray rounded-full p-2">
                            <i class="fa-solid fa-user-group"></i>
                        </div>
                        <p class="w-full font-semibold">Kullanıcılar</p>
                    </a>
                @endrole
            @endif
            {{-- @php
                use App\Models\User;
                $checkUsers = User::where('tel', auth()->user()->tel)->get();
            @endphp
            @if (count($checkUsers) > 1)
                <a href="{{ route('select.index') }}"
                    class="hover:scale-105 duration-100 transition-all flex gap-2 items-center text-sm text-theme_gray p-2">
                    <div
                        class="text-base text-gray-700 flex items-center justify-center w-[30px] h-[30px] bg-theme_gray rounded-full p-2">
                        <i class="fa-solid fa-person-walking-arrow-right"></i>
                    </div>
                    <p class="w-full font-semibold">Hesaplar</p>
                </a>
            @endif --}}
            <a href="{{ route('support.listSupportRequestsIndex') }}"
                class="hover:scale-105 duration-100 transition-all flex gap-2 items-center text-sm text-theme_gray p-2">
                <div
                    class="text-base text-gray-700 flex items-center justify-center w-[30px] h-[30px] bg-theme_gray rounded-full p-2">
                    <i class="fa-solid fa-comment"></i>
                </div>
                <p class="w-full font-semibold">Destek Talebi</p>
            </a>
            {{-- <a href="#"
                class="hover:scale-105 group duration-100 transition-all flex gap-2 items-center text-sm text-theme_gray p-2">
                <div class="text-base text-gray-700 flex items-center justify-center w-[30px] h-[30px] bg-theme_gray rounded-full p-2">
                    <i class="fa-solid fa-gear group-hover:rotate-90 transition-all"></i>
                </div>
                <p class="w-full font-semibold">Ayarlar</p>
            </a>
            <a href="#"
                class="hover:scale-105 duration-100 transition-all flex gap-2 items-center text-sm text-theme_gray p-2">
                <div class="text-base text-gray-700 flex items-center justify-center w-[30px] h-[30px] bg-theme_gray rounded-full p-2">
                    <i class="fa-solid fa-circle-question"></i>
                </div>
                <p class="w-full font-semibold">Yardım</p>
            </a> --}}
            @if (Cache::get(request()->ip() . '_admin_logined_user'))
                <form action="{{ route('loginBackAdmin') }}" method="POST" onsubmit="showLoading()">
                    @csrf
                    <button type="submit"
                        class="hover:scale-105 duration-100 transition-all flex gap-2 items-center text-sm text-theme_gray p-2">
                        <div
                            class="text-base text-gray-700 flex items-center justify-center w-[30px] h-[30px] bg-theme_gray rounded-full p-2">
                            <i class="fa-solid fa-right-from-bracket"></i>
                        </div>
                        <p class="w-full font-semibold">Admin Hesabina Gir</p>
                    </button>
                </form>
            @endif
            <form action="{{ route('logout') }}" method="POST" onsubmit="showLoading()">
                @csrf
                <button type="submit"
                    class="hover:scale-105 duration-100 transition-all flex gap-2 items-center text-sm text-theme_gray p-2">
                    <div
                        class="text-base text-gray-700 flex items-center justify-center w-[30px] h-[30px] bg-theme_gray rounded-full p-2">
                        <i class="fa-solid fa-right-from-bracket"></i>
                    </div>
                    <p class="w-full font-semibold">Çıkış Yap</p>
                </button>
            </form>
        </div>
    </div>
</div>
<script>
    $('.profileButton').click(function() {
        $('#subMenu').fadeToggle('300');
    })

    $(document).on('click', function(e) {
        if (!$(e.target).hasClass("profileButton") && $("#subMenu").has(e.target).length === 0) {
            $("#subMenu").fadeOut('fast');
        }
    });
</script>