{% extends "modals/modal.html.twig" %}

{% block modal_title %}{% if approval_required %}{{translate("ORGANISATION.JOIN_REQUEST.REQUEST")}}{% else %}{{translate("ORGANISATION.JOIN")}}{% endif %}{% endblock %}

{% block modal_body %}
<form class="js-form" method="post" action="{{site.uri.public}}/{{form.action}}">
    {% include "forms/csrf.html.twig" %}
    <div class="js-form-alerts">
    </div>
    {% if approval_required %}
    <p>
        {{translate("ORGANISATION.JOIN_REQUEST.REQUEST_CONFIRM", {name: organisation.name})}}
        <small>{{translate("ORGANISATION.JOIN_REQUEST.APPROVAL_REQUIRED")}}</small>
    </p>
    {% else %}
    <p>{{translate("ORGANISATION.JOIN_CONFIRM", {name: organisation.name})}}</p>
    {% endif %}
    <br>
    <div class="btn-group-action">
        <button type="submit" class="btn btn-success btn-lg btn-block">{{translate("ORGANISATION.JOIN_YES")}}</button>
        <button type="button" class="btn btn-default btn-lg btn-block" data-dismiss="modal">{{translate("CANCEL")}}</button>
    </div>
</form>
{% endblock %}