{{define "deposer-annonce"}}
<!--==================== DÉPOSER ANNONCE ====================-->
<section class="depannonce section" id="depannonce">
  <form action="" class="depannonce__form grid">
    <h3 class="depannonce__title">Ensemble, déposons <br>votre première annonce.</h3>

    <div class="depannonce__group grid">
      <div>
        <label for="depannonce-email" class="depannonce__label">Votre email</label>
        <input
          type="email"
          placeholder="nom@email.com"
          id="depannonce-email"
          class="depannonce__input"
        required/>
      </div>
    </div>

    <div>
      <button 
        hx-get="/inscription"
        hx-target="#view"
        hx-push-url="true"
        class="depannonce__button button"
        onclick="inscriptionAnnonce()">
        Valider
      </button>
    </div>

    <div class="depannonce__member">
      <p>Rejoignez les membres de la communauté Toutaloué</p>
    </div>
    <div class="depannonce__bring">
      <p>Une annonce peut vous rapporter en moyenne</p>
      <p class="depannonce__amount">120€/mois</p>
      <p class="depannonce__rental">5 locations/mois</p>

      <p>Vous avez déjà un compte ?</p>
      <a onclick="deposerAnnonceToLogin()" class="depannonce__login">
        Connectez-vous
      </a>
    </div>

    
  </form>
</section>
{{ end }}