@php
    $login_user = auth()->user();
    $user = $login_user;
@endphp

<!-- main-header opened -->
<div class="main-header nav nav-item hor-header">
    <div class="container">
        <div class="main-header-left ">
            <a class="animated-arrow hor-toggle horizontal-navtoggle"><span></span></a><!-- sidebar-toggle-->
            @if ($login_user->roles[0]->name == 'Admin')
                <a class="header-brand" href="{{ route('dashboard') }}">
                    <img src="{{ asset('assets/img/brand/campaign.png') }}" class="desktop-logo">
                </a>
            @elseif($login_user->roles[0]->name == 'Client')
                <a class="header-brand" href="{{ route('client-dashboard') }}">
                    <img src="{{ asset('assets/img/brand/campaign.png') }}" class="desktop-logo">
                </a>
            @elseif($login_user->roles[0]->name == 'User')
                <a class="header-brand" href="{{ route('mytask') }}">
                    <img src="{{ asset('assets/img/brand/campaign.png') }}" class="desktop-logo">
                </a>
            @endif


            {{--            <div class="main-header-center  ms-4"> --}}
            {{--                <input class="form-control" placeholder="Search for anything..." type="search"><button class="btn"><i --}}
            {{--                        class="fe fe-search"></i></button> --}}
            {{--            </div> --}}
        </div><!-- search -->
        <div class="main-header-right">
            <ul class="nav nav-item  navbar-nav-right ms-auto">

                <li class="nav-link" id="bs-example-navbar-collapse-1">
                    <form class="navbar-form" role="search">
                        <div class="input-group">
                            <input type="text" class="form-control" placeholder="Search">
                            <span class="input-group-btn">
                                <button type="reset" class="btn btn-default">
                                    <i class="fas fa-times"></i>
                                </button>
                                <button type="submit" class="btn btn-default nav-link resp-btn">
                                    <svg xmlns="http://www.w3.org/2000/svg" class="header-icon-svgs" viewBox="0 0 24 24"
                                        fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
                                        stroke-linejoin="round">
                                        <circle cx="11" cy="11" r="8"></circle>
                                        <line x1="21" y1="21" x2="16.65" y2="16.65"></line>
                                    </svg>
                                </button>
                            </span>
                        </div>
                    </form>
                </li>

                <li class="dropdown nav-item main-header-notification">
                    <a class="new nav-link" href="#">
                        <svg xmlns="http://www.w3.org/2000/svg" class="header-icon-svgs" viewBox="0 0 24 24"
                            fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
                            stroke-linejoin="round">
                            <path d="M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9"></path>
                            <path d="M13.73 21a2 2 0 0 1-3.46 0"></path>
                        </svg><span class=" pulse"></span></a>
                    <div class="dropdown-menu">
                        <div class="menu-header-content bg-primary text-start" id="notification">

                        </div>
                        <div class="main-notification-list Notification-scroll" data-simplebar id="notification_data"
                            style="overflow-y: scroll">

                        </div>

                    </div>
                </li>
                <li class="nav-item full-screen fullscreen-button">
                    <a class="new nav-link full-screen-link" href="#"><svg xmlns="http://www.w3.org/2000/svg"
                            class="header-icon-svgs" viewBox="0 0 24 24" fill="none" stroke="currentColor"
                            stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
                            <path
                                d="M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3">
                            </path>
                        </svg></a>
                </li>
                <li class="dropdown main-profile-menu nav nav-item nav-link">
                    @if ($user->images == null)
                        <a class="profile-user d-flex" href=""><img alt=""
                                src="{{ asset('assets/img/faces/6.jpg') }}"></a>
                    @else
                        <a class="profile-user d-flex" href=""><img alt=""
                                src="{{ asset('images/product/' . $user->images) }}"></a>
                    @endif
                    <div class="dropdown-menu">
                        <div class="main-header-profile bg-primary p-3">

                            <div class="d-flex wd-100p">
                                @if ($user->images == null)
                                    <div class="main-img-user"><img alt=""
                                            src="{{ asset('assets/img/faces/6.jpg') }}" class="">
                                    </div>
                                @else
                                    <div class="main-img-user"><img alt=""
                                            src="{{ asset('images/product/' . $user->images) }}" class="">
                                    </div>
                                @endif

                                <div class="ms-3 my-auto">
                                    <h6>{{ $login_user->first_name }} {{ $login_user->last_name }}</h6><span></span>
                                </div>
                            </div>
                        </div>
                        <a class="dropdown-item" href="{{ route('profile') }}"><i
                                class="bx bx-user-circle"></i>Profile</a>
                        <a class="dropdown-item" href="{{ route('edit-profile') }}"><i class="bx bx-user"></i> Edit
                            Profile</a>
                        <form method="post" action="{{ route('logout') }}">
                            @csrf
                            <button class="dropdown-item" type="submit"><i class="bx bx-log-out"></i> Sign
                                Out</button>
                        </form>
                    </div>
                </li>
            </ul>
        </div>
    </div>
</div>
<!-- /main-header -->

