@extends('layouts.app', [
    'navTitle' => 'Profil',
    'pageTitle' => 'Profil',
    'seoTitle' => 'Profil',
    'seoDesc' => 'Profil',
    'pageImageRelativeUrl' => '',
    'navBackgroundDesktop' => 'profile/nav-background-desktop.webp',
    'navBackgroundMobile' => 'profile/nav-background-mobile.webp',
    'menuIndex' => -1,
])
@section('content')
    <link rel="stylesheet" href="/css/profile.css">
    <script src="/js/profile.js"></script>
    <div class="container outer">
        <div class="row no-gutters">
            <div class="menu row d-flex flex-column flex-lg-row w-100 no-gutters justify-content-between">
                <div class="item {{ (request()->get('menu') ?? '0') == '0' ? 'active' : '' }}" onclick="setActiveMenuItem(0)">Profilom</div>
                <div class="item {{ request()->get('menu') == '1' ? 'active' : '' }}" onclick="setActiveMenuItem(1)">Előfizetések</div>
                <div class="item {{ request()->get('menu') == '2' ? 'active' : '' }}" onclick="setActiveMenuItem(2)">Játékcserék</div>
                <div class="item {{ request()->get('menu') == '3' ? 'active' : '' }}" onclick="setActiveMenuItem(3)">Megrendelések</div>
                <div class="item disabled">Exkluzív menüp.</div>
            </div>
        </div>
        <div class="container-0" {{ (request()->get('menu') ?? '0') == '0' ? '' : 'style=display:none;' }}>
            @include('widgets.profile.profile')
        </div>
        <div class="container-1" {{ request()->get('menu') == '1' ? '' : 'style=display:none;' }}>
            @include('widgets.profile.packages')
        </div>
        <div class="container-2" {{ request()->get('menu') == '2' ? '' : 'style=display:none;' }}>
            @include('widgets.profile.game_swap.index')
        </div>
        <div class="container-3" {{ request()->get('menu') == '3' ? '' : 'style=display:none;' }}>
            @include('widgets.profile.orders')
        </div>
        <div class="container-4" style="display: none;">
            4
        </div>
    </div>
@endsection