{{-- <nav class="navbar navbar-expand navbar-light topbar mb-4 static-top">
  <!-- Sidebar Toggle (Topbar) -->
  <button id="sidebarToggleTop" class="btn btn-link d-md-none rounded-circle mr-3">
    <i class="fa fa-bars"></i>
  </button>
  <div class="search-input">
    <div class="form-group has-search">
      <span class="fa fa-search form-control-feedback"></span>
      <input type="text" class="form-control" placeholder="Search" />
    </div>
  </div>
  <!-- Topbar Navbar -->
  <ul class="navbar-nav ml-auto medical-dropdown">
    <li class="nav-item dropdown no-arrow mx-1">
      <a class="nav-link dropdown-toggle announce" href="#" id="alertsDropdown" role="button"
        data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
        <i class="far fa-bell"></i>
        <!-- Counter - Alerts -->
        <span class="badge badge-danger badge-announce badge-counter">12</span>
      </a>
      <!-- Dropdown - Alerts -->
      <div class="dropdown-list dropdown-menu dropdown-menu-right shadow animated--grow-in"
        aria-labelledby="alertsDropdown">
        <div class="social-feeds">
          <button>Updates</button>

          <div class="social-tabs">
            <ul class="nav nav-pills" role="tablist">
              <li class="nav-item">
                <a class="nav-link active" data-toggle="pill" href="#friends">Friends</a>
              </li>
              <li class="nav-item">
                <a class="nav-link" data-toggle="pill" href="#teams">Teams</a>
              </li>
            </ul>

            <!-- Tab panes -->
            <div class="tab-content">
              <div id="friends" class="container tab-pane active">
                <div class="feeds">
                  @if ($errors->any())
                  <div class="alert alert-danger">
                      <ul>
                          @foreach ($errors->all() as $error)
                              <li>{{ $error }}</li>
@endforeach
</ul>
</div>
@endif
<form method="POST" action="{{route('invites')}}">
    @csrf
    <input type="email" name='invitation_email' placeholder="Email adress...." />
    <button type="submit">Invite<i class="fas fa-paper-plane"></i></button>
</form>
<img src="images/addfriends.png" />
<h4>Friends</h4>
<h6>No friends found</h6>
<p>Add some friends to start chatting with them here.</p>
</div>
</div>
<div id="teams" class="container tab-pane fade">
    <div class="feeds">
        <form action="" method="POST">
            <input type="email" placeholder="Email address...." />
            <button>Invite<i class="fas fa-paper-plane"></i></button>
        </form>
        <img src="images/addfriends.png" />
        <h4>Friends</h4>
        <h6>No friends found</h6>
        <p>Add some friends to start chatting with them here.</p>
    </div>
</div>
</div>
</div>
</div>
</div>
</li>
@php
$username_loggedin= Auth::user();
$user_image =App\Models\InstanceUser::where('id', $username_loggedin->id)->pluck('avatar')->first();
// dd($user_image);
@endphp --}}
{{-- <!-- Nav Item - User Information -->./images/user-img.png --}}
{{-- <li class="nav-item no-arrow profile-image">
      <a class="nav-link dropdown-toggle" href="#" id="userDropdown" role="button" data-toggle="dropdown"
        aria-haspopup="true" aria-expanded="false"> <img class="img-profile" id="" src="{{$user_image}}"
style="border-radius: 24px;
}"/><span class="user-name">{{$username_loggedin->name}}</span> </a>
<!-- Dropdown - User Information -->
<div class="dropdown-menu dropdown-menu-right shadow animated--grow-in" aria-labelledby="userDropdown">
    <a class="dropdown-item" href="{{route('profile.show')}}">
        <i class="fa fa-user fa-sm fa-fw mr-2 text-gray-400"></i>
        Profile
    </a>

    <div class="dropdown-divider"></div>
    <form method="POST" action="{{ route('logout') }}">
        @csrf

        <a class="dropdown-item" href="{{ route('logout') }}" data-toggle="modal" data-target="#logoutModal"
            onclick="event.preventDefault();this.closest('form').submit();">
            <i class="fas fa-sign-out-alt fa-sm fa-fw mr-2 text-gray-400"></i>
            {{ __('Logout') }}
        </a>
    </form>
</div>
</li>
</ul>
</nav> --}}


