{% load static %}
{% get_media_prefix as MEDIA_PREFIX %}

<!-- START SEARCH MODAL MENU -->
<div class="search" id="search">
    <form action="/ma-page-de-traitement" method="post" class="form-search">
        <div class="div-label-search">
            <label for="msg" class="label-search"><span href="pages/artiste.html" class="icone"
                                                        title="Visiter la page de l'artiste">
            <img src="{% static 'arnaud_mvc/img/menu/searchnoir.png' %}" alt="Image de la vignette" style="scale: 0.7;">
        </span>
                <h1>Recherche</h1></label>
            <input type="search"/>
            <input type="submit" value="Submit" class="btn-adherer" style="margin-top: 30px;"">
            <a href="#" class="btn-adherer" style="margin-top: 30px;">Go</a>
            <a href="#" class="btn-adherer" title="search" onClick="asideswipe.call(this);">Fermer</a>
        </div>
    </form>
</div>
<!-- END SEARCH MODAL MENU -->


<!-- START ADHESION MODAL MENU -->
<div class="search" id="adhesion_one">
    <form method="post" action="#" class="form-search">
        <div class="div-label-search">
            <label for="msg" class="label-search">
                <span href="pages/artiste.html" class="icone"
                      title="Visiter la page de l'artiste">
                    <img src="{% static 'arnaud_mvc/img/menu/searchnoir.png' %}"
                         alt="Image de la vignette"
                         style="scale: 0.7;">
                </span>
                <h1>Email</h1>
            </label>
            <input type="email" name="email" id="Email" required="True" value="{{ email }}"
                   style="text-transform: lowercase;"/>
            <input type="submit" value="Continuer" class="btn-adherer" style="margin-top: 30px;"">
            <a href="#" class="btn-adherer" title="adhesion_one" onClick="asideswipe.call(this);">Fermer</a>
        </div>
    </form>
</div>
<!-- END ADHESION MODAL MENU -->

<h2>Adhésion</h2>
<h2 class="major">{{ client_name }}</h2>
<form method="post" action="#">
    {% csrf_token %}
    <div class="fields">

        <div class="field">
            {% if email %}
                <label for="email">Vérifiez votre adresse Email</label>
                <input type="email" name="email" id="Email" required="True" value="{{ email }}"
                       style="text-transform: lowercase;"/>
            {% else %}
                <label for="email">Entrez votre adresse Email</label>
                <input type="email" name="email" id="email" required="True"
                       style="text-transform: lowercase;"/>
            {% endif %}
        </div>
    </div>
    <ul class="actions">
        <li><input type="submit" value="continuer" class="primary"/></li>
    </ul>
</form>