<link rel="stylesheet" href="{{ asset('assets/frontend/css/app.css') }}">

<!-- Transferred navigation from navigation.blade.php with classes for collapsible sidebar -->
<li class="nav-item">
    <a class="nav-link py-1" href="{{ route('dashboard') }}">
        <div class="d-flex align-items-center">
            <div class="col-2">
                <i class="fas fa-home text-white"></i>
            </div>
            <h6 class="col-10 ps-2 m-0 textWhite sidebar-text small">Dashboard</h6>
        </div>
    </a>
</li>
@if(auth()->user()->role->name === 'Admin')
<li class="nav-item">
    <a class="nav-link py-1" href="{{ route('admin.users.index') }}">
        <div class="d-flex align-items-center">
            <div class="col-2">
                <i class="fas fa-users text-white"></i>
            </div>
            <h6 class="col-10 ps-2 m-0 textWhite sidebar-text small">User Management</h6>
        </div>
    </a>
</li>
<li class="nav-item">
    <a class="nav-link py-1" href="{{ route('admin.ActivitiesAttendedResponses') }}">
        <div class="d-flex align-items-center">
            <div class="col-2">
                <i class="fas fa-calendar-check text-white"></i>
            </div>
            <h6 class="col-10 ps-2 m-0 textWhite sidebar-text small">Activities Attended</h6>
        </div>
    </a>
</li>
<li class="nav-item">
    <a class="nav-link py-1" href="{{ route('admin.ActivitiesOrganisedResponses') }}">
        <div class="d-flex align-items-center">
            <div class="col-2">
                <i class="fas fa-calendar-alt text-white"></i>
            </div>
            <h6 class="col-10 ps-2 m-0 textWhite sidebar-text small">Activities Organised</h6>
        </div>
    </a>
</li>
<li class="nav-item">
    <a class="nav-link py-1" href="{{ route('admin.IvOrganisedResponses') }}">
        <div class="d-flex align-items-center">
            <div class="col-2">
                <i class="fas fa-industry text-white"></i>
            </div>
            <h6 class="col-10 ps-2 m-0 textWhite sidebar-text small">IV Organised</h6>
        </div>
    </a>
</li>
<li class="nav-item">
    <a class="nav-link py-1" href="{{ route('admin.PublicationsResponses') }}">
        <div class="d-flex align-items-center">
            <div class="col-2">
                <i class="fas fa-book text-white"></i>
            </div>
            <h6 class="col-10 ps-2 m-0 textWhite sidebar-text small">Publications</h6>
        </div>
    </a>
</li>
<li class="nav-item">
    <a class="nav-link py-1" href="{{ route('admin.BooksPublishedResponses') }}">
        <div class="d-flex align-items-center">
            <div class="col-2">
                <i class="fas fa-book-open text-white"></i>
            </div>
            <h6 class="col-10 ps-2 m-0 textWhite sidebar-text small">Books Published</h6>
        </div>
    </a>
</li>
<li class="nav-item">
    <a class="nav-link py-1" href="{{ route('admin.ExternalEngagementResponses') }}">
        <div class="d-flex align-items-center">
            <div class="col-2">
                <i class="fas fa-handshake text-white"></i>
            </div>
            <h6 class="col-10 ps-2 m-0 textWhite sidebar-text small">External Engagement</h6>
        </div>
    </a>
</li>
<li class="nav-item">
    <a class="nav-link py-1" href="{{ route('admin.OnlineCoursesResponses') }}">
        <div class="d-flex align-items-center">
            <div class="col-2">
                <i class="fas fa-laptop-code text-white"></i>
            </div>
            <h6 class="col-10 ps-2 m-0 textWhite sidebar-text small">Online Courses</h6>
        </div>
    </a>
</li>
<li class="nav-item">
    <a class="nav-link py-1" href="{{ route('admin.PatentsResponses') }}">
        <div class="d-flex align-items-center">
            <div class="col-2">
                <i class="fas fa-file-alt text-white"></i>
            </div>
            <h6 class="col-10 ps-2 m-0 textWhite sidebar-text small">Patents/Copyrights</h6>
        </div>
    </a>
</li>
<!-- Add other admin links here -->
@elseif(auth()->user()->role->name === 'Coordinator')
<li class="nav-item">
    <a class="nav-link py-1" href="{{ route('coordinator.ActivitiesAttendedResponses') }}">
        <div class="d-flex align-items-center">
            <div class="col-2">
                <i class="fas fa-calendar-check text-white"></i>
            </div>
            <h6 class="col-10 ps-2 m-0 textWhite sidebar-text small">Activities Attended</h6>
        </div>
    </a>