<!-- centerlogo-header opened -->
<div class="main-header nav nav-item hor-header top-header">
    <div class="container">
        <div class="main-header-left ">
            <a class="animated-arrow hor-toggle horizontal-navtoggle"><span></span></a><!-- sidebar-toggle-->
            <a class="header-brand" href="index.html">
                <img src="{{ asset('assets/img/brand/campaign.png') }}" class="desktop-logo">
                <img src="{{ asset('assets/img/brand/campaign.png') }}" class="desktop-logo-1">
            </a>
            {{--            <div class="main-header-center  ml-4"> --}}
            {{--                <input class="form-control" placeholder="Search for anything..." type="search"><button class="btn"><i --}}
            {{--                        class="fe fe-search"></i></button> --}}
            {{--            </div> --}}
        </div><!-- search -->
        <a class="header-brand header-brand2 d-none d-lg-block" href="index.html">
            <img src="{{ asset('assets/img/brand/campaign.png') }}" class="desktop-logo">
            <img src="{{ asset('assets/img/brand/campaign.png') }}" class="desktop-logo-1">
        </a>
        <div class="main-header-right">
            <ul class="nav nav-item  navbar-nav-right ml-auto">
                <li class="dropdown nav-item main-header-notification">
                    <a class="new nav-link" href="#">
                        <svg xmlns="http://www.w3.org/2000/svg" class="header-icon-svgs" viewBox="0 0 24 24"
                            fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
                            stroke-linejoin="round">
                            <path d="M18 8A6 6 0 0 0 6 8c0 7-3 9-3 9h18s-3-2-3-9"></path>
                            <path d="M13.73 21a2 2 0 0 1-3.46 0"></path>
                        </svg><span class=" pulse"></span></a>
                    <div class="dropdown-menu">
                        <div class="menu-header-content bg-primary text-left" id="notification">

                        </div>
                        <div class="main-notification-list Notification-scroll" data-simplebar id="notification_data"
                            style="overflow-y: scroll">
                        </div>
                    </div>
                </li>

                <li class="dropdown main-profile-menu nav nav-item nav-link">
                    <a class="profile-user d-flex" href=""><img alt=""
                            src="{{ asset('assets/img/faces/6.jpg') }}"></a>
                    <div class="dropdown-menu">
                        <div class="main-header-profile bg-primary p-3">
                            <div class="d-flex wd-100p">
                                <div class="main-img-user"><img alt=""
                                        src="{{ asset('assets/img/faces/6.jpg') }}" class=""></div>
                                <div class="ml-3 my-auto">
                                    <h6>{{ $login_user->first_name }} {{ $login_user->last_name }}</h6><span></span>
                                </div>
                            </div>
                        </div>
                        <a class="dropdown-item" href="{{ route('profile') }}"><i
                                class="bx bx-user-circle"></i>Profile</a>
                        <a class="dropdown-item" href="{{ route('edit-profile') }}"><i class="bx bx-user"></i> Edit
                            Profile</a>
                        <form method="post" action="{{ route('logout') }}">
                            @csrf
                            <button class="dropdown-item" type="submit"><i class="bx bx-log-out"></i> Sign
                                Out</button>
                        </form>
                    </div>
                </li>

            </ul>
        </div>
    </div>
</div>
<!-- /centerlogo-header closed -->

