@auth
@if(Auth::user()->hasRole(\App\Enums\UserRole::ADMINISTRATOR) || Auth::user()->hasRole(\App\Enums\UserRole::MODERATOR))
<div class="relative p-5 bg-white dark:bg-neutral-700/40 rounded-lg overflow-hidden z-10">
    @if(Auth::user()->hasRole(\App\Enums\UserRole::ADMINISTRATOR))
    <div class="float-left">
        <a data-te-toggle="modal" data-te-target="#modalUploadEpisode" class="text-xl text-gray-800 dark:text-gray-200 leading-tight cursor-pointer whitespace-nowrap">
            <i class="fa-solid fa-plus pr-[6px]"></i> Add Episode
        </a>
    </div>
    @endif
    <div class="float-right">
        @if(Auth::user()->hasRole(\App\Enums\UserRole::ADMINISTRATOR))
        <a data-te-toggle="modal" data-te-target="#modalAddSubtitles" class="text-xl text-gray-800 dark:text-gray-200 leading-tight cursor-pointer whitespace-nowrap">
            <i class="fa-solid fa-plus pr-[6px]"></i> Add Subtitles
        </a>
        @endif
        <a data-te-toggle="modal" data-te-target="#modalEditEpisode" class="text-xl text-gray-800 dark:text-gray-200 leading-tight cursor-pointer whitespace-nowrap">
            <i class="fa-solid fa-pen pr-[6px]"></i> Edit Episode
        </a>
    </div>
</div>
@endif
@endauth
