@php
    $lang = Auth::user()->lang;
    $usr = Auth::user();
    $project = $usr->projects()
        ->orderBy('project_name', 'ASC')
        ->get()
        ->pluck('project_name', 'id');
    if (Session::has('project_selected_id')) {
        $session = Session::get('project_selected_id');
    } else {
        $session = 0;
    }
@endphp
<style>
    .navbar-expand-lg {
        top: 4.8em !important;
    }

    a.nav-link.active {
        background: #206bc4 !important;
        color: #fff !important;
    }

    a.nav-link.actives {
        background: #206bc4 !important;
        color: #fff !important;
    }

    .navbar-expand-lg {
        top: 4.8em !important;
    }

    .navbar-vertical.navbar-expand-lg .navbar-collapse .dropdown-menu .dropdown-item.active,
    .navbar-vertical.navbar-expand-lg .navbar-collapse .dropdown-menu .dropdown-item:active {
        background: var(--tblr-navbar-active-bg) !important;
        color: black !important;
    }

    :root {
        --theadColor: #206bc4;
    }

    .chosen-container.chosen-container-single.chosen-with-drop.chosen-container-active {
        width: 189px !important;
    }
</style>
<div class=>
    <header class="navbar navbar-expand-md  d-print-none border-bottom" data-bs-theme="light">
        <div class="container-fluid">
            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#sidebar-menu"
                aria-controls="sidebar-menu" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse" id="sidebar-menu">
                <ul class="navbar-nav pt-lg-3">

                    <!--Dashboard Menu Starts-->
                    @can('manage categories')
                        <li>
                            <a href="{{ route('categories.index') }}"
                                class="{{ Request::route()->getName() == 'categories.index' ? 'nav-link active' : 'nav-link' }}">

                                <span class=" d-md-none d-lg-inline-block">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                        viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
                                        stroke-linecap="round" stroke-linejoin="round"
                                        class="icon icon-tabler icons-tabler-outline icon-tabler-category">
                                        <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
                                        <path d="M4 4h6v6h-6z"></path>
                                        <path d="M14 4h6v6h-6z"></path>
                                        <path d="M4 14h6v6h-6z"></path>
                                        <path d="M17 17m-3 0a3 3 0 1 0 6 0a3 3 0 1 0 -6 0"></path>
                                    </svg>
                                </span>
                                <span class="nav-link-title"> {{ __('Category') }}</span>
                            </a>
                        </li>
                    @endcan
                    
                   
                    @can('manage division')
                        <li>
                            <a href="{{ route('division.index') }}"
                                class="{{ Request::route()->getName() == 'division.index' ? 'nav-link active' : 'nav-link' }}">
                                <span class=" d-md-none d-lg-inline-block">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                        viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
                                        stroke-linecap="round" stroke-linejoin="round"
                                        class="icon icon-tabler icons-tabler-outline icon-tabler-air-conditioning">
                                        <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
                                        <path d="M8 16a3 3 0 0 1 -3 3"></path>
                                        <path d="M16 16a3 3 0 0 0 3 3"></path>
                                        <path d="M12 16v4"></path>
                                        <path
                                            d="M3 5m0 2a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v4a2 2 0 0 1 -2 2h-14a2 2 0 0 1 -2 -2z">
                                        </path>
                                        <path d="M7 13v-3a1 1 0 0 1 1 -1h8a1 1 0 0 1 1 1v3"></path>
                                    </svg>
                                </span>
                                <span class="nav-link-title"> {{ __('Division') }}</span>
                            </a>
                        </li>
                    @endcan
                    <!--Dashboard Menu Ends-->
                    @if(Session::has('project_selected_id'))
                    @can('manage material')
                        <li>
                            <a href="{{ route('material.index') }}"
                                class="{{ Request::route()->getName() == 'material.index' ? 'nav-link active' : 'nav-link' }}">
                                <span class=" d-md-none d-lg-inline-block">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                        viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
                                        stroke-linecap="round" stroke-linejoin="round"
                                        class="icon icon-tabler icons-tabler-outline icon-tabler-building-factory-2">
                                        <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
                                        <path d="M3 21h18"></path>
                                        <path d="M5 21v-12l5 4v-4l5 4h4"></path>
                                        <path
                                            d="M19 21v-8l-1.436 -9.574a.5 .5 0 0 0 -.495 -.426h-1.145a.5 .5 0 0 0 -.494 .418l-1.43 8.582">
                                        </path>
                                        <path d="M9 17h1"></path>
                                        <path d="M14 17h1"></path>
                                    </svg>
                                </span>
                                <span class="nav-link-title"> {{ __('Material Management') }}</span>
                            </a>
                        </li>
                    @endcan

                    @can('manage labour')
                        <li>
                            <a href="{{ route('labour.index') }}"
                                class="{{ Request::route()->getName() == 'labour.index' ? 'nav-link active' : 'nav-link' }}">
                                <span class=" d-md-none d-lg-inline-block">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                        viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
                                        stroke-linecap="round" stroke-linejoin="round"
                                        class="icon icon-tabler icons-tabler-outline icon-tabler-table-share">
                                        <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
                                        <path d="M12 21h-7a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h14a2 2 0 0 1 2 2v8"></path>
                                        <path d="M3 10h18"></path>
                                        <path d="M10 3v18"></path>
                                        <path d="M16 22l5 -5"></path>
                                        <path d="M21 21.5v-4.5h-4.5"></path>
                                    </svg>
                                </span>
                                <span class="nav-link-title"> {{ __('Labour Management') }}</span>
                            </a>
                        </li>
                    @endcan

                    @can('manage equipment')
                        <li>
                            <a href="{{ route('equipment.index') }}"
                                class="{{ Request::route()->getName() == 'equipment.index' ? 'nav-link active' : 'nav-link' }}">
                                <span class=" d-md-none d-lg-inline-block">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                        viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
                                        stroke-linecap="round" stroke-linejoin="round"
                                        class="icon icon-tabler icons-tabler-outline icon-tabler-augmented-reality-2">
                                        <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
                                        <path d="M10 21h-2a2 2 0 0 1 -2 -2v-14a2 2 0 0 1 2 -2h8a2 2 0 0 1 2 2v3.5"></path>
                                        <path d="M17 17l-4 -2.5l4 -2.5l4 2.5v4.5l-4 2.5z"></path>
                                        <path d="M13 14.5v4.5l4 2.5"></path>
                                        <path d="M17 17l4 -2.5"></path>
                                        <path d="M11 4h2"></path>
                                    </svg>
                                </span>
                                <span class="nav-link-title"> {{ __('Equipment Management') }}</span>
                            </a>
                        </li>
                    @endcan

                    @can('manage overheads')
                        <li>
                            <a href="{{ route('overheads.index') }}"
                                class="{{ Request::route()->getName() == 'overheads.index' ? 'nav-link active' : 'nav-link' }}">
                                <span class=" d-md-none d-lg-inline-block">
                                    <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24"
                                        viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
                                        stroke-linecap="round" stroke-linejoin="round"
                                        class="icon icon-tabler icons-tabler-outline icon-tabler-building-bridge">
                                        <path stroke="none" d="M0 0h24v24H0z" fill="none"></path>
                                        <path d="M6 5l0 14"></path>
                                        <path d="M18 5l0 14"></path>
                                        <path d="M2 15l20 0"></path>
                                        <path d="M3 8a7.5 7.5 0 0 0 3 -2a6.5 6.5 0 0 0 12 0a7.5 7.5 0 0 0 3 2"></path>
                                        <path d="M12 10l0 5"></path>
                                    </svg>
                                </span>
                                <span class="nav-link-title"> {{ __('Overheads Management') }}</span>
                            </a>
                        </li>
                    @endcan
                    @endif

                    <div class="col-auto float-right ms-2 mt-1">
                        <select class="form-control chosen-select" name="client_select" id="client_select"
                            style="width:189px;" onchange="change_user();">
                            <option value="" selected disabled>Select Project</option> 
                            @foreach ($project as $key => $project_name)
                                <option value="{{ $key }}"
                                    {{ isset($session) && Session::get('project_selected_id') == $key ? 'selected' : '' }}>
                                    {{ $project_name }}</option>
                            @endforeach
                        </select>
                    </div>


                    <!--Payrolls setup Ends-->

                    <!--Manage Leave Starts-->

                    <!--Resource Settings ends-->

                </ul>
            </div>
        </div>
    </header>
    <!-- Page Content  -->
    <div class="page-wrapper">
        <div class="container-fluild p-5">
            @isset($hrm_header)
                <h2 class="mb-4">{{ __($hrm_header) }}</h2>
            @endisset

            <script>
                $(document).ready(function() {
                    $(".chosen-select").chosen();
                });

                var tempcsrf = '{!! csrf_token() !!}';

                function change_user() {

                    var check_add_user = $("#client_select").val();

                    if (check_add_user != '') {
                        $.ajax({
                            type: "POST",
                            url: "{{ route('change_project') }}",
                            data: {
                                _token: tempcsrf,
                                project_id: check_add_user,
                            },
                            success: function(res) {

                                location.reload();

                            }
                        });
                    } else {
                        return false;
                    }
                }
            </script>