{% extends "default.html" %}

{% set active_page = "dashboard" %}
{% block title %}Receive {{ alias.email }}{% endblock %}
{% block default_content %}

  <div class="card">
    <div class="card-body">
      <h1 class="h3">Receive {{ alias.email }}</h1>
      <p>
        You are invited to become the owner of the alias <b>{{ alias.email }}</b>
      </p>
      <p>Please choose the mailbox(es) that owns this alias 👇</p>
      <form method="post" class="mt-2">
        <select data-width="100%" class="mailbox-select" multiple name="mailbox_ids">
          {% for mailbox in mailboxes %}

            <option value="{{ mailbox.id }}"
                    {% if mailbox.id == current_user.default_mailbox_id %} selected{% endif %}>
              {{ mailbox.email }}
            </option>
          {% endfor %}
        </select>
        <button class="btn btn-success mt-2">Confirm</button>
      </form>
    </div>
  </div>
{% endblock %}
{% block script %}<script>$('.mailbox-select').multipleSelect();</script>{% endblock %}