<!--Horizontal-main -->
<div class="sticky">
    <div class="horizontal-main hor-menu clearfix side-header">
        <div class="horizontal-mainwrapper container clearfix">
            <!--Nav-->
            <nav class="horizontalMenu clearfix">
                <ul class="horizontalMenu-list">
                    @if ($login_user->roles[0]->name == 'Admin')
                        <li aria-haspopup="true"><a href="{{ route('dashboard') }}" class=""><svg
                                    xmlns="http://www.w3.org/2000/svg" class="side-menu__icon" viewBox="0 0 24 24">
                                    <path d="M0 0h24v24H0V0z" fill="none" />
                                    <path d="M5 5h4v6H5zm10 8h4v6h-4zM5 17h4v2H5zM15 5h4v2h-4z" opacity=".3" />
                                    <path
                                        d="M3 13h8V3H3v10zm2-8h4v6H5V5zm8 16h8V11h-8v10zm2-8h4v6h-4v-6zM13 3v6h8V3h-8zm6 4h-4V5h4v2zM3 21h8v-6H3v6zm2-4h4v2H5v-2z" />
                                </svg>Dashboard</a>
                        </li>
                    @elseif($login_user->roles[0]->name == 'Client')
                        <li aria-haspopup="true"><a href="{{ route('client-dashboard') }}" class=""><svg
                                    xmlns="http://www.w3.org/2000/svg" class="side-menu__icon" viewBox="0 0 24 24">
                                    <path d="M0 0h24v24H0V0z" fill="none" />
                                    <path d="M5 5h4v6H5zm10 8h4v6h-4zM5 17h4v2H5zM15 5h4v2h-4z" opacity=".3" />
                                    <path
                                        d="M3 13h8V3H3v10zm2-8h4v6H5V5zm8 16h8V11h-8v10zm2-8h4v6h-4v-6zM13 3v6h8V3h-8zm6 4h-4V5h4v2zM3 21h8v-6H3v6zm2-4h4v2H5v-2z" />
                                </svg>Dashboard</a>
                        </li>
                    @endif

                    <!-- Client Area -->
                    @if ($login_user->roles[0]->name == 'Client')
                        <li aria-haspopup="true"><a href="{{ route('myteam') }}" class="slide-item"><i
                                    class="fa fa-user-cog"></i> My Team</a></li>


                        <li aria-haspopup="true"><a class="slide-item"><i class="fa fa-vote-yea"></i>Community</a>

                            <ul class="sub-menu">

                                <li aria-haspopup="true"><a href="{{ route('allrequest') }}" class="slide-item"><i
                                            class="fa fa-file"></i> Community Requests</a></li>
                                <li aria-haspopup="true"><a href="{{ route('followers') }}" class="slide-item"><i
                                            class="fa fa-users"></i>Followers</a></li>
                                <li aria-haspopup="true"><a href="{{ route('voter_list') }}" class="slide-item"><i
                                            class="fa fa-qrcode"></i> Voters</a></li>
                            </ul>

                        </li>




                        <li aria-haspopup="true"><a href="{{ route('qrcode') }}" class="slide-item"><i
                                    class="fa fa-qrcode"></i> QR Codes</a></li>
                        <li aria-haspopup="true"><a href="{{ route('transaction_detail') }}" class="slide-item"><i
                                    class="fa fa-donate"></i> Donations</a></li>
                        <li aria-haspopup="true"><a href="{{ route('map') }}" class="slide-item"><i
                                    class="fa fa-map"></i>
                                Maps</a></li>
                        <li aria-haspopup="true"><a href="{{ route('contactlist') }}" class="slide-item"><i
                                    class="fa fa-address-book"></i> Contact Us</a></li>
                        <li aria-haspopup="true"><a href="{{ route('Do_list') }}" class="slide-item"><i
                                    class="fa fa-qrcode"></i>To Do List</a></li>


                        <li aria-haspopup="true"><a class="slide-item"><i class="fa fa-vote-yea"></i>Polling
                                Software</a>

                            <ul class="sub-menu">

                                <li aria-haspopup="true"><a href="{{ route('poll') }}" class="slide-item">Polling
                                        list</a>
                                </li>
                                <li aria-haspopup="true"><a href="{{ route('poll_result') }}"
                                        class="slide-item">Polling
                                        Result</a></li>



                            </ul>

                        </li>

                        <li aria-haspopup="true"><a href="{{ route('themes') }}" class="slide-item"><i
                                    class="fa fa-qrcode"></i>Camapign Themes</a></li>
                    @endif
                    @if ($login_user->roles[0]->name == 'User')
                        <li aria-haspopup="true"><a href="{{ route('mytask') }}" class="slide-item"><i
                                    class="fa fa-user-cog"></i> My Task's</a></li>
                        <li aria-haspopup="true"><a href="{{ route('map') }}" class="slide-item"><i
                                    class="fa fa-map"></i>
                                Map</a></li>
                    @endif
                    @if ($login_user->roles[0]->name == 'Admin')
                        <li aria-haspopup="true"><a href="{{ route('userlist') }}" class="slide-item"><i
                                    class="fa fa-user-edit"></i> Clients List</a></li>
                        <li aria-haspopup="true"><a href="{{ route('memberlist') }}" class="slide-item"><i
                                    class="fa fa-user-edit"></i> Users List</a></li>

                        <li aria-haspopup="true"><a href="{{ route('allrequest') }}" class="slide-item"><i
                                    class="fa fa-file"></i> Community Requests</a></li>

                        <li aria-haspopup="true"><a href="{{ route('position') }}" class="slide-item"><i
                                    class="fa fa-file-contract"></i>Running Positions</a></li>

                        <li aria-haspopup="true"><a href="{{ route('qrcode') }}" class="slide-item"><i
                                    class="fa fa-qrcode"></i> QR Codes</a></li>


                        <li aria-haspopup="true"><a class="slide-item"><i class="fa fa-vote-yea"></i>Polling
                                Software</a>

                            <ul class="sub-menu">

                                <li aria-haspopup="true"><a href="{{ route('poll') }}" class="slide-item">Polling
                                        list</a>
                                </li>
                                <!-- <li aria-haspopup="true"><a href="{{ route('poll_result') }}" class="slide-item">Polling Result</a></li> -->

                            </ul>

                        </li>
                        <li aria-haspopup="true"><a href="{{ route('contactlist') }}" class="slide-item"><i
                                    class="fa fa-map"></i> Contact Us</a></li>


                        <ul class="sub-menu">



                            </li>
                            <!-- <li aria-haspopup="true"><a href="{{ route('packages') }}" class="slide-item">Packages</a></li> -->--}}
                        </ul>
                        </li>
                    @endif


                    </li>
                </ul>
            </nav>
            <!--Nav-->
        </div>
    </div>
</div>