@php
    $previousLogin = session('previous_last_login_at');
    
@endphp

<aside class="sidebar">
    <button class="sidebar-open-btn">
        <span></span>
        <span></span>
        <span></span>
        <span></span>
        <span></span>
        <span></span>
    </button>
    {{-- Logo --}}
    <div class="sidebar-header">
        <div class="title">
            {{ __('hi') }}, {{ explode(' ', Auth::guard('coordinator')->user()->name)[0] }}
        </div>
        @if (!empty($previousLogin))
            <div class="sub-title">
                {{ __('last_login') }}
                {{ $previousLogin ? \Carbon\Carbon::parse($previousLogin)->format('d.m.y') : __('first_login') }}
            </div>
        @endif
    </div>

    {{-- Navigation --}}
    <nav class="sidebar-nav">
        <ul>
            <li>
                <a href="{{ route('admin.dashboard') }}"
                    class="sidebar-link {{ request()->routeIs('admin.dashboard') ? 'active' : '' }}">
                    <span class="icon">
                        <svg width="20" height="20" viewBox="0 0 20 20" fill="none"
                            xmlns="http://www.w3.org/2000/svg">
                            <path
                                d="M15 13.1974C16.2132 13.8069 17.2534 14.785 18.0127 16.008C18.163 16.2502 18.2382 16.3713 18.2642 16.539C18.317 16.8798 18.084 17.2988 17.7666 17.4336C17.6104 17.5 17.4347 17.5 17.0833 17.5M13.3333 9.6102C14.5681 8.99657 15.4167 7.72238 15.4167 6.25C15.4167 4.77762 14.5681 3.50343 13.3333 2.8898M11.6667 6.25C11.6667 8.32107 9.98772 10 7.91665 10C5.84558 10 4.16665 8.32107 4.16665 6.25C4.16665 4.17893 5.84558 2.5 7.91665 2.5C9.98772 2.5 11.6667 4.17893 11.6667 6.25ZM2.13268 15.782C3.46127 13.7871 5.5578 12.5 7.91665 12.5C10.2755 12.5 12.372 13.7871 13.7006 15.782C13.9917 16.219 14.1372 16.4375 14.1205 16.7166C14.1074 16.9339 13.9649 17.2 13.7913 17.3313C13.5683 17.5 13.2615 17.5 12.648 17.5H3.18528C2.5718 17.5 2.26505 17.5 2.04202 17.3313C1.86836 17.2 1.72589 16.9339 1.71285 16.7166C1.69609 16.4375 1.84162 16.219 2.13268 15.782Z"
                                stroke="#414651" stroke-width="1.66667" stroke-linecap="round"
                                stroke-linejoin="round" />
                        </svg>
                    </span>
                    <span>{{ __('list_of_participants') }}</span>
                </a>
            </li>

            <li>
                <a href="{{ route('coordinator.notes.index') }}"
                    class="sidebar-link {{ request()->routeIs('coordinator.notes.*') ? 'active' : '' }}">
                    <span class="icon">
                        <svg width="20" height="20" viewBox="0 0 20 20" fill="none"
                            xmlns="http://www.w3.org/2000/svg">
                            <path
                                d="M11.6666 1.89128V5.33339C11.6666 5.8001 11.6666 6.03346 11.7575 6.21172C11.8374 6.36852 11.9649 6.496 12.1217 6.5759C12.2999 6.66673 12.5333 6.66673 13 6.66673H16.4421M11.6666 14.1667H6.66665M13.3333 10.8333H6.66665M16.6666 8.32352V14.3333C16.6666 15.7335 16.6666 16.4335 16.3942 16.9683C16.1545 17.4387 15.772 17.8212 15.3016 18.0609C14.7668 18.3333 14.0668 18.3333 12.6666 18.3333H7.33331C5.93318 18.3333 5.23312 18.3333 4.69834 18.0609C4.22793 17.8212 3.84548 17.4387 3.6058 16.9683C3.33331 16.4335 3.33331 15.7335 3.33331 14.3333V5.66667C3.33331 4.26654 3.33331 3.56647 3.6058 3.03169C3.84548 2.56129 4.22793 2.17884 4.69834 1.93915C5.23312 1.66667 5.93318 1.66667 7.33331 1.66667H10.0098C10.6213 1.66667 10.927 1.66667 11.2147 1.73574C11.4698 1.79698 11.7137 1.898 11.9374 2.03507C12.1897 2.18967 12.4058 2.40586 12.8382 2.83824L15.4951 5.49509C15.9275 5.92747 16.1436 6.14366 16.2982 6.39596C16.4353 6.61964 16.5363 6.8635 16.5976 7.11859C16.6666 7.40631 16.6666 7.71205 16.6666 8.32352Z"
                                stroke="#414651" stroke-width="1.66667" stroke-linecap="round"
                                stroke-linejoin="round" />
                        </svg>
                    </span>
                    <span>{{ __('tasks') }}</span>
                </a>
            </li>
            <li>
                <a href="{{ route('coordinator.reports') }}"
                    class="sidebar-link {{ request()->routeIs('coordinator.reports') ? 'active' : '' }}">
                    <span class="icon">
                        <svg width="20" height="20" viewBox="0 0 20 20" fill="none"
                            xmlns="http://www.w3.org/2000/svg">
                            <g clip-path="url(#clip0_45_830)">
                                <path
                                    d="M17.6754 13.2417C17.1452 14.4954 16.316 15.6002 15.2603 16.4594C14.2045 17.3186 12.9543 17.9062 11.6191 18.1706C10.2838 18.4351 8.90404 18.3684 7.60048 17.9765C6.29691 17.5845 5.10921 16.8792 4.14121 15.9222C3.1732 14.9652 2.45437 13.7856 2.04755 12.4866C1.64074 11.1876 1.55832 9.80873 1.80752 8.47052C2.05672 7.13231 2.62994 5.87551 3.47706 4.81002C4.32419 3.74452 5.41942 2.90276 6.66702 2.35833M17.6994 6.81096C18.033 7.61635 18.2376 8.4678 18.307 9.33403C18.3242 9.54803 18.3328 9.65503 18.2903 9.75141C18.2548 9.83193 18.1845 9.90811 18.107 9.94993C18.0144 9.99999 17.8986 9.99999 17.667 9.99999H10.667C10.4337 9.99999 10.317 9.99999 10.2279 9.95458C10.1495 9.91463 10.0857 9.85089 10.0458 9.77249C10.0004 9.68336 10.0004 9.56668 10.0004 9.33332V2.33333C10.0004 2.10177 10.0004 1.98599 10.0504 1.89331C10.0922 1.81589 10.1684 1.74557 10.2489 1.71007C10.3453 1.66758 10.4523 1.67615 10.6663 1.69331C11.5326 1.76276 12.384 1.96739 13.1894 2.301C14.2004 2.71978 15.1191 3.33361 15.8929 4.10744C16.6667 4.88126 17.2806 5.79992 17.6994 6.81096Z"
                                    stroke="#414651" stroke-width="1.66667" stroke-linecap="round"
                                    stroke-linejoin="round" />
                            </g>
                            <defs>
                                <clipPath id="clip0_45_830">
                                    <rect width="20" height="20" fill="white" />
                                </clipPath>
                            </defs>
                        </svg>
                    </span>
                    <span>{{ __('reports') }}</span>
                </a>
            </li>
            <li>
                <a href="{{ route('logout') }}"
                    onclick="event.preventDefault(); document.getElementById('logout-form').submit();"
                    class="sidebar-link">
                    <span class="icon">
                        <svg width="20" height="20" viewBox="0 0 20 20" fill="none"
                            xmlns="http://www.w3.org/2000/svg">
                            <path
                                d="M15 6.66667L18.3334 10M18.3334 10L15 13.3333M18.3334 10H7.50002M12.5 3.50337C11.4377 2.86523 10.2044 2.5 8.88891 2.5C4.90019 2.5 1.66669 5.85786 1.66669 10C1.66669 14.1421 4.90019 17.5 8.88891 17.5C10.2044 17.5 11.4377 17.1348 12.5 16.4966"
                                stroke="#414651" stroke-width="1.66667" stroke-linecap="round"
                                stroke-linejoin="round" />
                        </svg>

                    </span>
                    <span>{{ __('logout') }}</span>
                </a>
            </li>
        </ul>

        <form id="logout-form" action="{{ route('logout') }}" method="POST">
            @csrf
        </form>

        <!--
        <div class="language-switcher">
            <a href="{{ route('lang.switch', 'en') }}">EN</a> |
            <a href="{{ route('lang.switch', 'he') }}">עברית</a>
        </div> -->

    </nav>
    <div class="sidebar-footer">
        @php
            $coordinator = Auth::guard('coordinator')->user();
            $employmentCenter = $coordinator->employmentCenter ?? null;
        @endphp

        @if($employmentCenter && $employmentCenter->logo_url)
            <img class="logo" src="{{ asset($employmentCenter->logo_url) }}" alt="{{ $employmentCenter->name }} Logo">
        @endif

        <a href="/">
            <img class="brand-logo" src="{{ asset('images/logo.png') }}" alt="JEC Logo">
        </a>
    </div>
</aside>