<header class="main-header">
  <!-- Logo -->
  <div class="logo"
    style="background-color:#ffffff !important; display:flex;justify-content:center; align-items:center;height: 140px;">
    <span class="logo-mini">
      <strong>TM</strong>
    </span>

    <img class="logo-lg imgHome" src="{{ config('identitycolor.icon') }}" alt="" width="100px" />
  </div>

  <nav class="navbar navbar-static-top app-bar-color-icon app-bar-color">
    <a href="#" class="sidebar-toggle" data-toggle="offcanvas" role="button">
      <span class="sr-only">Toggle navigation</span>
    </a>
    <div class="navbar-custom-menu header-sede">
      <p class="p-nombre-sede">
        {{ __('messages.hospital') }}: {{ Auth::user()->centro->name }} - {{ Auth::user()->centro->id }}
      </p>
    </div>

    <div class="navbar-custom-menu">
      <ul class="nav navbar-nav nameUser">
        <div id="menu-usuario">
          <p>
            <i class="fa fa-user" aria-hidden="true" style="margin-right: 3px;"></i>
            {{Auth::user()->name }} {{Auth::user()->last_name }}
          </p>
          <p></p>
        </div>

        <div class="menu-usuario" id="menuUsuario">
          <a href="{{ route('logout') }}"
            onclick="event.preventDefault();document.getElementById('logout-form').submit();">
            <p data-toggle="modal">
              <i class="fa fa-sign-out" aria-hidden="true"></i> {{ __("messages.layout.salir") }}
            </p>
          </a>
          <form id="logout-form" action="{{ route('logout') }}" method="POST" style="display: none;">
            {{ csrf_field() }}
          </form>
        </div>

        <li>
          <div class="cerrarSesion" id="btn-menu-usuario" data-toggle="dropdown dropdown-toggle" aria-expanded="false">
            <i class="fa fa-cogs"></i>
          </div>
        </li>
      </ul>
    </div>
  </nav>
</header>