</li>
<li class="nav-item">
    <a class="nav-link py-1" href="{{ route('coordinator.ActivitiesOrganisedResponses') }}">
        <div class="d-flex align-items-center">
            <div class="col-2">
                <i class="fas fa-calendar-alt text-white"></i>
            </div>
            <h6 class="col-10 ps-2 m-0 textWhite sidebar-text small">Activities Organised</h6>
        </div>
    </a>
</li>
<li class="nav-item">
    <a class="nav-link py-1" href="{{ route('coordinator.IvOrganisedResponses') }}">
        <div class="d-flex align-items-center">
            <div class="col-2">
                <i class="fas fa-industry text-white"></i>
            </div>
            <h6 class="col-10 ps-2 m-0 textWhite sidebar-text small">IV Organised</h6>
        </div>
    </a>
</li>
<li class="nav-item">
    <a class="nav-link py-1" href="{{ route('coordinator.PublicationsResponses') }}">
        <div class="d-flex align-items-center">
            <div class="col-2">
                <i class="fas fa-book text-white"></i>
            </div>
            <h6 class="col-10 ps-2 m-0 textWhite sidebar-text small">Publications</h6>
        </div>
    </a>
</li>
<li class="nav-item">
    <a class="nav-link py-1" href="{{ route('coordinator.BooksPublishedResponses') }}">
        <div class="d-flex align-items-center">
            <div class="col-2">
                <i class="fas fa-book-open text-white"></i>
            </div>
            <h6 class="col-10 ps-2 m-0 textWhite sidebar-text small">Books Published</h6>
        </div>
    </a>
</li>
<li class="nav-item">
    <a class="nav-link py-1" href="{{ route('coordinator.ExternalEngagementResponses') }}">
        <div class="d-flex align-items-center">
            <div class="col-2">
                <i class="fas fa-handshake text-white"></i>
            </div>
            <h6 class="col-10 ps-2 m-0 textWhite sidebar-text small">External Engagement</h6>
        </div>
    </a>
</li>
<li class="nav-item">
    <a class="nav-link py-1" href="{{ route('coordinator.OnlineCoursesResponses') }}">
        <div class="d-flex align-items-center">
            <div class="col-2">
                <i class="fas fa-laptop-code text-white"></i>
            </div>
            <h6 class="col-10 ps-2 m-0 textWhite sidebar-text small">Online Courses</h6>
        </div>
    </a>
</li>
<li class="nav-item">
    <a class="nav-link py-1" href="{{ route('coordinator.PatentsResponses') }}">
        <div class="d-flex align-items-center">
            <div class="col-2">
                <i class="fas fa-file-alt text-white"></i>
            </div>
            <h6 class="col-10 ps-2 m-0 textWhite sidebar-text small">Patents/Copyrights</h6>
        </div>
    </a>
</li>
<!-- Add other coordinator links here -->
@elseif(auth()->user()->role->name === 'Faculty')
<li class="nav-item mt-1">
    <a class="nav-link py-1" data-bs-toggle="collapse" href="#activitiesAttendedCollapse" role="button" aria-expanded="false" aria-controls="activitiesAttendedCollapse">
        <div class="d-flex align-items-center">
            <div class="col-2">
                <i class="fas fa-calendar-check text-white"></i>
            </div>
            <h6 class="col-10 ps-2 m-0 textWhite sidebar-text small">Activities Attended</h6>
            <i class="fas fa-chevron-down ms-auto small textWhite dropdown-arrow"></i>
        </div>
    </a>
    <div class="collapse" id="activitiesAttendedCollapse">
        <div class="ps-4">
            <a class="nav-link py-1" href="{{ route('faculty.ActivitiesAttendedForm') }}">
                <div class="d-flex align-items-center">
                    <h6 class="m-0 textWhite sidebar-text small">Submit</h6>
                </div>
            </a>
            <a class="nav-link py-1" href="{{ route('faculty.ActivitiesAttendedResponses') }}">
                <div class="d-flex align-items-center">
                    <h6 class="m-0 textWhite sidebar-text small">View</h6>
                </div>
            </a>
        </div>
    </div>
