{% extends '@kohinos/block/block_collapse.html.twig' %}

{% block blocktitle %}
	<i class="fa fa-shopping-basket me-4"></i> {{'Charger mon compte SSA'|trans }}
{% endblock blocktitle %}

{% block blockcontent %}
	{# En mode SSA uniquement, on charge directement le compte SSA #}
	{% set form = getAchatMonnaieAdherentSsaForm(app.user, ssa) %}

	{{form_start(form, {'attr': {'class': 'achat-monnaie-form'}})}}
		{{ form_errors(form) }}

		{% if form.montantradio is defined %}
			<div class="montant-radio-container">
				{{ form_row(form.montantradio, {'label_attr': {'class': 'radio-group-label'}, 'attr': {'class': 'kohinos-montant-radio'}, 'row_attr': {'class': 'montant-radio-row'}}) }}
			</div>
		{% endif %}
		{% if form.montant is defined %}
			{% if 'false' == KOH_ACHAT_MONNAIE_SHOW_MANUEL_AMOUNT and 'false' == KOH_ACHAT_MONNAIE_SHOW_SLIDER_AMOUNT and 'false' == KOH_ACHAT_MONNAIE_SHOW_RADIO_AMOUNT %}
				{{ form_row(form.montant, {row_attr:{style: 'max-width: 200px;margin: 0 auto;display: none;'}}) }}
			{% else %}
				{{ form_row(form.montant, {row_attr:{style: 'max-width: 200px;margin: 0 auto;'}}) }}
			{% endif %}
		{% endif %}
		{% if form.montantslider is defined %}
			{{ form_row(form.montantslider) }}
		{% endif %}

		{% if 'true' == KOH_ACHAT_MONNAIE_SHOW_MANUEL_AMOUNT or form.montantslider is defined or form.montantradio is defined %}
			<br/>
			<p class="montant-display"><b>{{ 'Montant choisi'|trans }} : <span class="achat_monnaie_montant_choisi"></span></b></p>
			<hr/>
			{% if form.don is defined %}
				{{ form_row(form.don, {row_attr:{style: 'max-width: 200px;margin: 0 auto;'}}) }}
				<hr/>
			{% endif %}
			<p class="total-display"><b>{{ 'TOTAL A PAYER'|trans }} : <span class="achat_monnaie_montant_total"></span></b></p>
		{% endif %}

		<div class="button-group">
			{% if form.save is defined %}
				{{ form_widget(form.save) }}
			{% endif %}
			{% if form.saveHelloAsso is defined %}
				{% include '@kohinos/common/helloasso_button.html.twig' with {
					'name': form.saveHelloAsso.vars.name,
					'type': 'submit',
					'label': 'Acheter avec'
				} %}
			{% endif %}
			{% if form.payOther is defined %}
				{{ form_widget(form.payOther) }}
			{% endif %}
		</div>

	{{form_end(form)}}
{% endblock blockcontent %}