{{-- /////////////////////////////////////////////////////////////////////////////////////////////////////// --}}

<!-- Topbar -->
<nav class="navbar navbar-expand navbar-light topbar mb-4 static-top">
    <!-- Sidebar Toggle (Topbar) -->
    <button id="sidebarToggleTop" class="btn btn-link d-md-none rounded-circle mr-3">
        <i class="fa fa-bars"></i>
    </button>
    <div class="search-input">
        <div class="form-group has-search">
            <span class="fa fa-search form-control-feedback"></span>
            <input type="text" class="form-control" placeholder="Search" />
        </div>
    </div>
    <!-- Topbar Navbar -->
    <ul class="navbar-nav ml-auto medical-dropdown">
        @if(!session()->get('user_id'))
        <li class="nav-item dropdown no-arrow mx-1">
            <a class="nav-link dropdown-toggle announce" href="#" id="alertsDropdown" role="button"
                data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                <i class="far fa-bell"></i>
                <!-- Counter - Alerts -->
                <span class="badge badge-danger badge-announce badge-counter">12</span>
            </a>
            @endif

            <!-- Dropdown - Alerts -->
            <div class="dropdown-list dropdown-menu dropdown-menu-right shadow animated--grow-in"
                aria-labelledby="alertsDropdown">
                <div class="social-feeds">
                    <button>Updates</button>

                    <div class="social-tabs">
                        <ul class="nav nav-pills" role="tablist">
                            <li class="nav-item">
                                <a class="nav-link active" data-toggle="pill" href="#friends">Friends</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" data-toggle="pill" href="#teams">Teams</a>
                            </li>
                        </ul>

                        <!-- Tab panes -->
                        <div class="tab-content">
                            <div id="friends" class="container tab-pane active">
                                <div class="feeds">
                                    <form method="POST" action="{{route('invites')}}">
                                        @csrf
                                        <input type="email" name='mail' placeholder="Email address...." />
                                        <button type="submit">Invite<i class="fas fa-paper-plane"></i></button>
                                    </form>
                                    <h4>Friends</h4>
                                    <h6>No friends found</h6>
                                    <p>Add some friends to start chatting with them here.</p>
                                </div>
                            </div>
                            <div id="teams" class="container tab-pane fade">
                                <div class="feeds">
                                    <form action="" method="POST">
                                        <input type="email" placeholder="Email address...." />
                                        <button>Invite<i class="fas fa-paper-plane"></i></button>
                                    </form>
                                    <img src="images/addfriends.png" />
                                    <h4>Friends</h4>
                                    <h6>No friends found</h6>
                                    <p>Add some friends to start chatting with them here.</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </li>
        @php
        $username_loggedin  = Auth::user();
        $user_image         = App\Models\InstanceUser::where('id', $username_loggedin->id)->pluck('avatar')->first();
        // dd($user_image);
        @endphp
        {{-- <!-- Nav Item - User Information -->./images/user-img.png --}}
        <li class="nav-item no-arrow profile-image">
            <a class="nav-link dropdown-toggle" href="#" id="userDropdown" role="button" data-toggle="dropdown"
                aria-haspopup="true" aria-expanded="false"> <img class="img-profile" id="" src="{{$user_image}}" style="border-radius: 24px;
      }" /><span class="user-name">{{$username_loggedin->name}}</span> </a>
            <!-- Dropdown - User Information -->
            <div class="dropdown-menu dropdown-menu-right shadow animated--grow-in" aria-labelledby="userDropdown">

                <form method="POST" action="{{ route('instances') }}">
                    @csrf
                    <input type="hidden" name="id" value="{{Auth::user()->id}}">
                        <button class="dropdown-item" type="submit">
                          <i class="far fa-user fa-sm fa-fw mr-2 text-gray-400"></i>
                          Instance Users
                        </button>
                </form>

                <form method="POST" action="{{ route('logout') }}">
                    @csrf
                    <a class="dropdown-item" href="{{ route('logout') }}" data-toggle="modal" data-target="#logoutModal"
                        onclick="event.preventDefault();this.closest('form').submit();">
                        <i class="fas fa-sign-out-alt fa-sm fa-fw mr-2 text-gray-400"></i>
                        {{ __('Logout') }}
                    </a>
                </form>
            </div>
        </li>
    </ul>
</nav>
<!-- End of Topbar -->