</li>
<li class="nav-item mt-1">
    <a class="nav-link py-1" data-bs-toggle="collapse" href="#activitiesOrganisedCollapse" role="button" aria-expanded="false" aria-controls="activitiesOrganisedCollapse">
        <div class="d-flex align-items-center">
            <div class="col-2">
                <i class="fas fa-calendar-alt text-white"></i>
            </div>
            <h6 class="col-10 ps-2 m-0 textWhite sidebar-text small">Activities Organised</h6>
           <i class="fas fa-chevron-down ms-auto small textWhite dropdown-arrow"></i>
        </div>
    </a>
    <div class="collapse multi-collapse" id="activitiesOrganisedCollapse">
        <div class="ps-4">
            <a class="nav-link py-1" href="{{ route('faculty.ActivitiesOrganisedForm') }}">
                <div class="d-flex align-items-center">
                    <h6 class="m-0 textWhite sidebar-text small">Submit</h6>
                </div>
            </a>
            <a class="nav-link py-1" href="{{ route('faculty.ActivitiesOrganisedResponses') }}">
                <div class="d-flex align-items-center">
                    <h6 class="m-0 textWhite sidebar-text small">View</h6>
                </div>
            </a>
        </div>
    </div>
</li>
<li class="nav-item mt-1">
    <a class="nav-link py-1" data-bs-toggle="collapse" href="#ivOrganisedCollapse" role="button" aria-expanded="false" aria-controls="ivOrganisedCollapse">
        <div class="d-flex align-items-center">
            <div class="col-2">
                <i class="fas fa-industry text-white"></i>
            </div>
            <h6 class="col-10 ps-2 m-0 textWhite sidebar-text small">IV Organised</h6>
            <i class="fas fa-chevron-down ms-auto small textWhite dropdown-arrow"></i>
        </div>
    </a>
    <div class="collapse multi-collapse" id="ivOrganisedCollapse">
        <div class="ps-4">
            <a class="nav-link py-1" href="{{ route('faculty.IvOrganisedForm') }}">
                <div class="d-flex align-items-center">
                    <h6 class="m-0 textWhite sidebar-text small">Submit</h6>
                </div>
            </a>
            <a class="nav-link py-1" href="{{ route('faculty.IvOrganisedResponses') }}">
                <div class="d-flex align-items-center">
                    <h6 class="m-0 textWhite sidebar-text small">View</h6>
                </div>
            </a>
        </div>
    </div>
</li>
<li class="nav-item mt-1">
    <a class="nav-link py-1" data-bs-toggle="collapse" href="#publicationsCollapse" role="button" aria-expanded="false" aria-controls="publicationsCollapse">
        <div class="d-flex align-items-center">
            <div class="col-2">
                <i class="fas fa-book text-white"></i>
            </div>
            <h6 class="col-10 ps-2 m-0 textWhite sidebar-text small">Publications</h6>
            <i class="fas fa-chevron-down ms-auto small textWhite dropdown-arrow"></i>
        </div>
    </a>
    <div class="collapse multi-collapse" id="publicationsCollapse">
        <div class="ps-4">
            <a class="nav-link py-1" href="{{ route('faculty.PublicationsForm') }}">
                <div class="d-flex align-items-center">
                    <h6 class="m-0 textWhite sidebar-text small">Submit</h6>
                </div>
            </a>
            <a class="nav-link py-1" href="{{ route('faculty.PublicationsResponses') }}">
                <div class="d-flex align-items-center">
                    <h6 class="m-0 textWhite sidebar-text small">View</h6>
                </div>
            </a>
        </div>
    </div>
</li>
<li class="nav-item mt-1">
    <a class="nav-link py-1" data-bs-toggle="collapse" href="#booksPublishedCollapse" role="button" aria-expanded="false" aria-controls="booksPublishedCollapse">
        <div class="d-flex align-items-center">
            <div class="col-2">
                <i class="fas fa-book-open text-white"></i>
            </div>
            <h6 class="col-10 ps-2 m-0 textWhite sidebar-text small">Books Published</h6>
           <i class="fas fa-chevron-down ms-auto small textWhite dropdown-arrow"></i>
        </div>
    </a>
    <div class="collapse multi-collapse" id="booksPublishedCollapse">
        <div class="ps-4">
            <a class="nav-link py-1" href="{{ route('faculty.BooksPublishedForm') }}">
                <div class="d-flex align-items-center">
                    <h6 class="m-0 textWhite sidebar-text small">Submit</h6>
                </div>
            </a>
            <a class="nav-link py-1" href="{{ route('faculty.BooksPublishedResponses') }}">
                <div class="d-flex align-items-center">
                    <h6 class="m-0 textWhite sidebar-text small">View</h6>
                </div>
            </a>
        </div>
    </div>
