@extends('Templates/templateAdmin')

@section('Content-AdminLayout')
    <!-- Navbar -->
    <nav class="main-header navbar navbar-expand navbar-white navbar-light">
        <!-- Left navbar links -->
        <ul class="navbar-nav">
            <li class="nav-item">
                <a class="nav-link" data-widget="pushmenu" href="#" role="button"><i class="fas fa-bars"></i></a>
            </li>
        </ul>

        <!-- Right navbar links -->
        <ul class="navbar-nav ml-auto align-items-center">
            <li class="nav-item my-2">
                <form id="language-form" action="{{ route('language.switch') }}" method="post" class="form-inline">
                    @csrf
                    <select class="custom-select" name="locale" onchange="this.form.submit()">
                        <option value="pt" {{ app()->getLocale() == 'pt' ? 'selected' : '' }}>Português
                        </option>
                        <option value="en" {{ app()->getLocale() == 'en' ? 'selected' : '' }}>English
                        </option>
                    </select>
                </form>
            </li>
            <li class="nav-item">
                <a class="nav-link" data-widget="fullscreen" href="#" role="button">
                    <i class="fas fa-expand-arrows-alt"></i>
                </a>
            </li>
        </ul>

    </nav>
    <!-- /.navbar -->

    <!-- Main Sidebar Container -->
    <aside class="main-sidebar sidebar-dark-primary elevation-4">
        <!-- Brand Logo -->

        <a href="#" class="brand-link" style="pointer-events: none;">
            <img src="{{ asset('/img/ispt/4.0/Ispt4.0_Símbolo_Fundo_Azul-Marinho@2x-100.jpg') }}" alt="AdminLTE Logo"
                class="brand-image img-circle elevation-3" style="opacity: .8">
            <span class="brand-text font-weight-light">ISPT 4.0</span>
        </a>

        <!-- Sidebar -->
        <div class="sidebar">
            <!-- Sidebar user panel (optional) -->
            <div class="user-panel mt-3 pb-3 mb-3 d-flex">
                <!-- Verifica se esta logado , se estiver , busca os dados do utilizador atual. -->
                @if (Auth::check())
                    <div class="image">
                        <img class="img-circle elevation-2 imgProfile editImg"
                            src="{{ asset('user_logos/' . (Auth::user()->user_logo ?? 'logoISPT4.0.jpg')) }}"
                            alt="User Logo">
                    </div>
                    <div class="info">
                        <a href="{{ route('usersProfiles', ['id' => Auth::user()->user_id]) }}"
                            class="d-block">{{ Auth::user()->user_name }}</a>
                    </div>
                @endif
            </div>

            <!-- Sidebar Menu -->
            <nav class="mt-2">
                <ul class="nav nav-pills nav-sidebar flex-column" data-widget="treeview" role="menu"
                    data-accordion="false">


                    <!-- Menu para Administradores e Super -->
                    @if (Auth::user()->type_users == 1 || Auth::user()->type_users == 2)
                        <li class="nav-item">
                            <a href="{{ route('home') }}" class="nav-link active">
                                <i class="nav-icon fas fa-tachometer-alt"></i>
                                <p> {{ __('messages.dashboard.dashboard') }} </p>
                            </a>
                        </li>

                        <li class="nav-item">
                            <a href="#" class="nav-link">
                                <i class="nav-icon fas fa-briefcase"></i>
                                <p> Obras
                                    <i class="fas fa-angle-left right"></i>
                                </p>
                            </a>

                            <ul class="nav nav-treeview">
                                <li class="nav-item ml-3">
                                    <a href="{{ route('createProject') }}" class="nav-link">
                                        <i class="fa-solid fa-file-circle-plus"></i>
                                        <p> Criar Obra</p>
                                    </a>
                                </li>
                                <li class="nav-item ml-3">
                                    <a href="{{ route('viewProjectsList', ['orderProjectID' => 1]) }}" class="nav-link">
                                        <i class="fa-solid fa-file-edit"></i>
                                        <p>Em Planeamento</p>
                                    </a>
                                </li>
                                <li class="nav-item ml-3">
                                    <a href="{{ route('viewProjectsList', ['orderProjectID' => 2]) }}" class="nav-link">
                                        <i class="fa-solid fa-file"></i>
                                        <p>Preparadas</p>
                                    </a>
                                </li>
                                <li class="nav-item ml-3">
                                    <a href="{{ route('viewProjectsList', ['orderProjectID' => 3]) }}" class="nav-link">
                                        <i class="fa-solid fa-file-lines"></i>
                                        <p>Em execuçãp</p>
                                    </a>
                                </li>
                                <li class="nav-item ml-3">
                                    <a href="{{ route('viewProjectsList', ['orderProjectID' => 4]) }}" class="nav-link">
                                        <i class="fa-solid fa-file-circle-check"></i>
                                        <p>Concluídas</p>
                                    </a>
                                </li>
                                <li class="nav-item ml-3">
                                    <a href="{{ route('manageAssets') }}" class="nav-link">
                                        <i class="fa-solid fa-folder-open"></i>
                                        <p>Relatórios</p>
                                    </a>
                                </li>
                            </ul>
                        </li>

                        <li class="nav-item">
                            <a href="{{ route('manageAssets') }}" class="nav-link active">
                                <i class="nav-icon fa-solid fa-file-edit"></i>
                                <p>Portfólio</p>
                            </a>
                        </li>

                        {{-- Menu para Cliente --}}
                    @elseif (Auth::user()->type_users == 3)
                        <li class="nav-item">
                            <a href="{{ route('dashboardClient') }}" class="nav-link active">
                                <i class="nav-icon fas fa-tachometer-alt"></i>
                                <p> {{ __('messages.dashboard.dashboard') }} </p>
                            </a>
                        </li>

                        <li class="nav-item">
                            <a href="{{ route('reportingDataClient') }}" class="nav-link">
                                <i class="nav-icon fas fa-file"></i>
                                <p> Relatórios Cliente </p>
                            </a>
                        </li>

                        <li class="nav-item">
                            <a href="{{ route('manageAssetsClient') }}" class="nav-link">
                                <i class="nav-icon fa-solid fa-file-edit"></i>
                                <p> {{ __('messages.portfolio.top_view_part.management_assets') }}</p>
                            </a>
                        </li>
                    @endif

                    <!-- Apenas os Super Admins e Admin tem acesso a estas Rotas  -->
                    @if (Auth::user()->type_users == 1 || Auth::user()->type_users == 2)
                        <li class="nav-item">
                            <a href="#" class="nav-link">
                                <i class="nav-icon fas fa-gear"></i>
                                <p> Administração
                                    <i class="fas fa-angle-left right"></i>
                                </p>
                            </a>
                            <ul class="nav nav-treeview">

                                <!-- Seção de Utilizadores -->
                                <li class="nav-item ml-3">
                                    <a href="#" class="nav-link">
                                        <i class="fa-solid fa-users"></i>
                                        <p>Utilizadores
                                            <i class="fas fa-angle-left right"></i>
                                        </p>
                                    </a>
                                    <ul class="nav nav-treeview nested-menu">
                                        <li class="nav-item ml-3">
                                            <a href="{{ route('createNewUsers', ['typeUser' => 'user']) }}"
                                                class="nav-link">
                                                <i class="fas fa-plus"></i>
                                                <p>Criar Utilizadores</p>
                                            </a>
                                        </li>
                                        <li class="nav-item ml-3">
                                            <a href="{{ route('users.list') }}" class="nav-link">
                                                <i class="fa-solid fa-list"></i>
                                                <p>Listar Utilizadores</p>
                                            </a>
                                        </li>
                                    </ul>
                                </li>

                                <!-- Seção de Empresas -->
                                <li class="nav-item ml-3">
                                    <a href="#" class="nav-link">
                                        <i class="fa-solid fa-building"></i>
                                        <p>Empresas
                                            <i class="fas fa-angle-left right"></i>
                                        </p>
                                    </a>
                                    <ul class="nav nav-treeview nested-menu">
                                        <li class="nav-item ml-3">
                                            <a href="{{ route('createNewUsers', ['typeUser' => 'company']) }}"
                                                class="nav-link">
                                                <i class="fas fa-plus"></i>
                                                <p>Criar Empresa</p>
                                            </a>
                                        </li>
                                        <li class="nav-item ml-3">
                                            <a href="{{ route('users.company') }}" class="nav-link">
                                                <i class="fa-solid fa-list"></i>
                                                <p>Listar Empresa</p>
                                            </a>
                                        </li>
                                    </ul>
                                </li>

                            </ul>
                        </li>

                        <!-- Botão de Terminar Sessão -->
                        <li class="nav-item">
                            <form method="POST" action="{{ route('logout') }}" class="nav-link p-0">
                                @csrf
                                <button type="submit" class="btn w-100 text-left d-flex align-items-center" >
                                    <i class="nav-icon fa-solid fa-power-off" style="color: red"></i>
                                    <p class="ml-2 d-none d-sm-inline" style="color:white;">Terminar sessão</p>
                                </button>
                            </form>
                        </li>

                    @endif

                    <!-- /.Single menu item -->
                </ul>
            </nav>
            <!-- /.sidebar-menu -->
        </div>
        <!-- /.sidebar -->
    </aside>

    <div class="content-wrapper">
        @yield('Main-content')
    </div>
    <!-- ./content-wrapper -->

    <!-- Control Sidebar -->
    {{-- <aside class="control-sidebar control-sidebar-dark">
        <!-- Control sidebar content goes here -->
    </aside> --}}
    <!-- /.control-sidebar -->
@endsection