@if($configData["mainLayoutType"] === 'horizontal' && isset($configData["mainLayoutType"]))
<nav class="header-navbar navbar-expand-lg navbar align-items-center navbar-shadow navbar-brand-center {{($configData['theme'] === 'dark') ? 'navbar-dark' : 'navbar-light' }}" data-nav="brand-center" style="position: fixed; width: 100%;">
  <div class="navbar-header d-xl-block d-none">
    <ul class="nav navbar-nav">
      <li class="nav-item">
        <a class="navbar-brand" href="{{url('/')}}">
          <span class="brand-logo">
            <img src="{{ asset('images/logo/symbol.png') }}" alt="Logo PacsMed" width="35" height="24">
          </span>
          <h2 class="brand-text text-primary">PacsMed</h2>
        </a>
      </li>
    </ul>
  </div>
  @else
  <nav class="header-navbar navbar navbar-expand-lg align-items-center {{ $configData['navbarClass'] }} navbar-light navbar-shadow {{ $configData['navbarColor'] }}">
    @endif
    <div class="navbar-container d-flex content">
      <div class="bookmark-wrapper d-flex align-items-center">
        <ul class="nav navbar-nav d-xl-none">
          <li class="nav-item"><a class="nav-link menu-toggle" href="javascript:void(0);"><i class="ficon" data-feather="menu"></i></a></li>
        </ul>
        <ul class="nav navbar-nav">
          <li class="nav-item d-lg-block">
            <a class="nav-link nav-link-style" id="switch_color_theme" data-toggle="tooltip" data-original-title="Alterar cor do tema" data-placement="right" data-delay="500">
              <i class="ficon" data-feather="{{($configData['theme'] === 'dark') ? 'sun' : 'moon' }}"></i>
            </a>
          </li>
        </ul>
      </div>
      <ul class="nav navbar-nav align-items-center ml-auto">
        <li class="nav-item dropdown dropdown-user">
          <a class="nav-link dropdown-toggle dropdown-user-link" id="dropdown-user" href="javascript:void(0);" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
            <div class="user-nav d-sm-flex">
              <span class="user-name font-weight-bolder">{{ Auth::check() ? Auth::user()->name : 'Usuário'}}</span>
              <span class="user-status">{{ Auth::check() ? Auth::user()->roles[0]->name : 'usuário'}}</span>
            </div>
          </a>
          <div class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdown-user">
            <a class="dropdown-item" href="{{ route('profile.index') }}">
              <i class="mr-50" data-feather="user"></i> Minha conta
            </a>
            <div class="dropdown-divider"></div>
            <a class="dropdown-item" href="{{ route('profile.manual') }}">
              <i class="mr-50" data-feather="book"></i> Manual
            </a>
            <a class="dropdown-item" type="button" href="#" data-toggle="modal" data-target="#contacts">
              <i class="mr-50" data-feather="mail"></i> Fale Conosco
            </a>
            @if (Auth::check() && Auth::user()->isSuperAdministrator())
              <a class="dropdown-item" href="{{ route('log-viewer.index') }}">
                <i class="mr-50" data-feather="archive"></i> Logs
              </a>
            @endif
            <a class="dropdown-item" href="{{ route('logout') }}">
              <i class="mr-50" data-feather="power"></i> Logout
            </a>
          </div>
        </li>
      </ul>
    </div>
  </nav>
  <!-- END: Header-->
</nav>

{{-- Modal Contacts --}}
<div class="modal fade text-left modal-primary" id="contacts" tabindex="-1" role="dialog"
     aria-labelledby="myModalLabel33" aria-hidden="true">
  <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <h4 class="modal-title" id="myModalLabel33">Fale Conosco </h4>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
        <div class="modal-body">
          <div class="row">
            <div class="col-12">
              <div class="card">
                <div class="card-header">
                  <h4 class="card-title">Nossos Contatos</h4>
                </div>
                <div class="card-body">
                  <div class="row">
                    <div class="col-md-12">
                      <div class="mb-2 pb-50">
                        <h5>E-mail <strong>Comercial</strong></h5>
                        <span><a href="mailto:comercial@pacsmed.com.br">comercial@pacsmed.com.br</a></span>
                      </div>
                      <div class="mb-2 pb-50">
                        <h5>E-mail <strong>Suporte</strong></h5>
                        <span><a href="mailto:suporte@pacsmed.com.br">suporte@pacsmed.com.br</a></span>
                      </div>
                      <div class="mb-2 pb-50">
                        <h5>E-mail <strong>Financeiro</strong></h5>
                        <span><a href="mailto:financeiro@pacsmed.com.br">financeiro@pacsmed.com.br</a></span>
                      </div>
                      <div class="mb-2 pb-50">
                        <h5>Telefone Comercial</h5>
                        <span><a href="tel:8540427299">(85) 4042-7299</a></span>
                      </div>
                      <div class="mb-2 mb-md-1">
                        <h5>Suporte 24hs</h5>
                        <span><a href="https://web.whatsapp.com/send?phone=558540427299&text=" target="_blank" class="badge badge-light-success ms-50">WhatsApp</a></span>
                        ou <span><a href="tel:08540427299">(85) 4042-7299</a></span>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="modal-footer">
          <button class="btn btn-secondary" data-dismiss="modal">Fechar</button>
        </div>
    </div>
  </div>
</div>