<header class="navbar site-header pt-2 pb-2 p-sm-0">

	<div class="container">

    <a class="site-title" href="{{ site.baseurl }}/" style="color: #333;">
        {% asset logo.png @magick:double width='30' class='d-block d-sm-none' %}
        {% asset logo_extended_dark.png @magick:double height='30' class='d-none d-sm-block' %}
    </a>

    <form class="form-inline">
        <div class="input-group search-input-group">
            <div class="input-group-prepend">
                <button type="button" class="btn btn-outline-danger dropdown-toggle" data-toggle="dropdown"><i class="fas fa-music"></i></button>
                <div class="dropdown-menu dropdown-menu-right">
                    <div class="dropdown-item">
                        <audio controls preload="auto" id="radio-player" style="min-width: 275px;">
                            <source src="https://radio.unitoo.it/radio/8000/radio.mp3">
                        </audio>

                        <div class="form-check">
                            <input class="form-check-input" type="checkbox" value="true" id="radio-autoplay-button">
                            <label class="form-check-label" for="radio-autoplay-button">
                                Riproduci automaticamente
                            </label>
                        </div>
                    </div>
                </div>
            </div>
            <input type="text" id="search-input" class="form-control" placeholder="Cerca..." aria-label="Cerca..." aria-describedby="button-search">
            <div class="input-group-append">
                <div id="results-container" class="dropdown-menu d-block p-0 border-0"></div>
            </div>
            <div class="input-group-append">
                <button class="btn btn-outline-secondary dropdown-toggle" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
                    <i class="fas fa-bars"></i>
                </button>
                <div class="dropdown-menu dropdown-menu-right">
                    <h6 class="dropdown-header">Azienda</h6>
                    <a class="dropdown-item" href="{% link _pages/mission.html %}">La mission</a>
                    <a class="dropdown-item" href="{% link _pages/vision.html %}">La vision</a>
                    <a class="dropdown-item" href="{% link _pages/contacts.html %}">Contatti</a>
                    <h6 class="dropdown-header">Servizi</h6>
                    <a class="dropdown-item" href="{% link _pages/services-training.html %}">La formazione</a>
                    <a class="dropdown-item" href="{% link _pages/services-technical_advice.html %}">Consulenza tecnica</a>
                    <a class="dropdown-item" href="{% link _pages/services-software.html %}">Sviluppo software</a>
                    <a class="dropdown-item" href="{% link _pages/services-hardening.html %}">Sicurezza informatica</a>
                    <h6 class="dropdown-header">Progetti</h6>
                    <a class="dropdown-item" href="{% link _pages/software.html %}">Il software</a>
                    <a class="dropdown-item" href="{% link _pages/communication.html %}">La comunicazione</a>
                    <a class="dropdown-item" href="{% link _pages/radio.html %}">La nostra radio</a>
                    <a class="dropdown-item" target="_blank" rel="nofollow" href="https://blog.unitoo.it">Il Blog</a>
                </div>
            </div>
        </div>
    </form>

	</div>

</header>
