newznab-tmux/resources/views/partials/sidebar.blade.php

<nav class="flex flex-col space-y-1 p-4">
    <!-- Browse Menu -->
    <div class="sidebar-section">
        <button class="sidebar-toggle w-full flex items-center justify-between px-4 py-3 text-white hover:bg-gray-800 rounded-lg transition" data-target="submenu1">
            <div class="flex items-center">
                <i class="fas fa-tachometer-alt fa-fw mr-3"></i>
                <span>Browse</span>
            </div>
            <i class="fas fa-chevron-down text-xs transition-transform"></i>
        </button>
        <div id="submenu1" class="sidebar-submenu ml-4 mt-1 space-y-1 hidden">
            @if(auth()->check() && auth()->user()->consoleview && auth()->user()->can('view console'))
                <a href="{{ route('Console') }}" class="flex items-center px-4 py-2 text-gray-300 hover:text-white hover:bg-gray-800 rounded-lg transition">
                    <i class="fa fa-gamepad fa-fw mr-2"></i>
                    <span>Console</span>
                </a>
            @endif
            @if(auth()->check() && auth()->user()->movieview && auth()->user()->can('view movies'))
                <a href="{{ route('Movies') }}" class="flex items-center px-4 py-2 text-gray-300 hover:text-white hover:bg-gray-800 rounded-lg transition">
                    <i class="fa fa-film fa-fw mr-2"></i>
                    <span>Movies</span>
                </a>
                <a href="{{ route('trending-movies') }}" class="flex items-center px-4 py-2 text-gray-300 hover:text-white hover:bg-gray-800 rounded-lg transition">
                    <i class="fa fa-fire fa-fw mr-2"></i>
                    <span>Trending Movies</span>
                </a>
            @endif
            @if(auth()->check() && auth()->user()->musicview && auth()->user()->can('view audio'))
                <a href="{{ route('Audio') }}" class="flex items-center px-4 py-2 text-gray-300 hover:text-white hover:bg-gray-800 rounded-lg transition">
                    <i class="fa fa-music fa-fw mr-2"></i>
                    <span>Audio</span>
                </a>
            @endif
            @if(auth()->check() && auth()->user()->gameview && auth()->user()->can('view pc'))
                <a href="{{ route('Games') }}" class="flex items-center px-4 py-2 text-gray-300 hover:text-white hover:bg-gray-800 rounded-lg transition">
                    <i class="fa fa-gamepad fa-fw mr-2"></i>
                    <span>Games</span>
                </a>
            @endif
            @if(auth()->check() && auth()->user()->can('view tv'))
                <a href="{{ route('series') }}" class="flex items-center px-4 py-2 text-gray-300 hover:text-white hover:bg-gray-800 rounded-lg transition">
                    <i class="fa fa-television fa-fw mr-2"></i>
                    <span>TV</span>
                </a>
                <a href="{{ route('trending-tv') }}" class="flex items-center px-4 py-2 text-gray-300 hover:text-white hover:bg-gray-800 rounded-lg transition">
                    <i class="fa fa-fire fa-fw mr-2"></i>
                    <span>Trending TV</span>
                </a>
            @endif
            @if(auth()->check() && auth()->user()->xxxview && auth()->user()->can('view adult'))
                <a href="{{ route('XXX') }}" class="flex items-center px-4 py-2 text-gray-300 hover:text-white hover:bg-gray-800 rounded-lg transition">
                    <i class="fa fa-venus-mars fa-fw mr-2"></i>
                    <span>Adult</span>
                </a>
            @endif
            @if(auth()->check() && auth()->user()->bookview && auth()->user()->can('view books'))
                <a href="{{ route('Books') }}" class="flex items-center px-4 py-2 text-gray-300 hover:text-white hover:bg-gray-800 rounded-lg transition">
                    <i class="fa fa-book-open fa-fw mr-2"></i>
                    <span>Books</span>
                </a>
            @endif
            <a href="{{ url('browse/All') }}" class="flex items-center px-4 py-2 text-gray-300 hover:text-white hover:bg-gray-800 rounded-lg transition">
                <i class="fa fa-list-ul fa-fw mr-2"></i>
                <span>Browse All Releases</span>
            </a>
            <a href="{{ route('browsegroup') }}" class="flex items-center px-4 py-2 text-gray-300 hover:text-white hover:bg-gray-800 rounded-lg transition">
                <i class="fa fa-layer-group fa-fw mr-2"></i>
                <span>Browse Groups</span>
            </a>
        </div>
    </div>

    <!-- Articles & Links Menu -->
    <div class="sidebar-section">
        <button class="sidebar-toggle w-full flex items-center justify-between px-4 py-3 text-white hover:bg-gray-800 rounded-lg transition" data-target="submenu2">
            <div class="flex items-center">
                <i class="fa fa-edit fa-fw mr-3"></i>
                <span>Articles & Links</span>
            </div>
            <i class="fas fa-chevron-down text-xs transition-transform"></i>
        </button>
        <div id="submenu2" class="sidebar-submenu ml-4 mt-1 space-y-1 hidden">
            <a href="{{ url('forum') }}" class="flex items-center px-4 py-2 text-gray-300 hover:text-white hover:bg-gray-800 rounded-lg transition">
                <i class="fab fa-forumbee fa-fw mr-2"></i>
                <span>Forum</span>
            </a>
            <a href="{{ route('search') }}" class="flex items-center px-4 py-2 text-gray-300 hover:text-white hover:bg-gray-800 rounded-lg transition">
                <i class="fab fa-searchengin fa-fw mr-2"></i>
                <span>Search</span>
            </a>
            <a href="{{ url('search?search_type=adv') }}" class="flex items-center px-4 py-2 text-gray-300 hover:text-white hover:bg-gray-800 rounded-lg transition">
                <i class="fab fa-searchengin fa-fw mr-2"></i>
                <span>Advanced Search</span>
            </a>
            <a href="{{ route('rsshelp') }}" class="flex items-center px-4 py-2 text-gray-300 hover:text-white hover:bg-gray-800 rounded-lg transition">
                <i class="fa fa-rss-square fa-fw mr-2"></i>
                <span>RSS Feeds</span>
            </a>
            <a href="{{ route('apihelp') }}" class="flex items-center px-4 py-2 text-gray-300 hover:text-white hover:bg-gray-800 rounded-lg transition">
                <i class="fa fa-hands-helping fa-fw mr-2"></i>
                <span>API</span>
            </a>
            <a href="{{ route('apiv2help') }}" class="flex items-center px-4 py-2 text-gray-300 hover:text-white hover:bg-gray-800 rounded-lg transition">
                <i class="fa fa-hands-helping fa-fw mr-2"></i>
                <span>API V2</span>
            </a>
            <a href="{{ route('contact-us') }}" class="flex items-center px-4 py-2 text-gray-300 hover:text-white hover:bg-gray-800 rounded-lg transition">
                <i class="fa fa-envelope fa-fw mr-2"></i>
                <span>Contact Us</span>
            </a>
        </div>
    </div>

    <!-- Useful Links Menu -->
    @if(isset($usefulLinks) && $usefulLinks->isNotEmpty())
    <div class="sidebar-section">
        <button class="sidebar-toggle w-full flex items-center justify-between px-4 py-3 text-white hover:bg-gray-800 rounded-lg transition" data-target="submenu-useful-links">
            <div class="flex items-center">
                <i class="fa fa-link fa-fw mr-3"></i>
                <span>Useful Links</span>
            </div>
            <i class="fas fa-chevron-down text-xs transition-transform"></i>
        </button>
        <div id="submenu-useful-links" class="sidebar-submenu ml-4 mt-1 space-y-3 hidden">
            @foreach($usefulLinks as $link)
                <div class="px-2 py-2">
                    @if($link->url)
                        @php
                            $url = $link->url;

                            // Check if URL has protocol
                            $hasProtocol = str_starts_with($url, 'http://') || str_starts_with($url, 'https://');

                            // Check if URL is a domain pattern (e.g., google.com, chatgpt.ai)
                            // Pattern: contains at least one dot and doesn't start with /
                            $isDomain = !str_starts_with($url, '/') && preg_match('/^[a-zA-Z0-9][a-zA-Z0-9-]*\.[a-zA-Z]{2,}/', $url);

                            $isExternal = $hasProtocol || $isDomain;

                            // Use external URLs as-is (add https:// if domain without protocol), prepend site URL for internal paths
                            if ($hasProtocol) {
                                $linkUrl = $url;
                            } elseif ($isDomain) {
                                $linkUrl = 'https://' . $url;
                            } else {
                                $linkUrl = url($url);
                            }
                        @endphp
                        <a href="{{ $linkUrl }}"
                           class="block text-gray-300 hover:text-white transition"
                           @if($isExternal) target="_blank" rel="noopener noreferrer" @endif>
                            <div class="font-medium mb-1">{{ $link->title }}</div>
                            @if($link->body)
                                <div class="text-sm text-gray-400 useful-link-content">
                                    {!! html_entity_decode(trim($link->body, '\'"')) !!}
                                </div>
                            @endif
                        </a>
                    @else
                        <div class="text-gray-300">
                            <div class="font-medium mb-1">{{ $link->title }}</div>
                            @if($link->body)
                                <div class="text-sm text-gray-400 useful-link-content">
                                    {!! html_entity_decode(trim($link->body, '\'"')) !!}
                                </div>
                            @endif
                        </div>
                    @endif
                </div>
            @endforeach
        </div>
    </div>
    @endif

    <!-- Extend/Upgrade Account -->
    @auth
        @php
            $userRole = auth()->user()->roles->first()?->name ?? 'user';
        @endphp
        @if($userRole !== 'Admin')
            @if($userRole === 'User')
                <a href="https://simplegate.space/apps/3MjgKvosMZtc2sSxiRBwadDCn1zA/pos" target="_blank" class="flex items-center px-4 py-3 text-white hover:bg-gray-800 rounded transition mt-4">
                    <i class="fa fa-arrow-up fa-fw mr-3"></i>
                    <span>Upgrade Your Account</span>
                </a>
            @else
                <a href="https://simplegate.space/apps/3MjgKvosMZtc2sSxiRBwadDCn1zA/pos" target="_blank" class="flex items-center px-4 py-3 text-white hover:bg-gray-800 rounded transition mt-4">
                    <i class="fa fa-clock fa-fw mr-3"></i>
                    <span>Extend Your Account</span>
                </a>
            @endif
        @endif
    @endauth

    <!-- Sign Out -->
    @auth
        <a href="{{ route('logout') }}" data-logout class="flex items-center px-4 py-3 text-white hover:bg-gray-800 rounded transition mt-4">
            <i class="fa fa-sign-out-alt fa-fw mr-3"></i>
            <span>Sign Out</span>
        </a>
        <form id="sidebar-logout-form" action="{{ route('logout') }}" method="POST" class="hidden">
            @csrf
        </form>
    @endauth
