@php
$users = \Auth::user();



// $profile = asset(Storage::url('uploads/avatar/'));
@endphp

<div id="sideNav" class="sideNav">
    @if(!$users)
    <a href="javascript:void(0)" class="closeNav" id="closeNav">&times;</a>

    <section class="el-drawer__body">
        <div class="fzddrew" style="margin-top: 50px;">
            Please login
        </div>
    </section>
    @else
    <a href="javascript:void(0)" class="closeNav" id="closeNav">&times;</a>

    <div class="b-container01 d-flex flex-column justify-content-center pt-3 pb-3">
        <div class="container">
            <a href="{{ route('front') }}">
                <h1 class="logo-name">Your Logo</h1>
            </a>
        </div>
    </div>

    <div class="b-container02 pt-3 pb-3">
        <div class="container-fluid">
            <div class="d-flex flex-row mb-4">
                <img src="{{ asset('assets/front/img/BG-14.png') }}" class="avatar01">
                <h4 class="h01">{{ $user->username }}</h4>
            </div>
            <div class="d-flex flex-row mb-4" style="font-size: 12px;">
                <div>Referral Code:
                </div>
                <div class="float-left" style="font-weight: 700;">
                    <p class="float-right" style="margin-bottom: 0rem;">{{ $user->referral_code }}</p>&nbsp;<i class="fa fa-copy"></i>
                </div>
            </div>
        </div>
        <div class="b-container01 d-flex flex-column justify-content-center pt-3 pb-2 mb-4">
            <div class="container">
                <div class="d-flex flex-row justify-content-between">

                    <h6 class="h02" style="visibility: hidden;">USDT {{$user->balance}}<br>
                        <span class="spa01">Total Views</span>
                    </h6>
                    <h6 class="h02">USDT {{$user->balance}}<br>
                        <span class="spa01">Total Views</span>
                    </h6>

                    <h6 class="h02">USDT {{ $user->total_commission }}<br>
                        <span class="spa02">Total Increase</span>
                    </h6>

                    <h6 class="h02" style="visibility: hidden;">USDT $user->total_commission<br>
                        <span class="spa02">Total Increase</span>
                    </h6>
                </div>
            </div>
        </div>
        <div class="container">
            <div class="ma01 d-flex flex-row justify-content-between pl-5 pr-5">

                <div>
                    <img src="{{ asset('assets/front/img/BG-32.png') }}" class="bb01">
                    <p class="caption">T&C</p>
                </div>
                <div>
                    <img src="{{ asset('assets/front/img/BG-26.png') }}" class="bb01">
                    <p class="caption">Agent</p>
                </div>
                <div>
                    <img src="{{ asset('assets/front/img/BG-17.png') }}" class="bb01">
                    <p class="caption">FAQs</p>
                </div>

                <div>
                    <img src="{{ asset('assets/front/img/BG-28.png') }}" class="bb01">
                    <p class="caption">About us</p>
                </div>
            </div>
        </div>

        <div class="line01 mb-3"></div>

        <a class="li01" href="{{ route('rate.trip') }}">
            <div class="d-flex flex-row">
                <img src="{{ asset('assets/front/img/rate.png') }}" class="rate01">
                <p class="li02">Rate Your Trip</p>
            </div>
        </a>


        <div class="line01 mb-3"></div>

        <a class="li01" href="{{ route('deposite') }}">
            <div class="d-flex flex-row">
                <img src="{{ asset('assets/front/img/de.png') }}" class="rate01">
                <p class="li02">Deposit</p>
            </div>
        </a>

        <div class="line01 mb-3"></div>

        <a class="li01" href="{{ route('withdraw') }}">
            <div class="d-flex flex-row">
                <img src="{{ asset('assets/front/img/red.png') }}" class="rate01">
                <p class="li02">Redemption</p>
            </div>
        </a>

        <div class="line01 mb-3"></div>

        <a class="li01" href="{{ route('journey.history') }}">
            <div class="d-flex flex-row">
                <img src="{{ asset('assets/front/img/hist.png') }}" class="rate01">
                <p class="li02">History</p>
            </div>
        </a>


        <div class="line01 mb-3"></div>

        <a class="li01" href="account.html">
            <div class="d-flex flex-row">
                <img src="{{ asset('assets/front/img/account.png') }}" class="rate01">
                <p class="li02">Account Management</p>
            </div>
        </a>

        <div class="line01 mb-3"></div>

        <a class="li01" href="live.html">
            <div class="d-flex flex-row">
                <img src="{{ asset('assets/front/img/live.png') }}" class="rate01">
                <p class="li02">Live Support</p>
            </div>
        </a>

        <div class="line01 mb-3"></div>
        <a href="{{ route('logout') }}" onclick="event.preventDefault();
                               document.getElementById('logout-form').submit();">
            <p class="logout">Log Out</p>
        </a>
        <form id="logout-form" action="{{ route('logout') }}" method="POST" class="d-none">
            @csrf

        </form>
        <div class="line01 mb-3"></div>

        <div class="text-center">
            <p class="pa02">Copyright © 2023 Exodus . All Rights Reserved.</p>
        </div>
    </div>
    @endif



</div>