@php
    if (Session::has('project_id')) {
        $project_id = Session::get('project_id');
    } else {
        $project_id = 0;
    }
    $project=\App\Models\Project::where('id',$project_id)
                                    ->first();
                
   
@endphp
<style>
    .dot {
        height: 25px;
        width: 25px;
        background-color: #007bff; /* Change to the desired color */
        border-radius: 50%;
        display: inline-block;
        vertical-align: middle; /* Added to align vertically */
        text-align: center; /* Added for text centering */
        line-height: 25px; /* Added for vertical alignment */
        color: white; /* Optional: Change text color inside the dot */
    }
    </style>
<div class="card sticky-top" style="top: 30px;">
    <div class="list-group list-group-flush" id="useradd-sidenav">
        @can('manage project holiday')
        <a href="{{ route('project-holiday.index', $project_id) }}"
           class="list-group-item list-group-item-action border-0 {{ Request::route()->getName() == 'project-holiday.index' ? 'active' : '' }}">
            <span class="dot">1</span> {{ __('Holidays') }}
            <div class="float-end"><i class="ti ti-chevron-right"></i></div>
        </a>
        @endcan

        <a href="{{ route('import_file_view') }}"
           class="list-group-item list-group-item-action border-0 {{ Request::route()->getName() == 'import_file_view' ? 'active' : '' }}">
            <span class="dot">2</span> {{ __('Workdone Import File') }}
            <div class="float-end"><i class="ti ti-chevron-right"></i></div>
        </a>

        <a href="{{ route('final_progress_view') }}"
           class="list-group-item list-group-item-action border-0 {{ Request::route()->getName() == 'final_progress_view' ? 'active' : '' }}">
            <span class="dot">3</span> & <span class="dot">4</span> {{ __('Overall Progress Update') }}
            <div class="float-end"><i class="ti ti-chevron-right"></i></div>
        </a>
    </div>
</div>
<div class="card sticky-top" style="top:30px">
    <div class="list-group list-group-flush" id="useradd-sidenav">
        @can('view project')
        <a href="{{ route('projects.view', $project_id) }}" class="list-group-item list-group-item-action border-0
        {{ Request::route()->getName() == 'projects.view' ? 'nav-link active' : 'nav-link' }}
        ">{{__('View Project')}}
          <div class="float-end"><i class="ti ti-chevron-right"></i></div>
        </a>
        @endcan
        {{-- @can('manage project holiday')
        <a href="{{ route('project-holiday.index', $project_id) }}"
         class="list-group-item list-group-item-action border-0
        {{ Request::route()->getName() == 'project-holiday.index' ? 'nav-link active' : 'nav-link' }}">
            {{__('Holidays')}}
            <div class="float-end"><i class="ti ti-chevron-right"></i></div>
        </a>
        @endcan --}}
        @can('delete project')
        {!! Form::open(['method' => 'DELETE',
                'route' => ['projects.destroy', $project_id]]) !!}
            <a href="#!" class="list-group-item list-group-item-action border-0 dropdown-item bs-pass-para-deleteproject">
                <span> {{ __('Delete') }}</span>
            </a>
            {!! Form::close() !!}
        @endcan
    </div>
</div>