</nav>

@push('styles')
<style>
    /* Useful Links Content Styling */
    .useful-link-content {
        max-width: 100%;
        overflow-wrap: break-word;
        word-wrap: break-word;
    }

    /* Scale images to fit sidebar */
    .useful-link-content img {
        max-width: 100%;
        height: auto;
        border-radius: 0.375rem;
        margin: 0.5rem 0;
        display: block;
    }

    /* Style paragraphs in useful links */
    .useful-link-content p {
        margin-bottom: 0.5rem;
        line-height: 1.5;
    }

    .useful-link-content p:last-child {
        margin-bottom: 0;
    }

    /* Style links within useful links content */
    .useful-link-content a {
        color: #60a5fa;
        text-decoration: underline;
    }

    .useful-link-content a:hover {
        color: #93c5fd;
    }

    /* Style lists in useful links */
    .useful-link-content ul,
    .useful-link-content ol {
        margin: 0.5rem 0;
        padding-left: 1.5rem;
    }

    .useful-link-content li {
        margin-bottom: 0.25rem;
    }

    /* Style headings in useful links */
    .useful-link-content h1,
    .useful-link-content h2,
    .useful-link-content h3,
    .useful-link-content h4,
    .useful-link-content h5,
    .useful-link-content h6 {
        font-weight: 600;
        margin-top: 0.75rem;
        margin-bottom: 0.5rem;
        color: #e5e7eb;
    }

    .useful-link-content h1 { font-size: 1.25rem; }
    .useful-link-content h2 { font-size: 1.125rem; }
    .useful-link-content h3 { font-size: 1rem; }
    .useful-link-content h4,
    .useful-link-content h5,
    .useful-link-content h6 { font-size: 0.875rem; }

    /* Style blockquotes */
    .useful-link-content blockquote {
        border-left: 3px solid #4b5563;
        padding-left: 1rem;
        margin: 0.5rem 0;
        font-style: italic;
        color: #9ca3af;
    }

    /* Style code blocks */
    .useful-link-content code {
        background-color: #374151;
        padding: 0.125rem 0.25rem;
        border-radius: 0.25rem;
        font-size: 0.875em;
        font-family: monospace;
    }

    .useful-link-content pre {
        background-color: #1f2937;
        padding: 0.75rem;
        border-radius: 0.375rem;
        overflow-x: auto;
        margin: 0.5rem 0;
    }

    .useful-link-content pre code {
        background-color: transparent;
        padding: 0;
    }
</style>
@endpush