</li>
<li class="nav-item mt-1">
    <a class="nav-link py-1" data-bs-toggle="collapse" href="#externalEngagementCollapse" role="button" aria-expanded="false" aria-controls="externalEngagementCollapse">
        <div class="d-flex align-items-center">
            <div class="col-2">
                <i class="fas fa-handshake text-white"></i>
            </div>
            <h6 class="col-10 ps-2 m-0 textWhite sidebar-text small">External Engagement</h6>
            <i class="fas fa-chevron-down ms-auto small textWhite dropdown-arrow"></i>
        </div>
    </a>
    <div class="collapse multi-collapse" id="externalEngagementCollapse">
        <div class="ps-4">
            <a class="nav-link py-1" href="{{ route('faculty.ExternalEngagementForm') }}">
                <div class="d-flex align-items-center">
                    <h6 class="m-0 textWhite sidebar-text small">Submit</h6>
                </div>
            </a>
            <a class="nav-link py-1" href="{{ route('faculty.ExternalEngagementResponses') }}">
                <div class="d-flex align-items-center">
                    <h6 class="m-0 textWhite sidebar-text small">View</h6>
                </div>
            </a>
        </div>
    </div>
</li>
<li class="nav-item mt-1">
    <a class="nav-link py-1" data-bs-toggle="collapse" href="#onlineCoursesCollapse" role="button" aria-expanded="false" aria-controls="onlineCoursesCollapse">
        <div class="d-flex align-items-center">
            <div class="col-2">
                <i class="fas fa-laptop-code text-white"></i>
            </div>
            <h6 class="col-10 ps-2 m-0 textWhite sidebar-text small">Online Courses</h6>
            <i class="fas fa-chevron-down ms-auto small textWhite dropdown-arrow"></i>
        </div>
    </a>
    <div class="collapse multi-collapse" id="onlineCoursesCollapse">
        <div class="ps-4">
            <a class="nav-link py-1" href="{{ route('faculty.OnlineCoursesForm') }}">
                <div class="d-flex align-items-center">
                    <h6 class="m-0 textWhite sidebar-text small">Submit</h6>
                </div>
            </a>
            <a class="nav-link py-1" href="{{ route('faculty.OnlineCoursesResponses') }}">
                <div class="d-flex align-items-center">
                    <h6 class="m-0 textWhite sidebar-text small">View</h6>
                </div>
            </a>
        </div>
    </div>
</li>
<li class="nav-item mt-1">
    <a class="nav-link py-1" data-bs-toggle="collapse" href="#patentsCollapse" role="button" aria-expanded="false" aria-controls="patentsCollapse">
        <div class="d-flex align-items-center">
            <div class="col-2">
                <i class="fas fa-file-alt text-white"></i>
            </div>
            <h6 class="col-10 ps-2 m-0 textWhite sidebar-text small">Patents/Copyrights</h6>
            <i class="fas fa-chevron-down ms-auto small textWhite dropdown-arrow"></i>
        </div>
    </a>
    <div class="collapse multi-collapse" id="patentsCollapse">
        <div class="ps-4">
            <a class="nav-link py-1" href="{{ route('faculty.PatentsForm') }}">
                <div class="d-flex align-items-center">
                    <h6 class="m-0 textWhite sidebar-text small">Submit</h6>
                </div>
            </a>
            <a class="nav-link py-1" href="{{ route('faculty.PatentsResponses') }}">
                <div class="d-flex align-items-center">
                    <h6 class="m-0 textWhite sidebar-text small">View</h6>
                </div>
            </a>
        </div>
    </div>
</li>
@endif
<li class="nav-item mt-auto mb-5">
    <form method="POST" action="{{ route('logout') }}" class="nav-link py-1">
        @csrf
        <button type="submit" class="btn btn-link p-0 w-100 text-start">
            <div class="d-flex align-items-center">
                <div class="col-2">
                    <img src="{{ asset('assets/frontend/images/signout.svg') }}" alt="signout-icon" class="img-fluid" style="max-height: 20px;">
                </div>
                <h6 class="col-10 ps-2 m-0 textWhite sidebar-text small underline">Sign Out</h6>
            </div>
        </button>
    </form>
</li>