<div class="content">
<form action="{{racine}}/search" method="post">
    <div class="search-container">
        <input type="search" placeholder="Recherche" id="filtre" name="search" value="{{ search }}"/>
        <button class="searchButton" type="submit"> <img src="images/search" alt='Search'> </button>
    </div>

    <div class="filtre">
        <div>
            <input type="radio" id="citation" name="type" value="citation" {% if type!='titre' or type!='personnage' %} checked {% endif %}/>
            <label for="citation">Citation</label>
        </div>
        
        <div>
            <input type="radio" id="titre" name="type" value="titre" {% if type=='titre' %} checked {% endif %} />
            <label for="titre">Titre</label>
        </div>

        <div>
            <input type="radio" id="personnage" name="type" value="personnage" {% if type=='personnage' %} checked {% endif %} />
            <label for="personnage">Personnage</label>
        </div>
    </div>

    <!--
    <p>Plus de filtre</p>

    <div>
        <label>Filter by:</label>

        <div>
            <input type="checkbox" id="film" name="film" value="film" />
            <label for="film">Film</label>
        </div>

        <div>
            <input type="checkbox" id="roman" name="roman" value="roman"/>
            <label for="roman">Roman</label>
        </div>
        <div>
            <input type="checkbox" id="jeux_vidéo" name="jeux_vidéo" value="jeux_vidéo"/>
            <label for="jeux_vidéo">Jeux Vidéo</label>
        </div>
    </div>
    -->

</form>
</div>