@extends('layouts.app')

@section('content')

@section('script')
<script src="{{ mix('js/hideshow.js')}}" defer></script>
@endsection
<nav class="navbar navbar-vertical flex-start navbar-expand-md navbar-dark" style="border-right: none;border-bottom: none;z-index: 1;">
    <div class="container-fluid">
        <a class="navbar-brand" href="{{ route('accueil') }}" target="_blank">
            <div class="mf_logo_sm">
                <div class="myfo">myfo</div>
                <div class="crypto">CRYPTO</div>
            </div>
        </a>
        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarVertical" aria-controls="navbarVertical" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarVertical">
            <ul class="navbar-nav mb-md-3" style="margin: initial;padding-bottom: 20px;">
                <li class="nav-item">
                    @if ($id ==1)
                    <a class="highlight triggerspinner" href="{{ route('arbitrage.portfolio') }}">
                        <b-icon icon="graph-up"></b-icon>
                        <span style="margin-left: 10px;">Portfolio</span>
                    </a>
                    @else
                    <a href="{{ route('arbitrage.portfolio') }}" class="triggerspinner">
                        <b-icon icon="graph-up"></b-icon>
                        <span style="margin-left: 10px;">Portfolio</span>
                    </a>
                    @endif
                </li>
                <li class="nav-item">
                    <a class="highlight triggerspinner" href="{{ route('parameters.strategie') }}">
                        <b-icon icon="bezier2"></b-icon>
                        <span style="margin-left: 10px;">Strategies</span>
                    </a>
                </li>
                <li class="nav-item">
                    <a href="{{ route('arbitrage.trades') }}" class="triggerspinner">
                        <b-icon icon="list-check"></b-icon>
                        <span style="margin-left: 10px;">Trades</span>
                    </a>
                </li>
                <li class="nav-item">
                    @if ($id ==1)
                    <a class="highlight triggerspinner" href="{{ route('parameters.information') }}">
                        <b-icon icon="person-fill"></b-icon>
                        <span style="margin-left: 10px;">Profile</span>
                    </a>
                    @else
                    <a href="{{ route('parameters.information') }}" class="triggerspinner">
                        <b-icon icon="person-fill"></b-icon>
                        <span style="margin-left: 10px;">Profile</span>
                    </a>
                </li>
                @endif
                @if (!$user->pro)
                <li class="nav-item">
                    @if ($id ==1)
                    <a class="highlight triggerspinner" href="{{ route('invoice.show.all') }}">
                        <b-icon icon="files"></b-icon>
                        <span style="margin-left: 10px;">Billing</span>
                    </a>
                    @else
                    <a href="{{ route('invoice.show.all') }}" class="triggerspinner">
                        <b-icon icon="files"></b-icon>
                        <span style="margin-left: 10px;">Billing</span>
                    </a>
                    @endif
                </li>
                @endif
                @if ($user->pro)
                <li class="nav-item">
                    <a href="{{ route('admin_pro.overview') }}" class="triggerspinner">
                        <i class="fe bi-person-workspace"></i>
                        <span style="margin-left: 10px;">Admin <span class="headerSpanPro" style="margin-left: 5px;">PRO</span></span>
                    </a>
                </li>
                @endif
            </ul>
            <!-- ADMIN SECTION -->
            @if (Auth::user()->manager)
            <hr class="navbar-divider">
            <ul class="navbar-nav mb-md-3" style="margin: initial;padding-bottom: 20px;">
                <li class="nav-item">
                    <a href="{{ route('platforms.index') }}" class="triggerspinner">
                        <i class="fe bi-inbox"></i>
                        <span style="margin-left: 10px;">Platforms</span>
                    </a>
                </li>
                <li class="nav-item">
                    <a href="{{ route('admin.strategies') }}" class="triggerspinner">
                        <i class="fe bi-award"></i>
                        <span style="margin-left: 10px;">Strategies</span>
                    </a>
                </li>
                <li class="nav-item">
                    <a href="{{ route('int.index') }}" class="triggerspinner">
                        <i class="fe bi-person"></i>
                        <span style="margin-left: 10px;">All Users</span>
                    </a>
                </li>
                <li class="nav-item">
                    <a href="{{ route('int.usersMargin') }}" class="triggerspinner">
                        <i class="fe bi-person"></i>
                        <span style="margin-left: 10px;">User margins</span>
                    </a>
                </li>
            </ul>
            @endif
            <ul class="navbar-nav mb-md-3" style="margin: auto">
                <li class="nav-item">
                    <a href="{{ route('help') }}">
                        <i class="fe fe-layers"></i>
                        <span style="margin-left: 10px;">Help</span>
                    </a>
                </li>
                <li class="nav-item">
                    <a href="{{ route('logout') }}" onclick="event.preventDefault(); document.getElementById('logout-form').submit();">
                        <i class="fe fe-log-out"></i>
                        <span style="margin-left: 10px;">Logout</span>
                        <span style="color: #9BBDF9">{{$user->firstname}} {{$user->lastname}}</span>
                    </a>
                    <form id="logout-form" action="{{ route('logout') }}" method="POST" style="display: none;">
                        @csrf
                    </form>
                </li>
                <!-- <li class="nav-item">
                    <utils-theme-selector />
                </li> -->
            </ul>
            <span style="text-align: center;font-size: 11px;">
                <a href="{{ route('accueil.terms') }}">
                    <span class="termPrivactyText">Terms</span>
                </a>
                <span class="termPrivactyText">&</span>
                <a href="{{ route('accueil.privacy') }}">
                    <span class="termPrivactyText">Privacy policy</span>
                </a>
            </span>
        </div>
    </div>
</nav>

<div class="dashboard-container">

    <script>
        if (window.matchMedia("(max-width: 576px)").matches) {
            $(document).scroll(function() {
                $('#dashboard').css('background-position', '0px ' + $(document).scrollTop() + 'px');
            });
        }
    </script>

    <div id="dashboard" class="container-fluid" style="min-height: 100vh;padding: 10px;padding-bottom: 50px;position: relative">
        @foreach (['primary', 'secondary', 'success', 'danger', 'warning', 'info', 'light', 'dark'] as $msg)
        @if(Session::has('alert-'.$msg))
        <div class="alert alert-{{ $msg }} alert-dismissible fade show" role="alert">
            {{ Session::get('alert-'. $msg) }}
            <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
        </div>
        @endif
        @endforeach
        @yield('content')

        <!-- <img src="{{ url('ressources/bg_deg.png') }}" alt="Payment 100% secured by Stripe" style="height: 100%;position: absolute;z-index: 0;left: 0; width: 100%;top:0" /> -->
        <div style="position: relative; overflow: hidden;">
            <div class="text-end" style="position: sticky; top: 10px;">
                @if(session('impersonated_by'))
                <a href="{{ route('users.leave-impersonate') }}" class="btn btn-warning me-2">Leave Impersonation</a>
                @endif
            </div>
            @yield('dashboard')
        </div>
    </div>
</div>

@endsection