{{define "invite_es"}}
<div class="page-container">

  <div class="page-card">
    <h1>Invita a un amigo</h1>
    <p class="intro">¿Conoces a alguien que podría beneficiarse de <span class="inou">inou</span>? Envíale una invitación.</p>
  </div>

  {{if .Error}}<div class="error">{{.Error}}</div>{{end}}
  {{if .Success}}<div class="success">{{.Success}}</div>{{end}}

  <div class="page-card">
    <form action="/invite" method="POST" style="max-width: 400px;">
      <div class="form-group">
        <label>Nombre</label>
        <input type="text" name="recipient_name" required placeholder="Su nombre" value="{{.RecipientName}}">
      </div>
      <div class="form-group">
        <label>Email</label>
        <input type="email" name="email" required placeholder="su@email.com" value="{{.Email}}">
      </div>
      <div class="form-group">
        <label>Enviar invitación en</label>
        <select name="email_lang">
          {{range .Languages}}<option value="{{.Code}}"{{if eq $.EmailLang .Code}} selected{{end}}>{{.Name}}</option>
          {{end}}
        </select>
      </div>
      <button type="submit" class="btn btn-primary">Enviar invitación</button>
    </form>
  </div>

  <div class="page-card">
    <h3>¿Qué pasa después?</h3>
    <p>Le enviaremos un email personal de tu parte con una invitación para unirse a inou. Eso es todo.</p>
    <ul>
      <li>No le volveremos a escribir</li>
      <li>No guardaremos su email si no se registra</li>
      <li>No compartiremos su email con nadie</li>
      <li>Te enviaremos una copia del email, para que veas exactamente lo que enviamos</li>
    </ul>
  </div>

  {{template "footer"}}
</div>
{{end}}