<style>
    .requests {
        display: flex;
        margin: 5px 30px 5px 0px;
        padding: 0px 5px;
        cursor: pointer;
        height: -webkit-fill-available;
        align-items: center;
        font-weight: bold;
    }

    .requests:hover {
        background-color: rgb(64, 64, 64, 0.6);
        border-radius: 5px;
    }
</style>
<header class="main-header">
    <!-- Logo -->
    <link rel="shortcut icon" href="{{ url('/favicon.ico') }}">
    <a href="" class="logo content-logo-mini" style="background-color:#ffffff !important;display:flex;  justify-content:center;align-items:center;height: 140px;">
        <span class="logo-mini">
            <b class=" colorIniciales">{{ $identity->short_name }}</b>
        </span>
        <img class="logo-lg imgHome" src="{{ asset($identity->logo) }}" alt="">
    </a>

    <nav class="navbar navbar-static-top barraPrincipal">
        <a href="#" class="sidebar-toggle colorSidebarToggle" data-toggle="offcanvas" role="button">
            <span class="sr-only">{{ Lang::get('messages.screen_header_tag4')}}</span>
        </a>
        <div class="navbar-custom-menu header-sede">
            <p class="p-nombre-sede texNombreSedetBarraPrincipal">{{ $identity->platform_name }}</p>
            @if(Auth::user()->rol_id == 1 || Auth::user()->rol_id == 6)
            <select class="form-control selectHeader" name="selectHeader" id="selectHeader" required>

                @foreach($services as $service)
                @if(Auth::user()->userInfo->current_db == $service->name_database)
                <option value="{{$service->name_database}}" selected="selected">{{$service->name}}</option>
                @else
                <option value="{{$service->name_database}}">{{$service->name}}</option>
                @endif
                @endforeach
            </select>
            @endif
        </div>

        <div class="navbar-custom-menu">
            <ul class="nav navbar-nav nameUser">
                <div class="requests">
                    <p onclick="window.open('https://docs.google.com/forms/d/e/1FAIpQLSfbQJESTHuHdnrL-S50B79vsy8uVDHuGRv7nIhmwuHkIv1udw/viewform')">
                        <img src="{{asset('/img/requests.svg')}}" alt="">
                        Solicitudes
                    </p>
                </div>
                <div style="color:white;" id="menu-usuario">
                    <p>
                        <i class="fa fa-user" style="font-size: 1.5em;"></i> {{Auth::user()->first_name }} {{Auth::user()->last_name }} ({{Auth::user()->rol->name}})
                    </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" style="margin-right:5px;"></i>{{ Lang::get('messages.screen_header_tag1')}}
                        </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>