<div id="sidebar" class="sidebar lg:block">
    <div class="flex flex-row justify-between" style="width: 265px;">
        <img class="mt-6 ml-6 " src="/images/logo3.png" />
        <img onclick="toggleSidebarClose()" class="lg:hidden md:hidden w-7 h-7 text-gray-500 dark:text-gray-400 mb-3 mt-6 ml-2 mr-3" src="/icons/cross.png" />

    </div>
    <div class="sep2 mt-2"></div>
    <div class="flex flex-col justify-between " style="height: 90%; width: 265px;">
        <div class="frame-1686552328 mb-20 mt-12">
            @if($title=="Dashboard")
            <a href="/admin/" class="frame-1686552317">
                @else
                <a href="/admin/" class="frame-1686552318">
                    @endif
                    <div class="frame-1686552316">
                        <div class="layout-4-blocks">
                            <img class="group-1000006241" src="/icons/home.png" />
                        </div>
                        <div class="home">Home</div>
                    </div>
                </a>
                @if($title=="Users")
                <a href="/admin/users" class="frame-1686552317">
                    @else
                    <a href="/admin/users" class="frame-1686552318">
                        @endif
                        <div class="frame-1686552316">
                            <div class="icons-bright">
                                <div class="layout-4-blocks2">
                                    <div class="bound"></div>
                                    <img class="frame-1686552326" src="/icons/users.png" />
                                </div>
                            </div>
                            <div class="users">Users</div>
                        </div>
                    </a>
                    @if($title=="CLock-in")
                    <a href="/clock-in" class="frame-1686552317">
                        @else
                        <a href="/clock-in" class="frame-1686552319">
                            @endif
                            <div class="frame-1686552316">
                                <div class="icons-bright">
                                    <div class="layout-4-blocks2">
                                        <div class="bound"></div>
                                        <img class="group-157" src="/icons/clock.png" />
                                    </div>
                                </div>
                                <div class="clock-in">Clock In</div>
                            </div>
                        </a>
                        @if($title=="Imprest")
                        <a href="/admin/imprest" class="frame-1686552317">
                            @else
                            <a href="/admin/imprest" class="frame-1686552320">
                                @endif
                                <div class="frame-1686552316">
                                    <div class="icons-bright">
                                        <div class="layout-4-blocks3">
                                            <img class="group-1000006245" src="/icons/impress.png" />
                                        </div>
                                    </div>
                                    <div class="impress">Imprest</div>
                                </div>
                            </a>
                            <div class="frame-1686552321">
                                <div class="frame-1686552316">
                                    <div class="icons-bright">
                                        <div class="layout-4-blocks4">
                                            <img class="group-1000006244" src="/icons/department.png" />
                                        </div>
                                    </div>
                                    <div class="departments">Departments</div>
                                </div>
                            </div>
                            <div class="frame-1686552322">
                                <div class="frame-1686552316">
                                    <div class="icons-bright">
                                        <div class="icons-bright2">
                                            <div class="layout-4-blocks5">
                                                <img class="group-1000006246" src="/icons/vendors.png" />
                                            </div>
                                        </div>
                                    </div>
                                    <div class="vendors-account">Vendors Account</div>
                                </div>
                            </div>
                            <div class="frame-1686552323">
                                <div class="frame-1686552316">
                                    <div class="icons-bright">
                                        <div class="layout-4-blocks6">
                                            <img class="group-1000006243" src="/icons/training.png" />
                                        </div>
                                    </div>
                                    <div class="training-hr">Training HR</div>
                                </div>
                            </div>
                            <div class="frame-1686552324">
                                <div class="frame-1686552316">
                                    <div class="icons-bright">
                                        <div class="icons-bright2">
                                            <div class="layout-4-blocks3">
                                                <img class="group-1000006242" src="/icons/support.png" />
                                            </div>
                                        </div>
                                    </div>
                                    <div class="support">Support</div>
                                </div>
                            </div>
                            @if($title=="Settings")
                            <a href="/admin/settings" class="frame-1686552317">
                                @else
                                <a href="/admin/settings" class="frame-1686552320">
                                    @endif
                                    <div class="frame-1686552316">
                                        <div class="icons-bright">
                                            <div class="layout-4-blocks2">
                                                <div class="bound"></div>
                                                <img class="group-156" src="/icons/setting.png" />
                                            </div>
                                        </div>
                                        <div class="settings">Settings</div>
                                    </div>
                                </a>
        </div>
        <div class="flex w-full px-2">
            <form action="/update-image" method="post" enctype="multipart/form-data">
                @csrf
                <input id="profileUpdate" type="file" onchange="this.form.submit();" name="profileUpdate" class="hidden">
                <label for="profileUpdate">
                    <img class="_300-2-3" src="{{asset(Auth::user()->img)}}" />
                </label>
            </form>
            <div class="mx-2">
                <div class="online">online</div>
                <div class="hr-manager">HR Manager</div>
                <div class="paul-melone">{{Auth::user()->firstName}} {{Auth::user()->lastName}}</div>
            </div>
        </div>
    </div>
</div>