{% extends "home/base.html" %}
{% block content %}
<div id="player" class="player-wrapper"></div>
<div class="boxed-content {% if all_styles.home == "grid" %}boxed-{{ grid_items }}{% endif %}">
    <div class="title-bar">
        <h1>Search your Archive</h1>
    </div>
    <div class="multi-search-box">
        {{ search_form }}
        <p>Start typing or use <span class="settings-current">video:</span>, <span class="settings-current">channel:</span>, <span class="settings-current">playlist:</span> or <span class="settings-current">full:</span> keywords for advanced queries. <a href="https://github.com/tubearchivist/tubearchivist/wiki/Search" target="_blank">Learn more</a>.</p>
    </div>
    <div class="multi-search-result">
        <h2>Video Results</h2>
        <div id="video-results" class="video-list {{ all_styles.home }} {% if all_styles.home == "grid" %}grid-{{ grid_items }}{% endif %}">
            <p>No videos found.</p>
        </div>
    </div>
    <div class="multi-search-result">
        <h2>Channel Results</h2>
        <div id="channel-results" class="channel-list {{ all_styles.channel }}">
            <p>No channels found.</p>
        </div>
    </div>
    <div class="multi-search-result">
        <h2>Playlist Results</h2>
        <div id="playlist-results" class="playlist-list {{ all_styles.playlist }}">
            <p>No playlists found.</p>
        </div>
    </div>
    <div class="multi-search-result">
        <h2>Fulltext Results</h2>
        <div id="fulltext-results" class="video-list list">
            <p>No fulltext results found.</p>
        </div>
    </div>
</div>
{% endblock content %}