{% extends '@kohinos/common/layout.html.twig' %}

{% block content %}
<div class='container' style='max-width: 800px;'>
	{% include '@kohinos/block/breadcrumb.html.twig' with {'label': 'Cotiser'} %}
	<h2 class='text-center w-100 mt-4 mb-4'>{{ "Cotiser pour l'année"|trans }} {{ koh_year }}</h2>
	<div class='text-center mb-5'>
		{% if app.user and is_granted('ROLE_ADHERENT') %}
			<h4>{{ 'Solde de eMLC'|trans }} : <b>{{ app.user.adherent.emlcAccount.balance }}</b></h4>
			<h5>{{ 'Montant minimum de la cotisation'|trans }} : <b>{{ KOH_COTISATION_ADHERENT|default('') }} €</b></h5>
			{% if KOH_ADHESION_TEXT|default('') != '' %}
				<br/><p>
					{{ KOH_ADHESION_TEXT|raw }}
				</p>
			{% endif %}
		{% elseif app.user and is_granted('ROLE_PRESTATAIRE') %}
			<h4>{{ 'Solde de eMLC'|trans }} : <b>{{ getCurrentPrestataire().emlcAccount.balance }}</b></h4>
			<h5>{{ 'Montant minimum de la cotisation'|trans }} : <b>{{ KOH_COTISATION_PRESTATAIRE|default('') }} €</b></h5>
		{% endif %}
		<br/>
		{{ form_start(form) }}
			{{ form_row(form.operateur) }}
			{{ form_row(form.role) }}
			{{ form_row(form.reference) }}
			{{ form_row(form.montant) }}
			{% if form.don is defined %}
				{{ form_row(form.don) }}
			{% endif %}
			<div class='row mt-4'>
				{# Calculate number of payment options #}
				{% set paymentOptionsCount = 0 %}
				{% if form.payMLC is defined %}{% set paymentOptionsCount = paymentOptionsCount + 1 %}{% endif %}
				{% if form.payCB is defined %}{% set paymentOptionsCount = paymentOptionsCount + 1 %}{% endif %}
				{% if form.payHelloAsso is defined %}{% set paymentOptionsCount = paymentOptionsCount + 1 %}{% endif %}
				{% if form.paySepa is defined %}{% set paymentOptionsCount = paymentOptionsCount + 1 %}{% endif %}

				{# Calculate column size based on number of options #}
				{% set colSize = paymentOptionsCount == 4 ? '3' : (paymentOptionsCount == 3 ? '4' : (paymentOptionsCount == 2 ? '6' : '12')) %}

				{% if form.payMLC is defined %}
					<div class='col-{{ colSize }}'>
						{{ form_widget(form.payMLC) }}
					</div>
				{% endif %}

				{% if form.payCB is defined %}
					<div class='col-{{ colSize }}'>
						{{ form_widget(form.payCB) }}
					</div>
				{% endif %}

				{% if form.payHelloAsso is defined %}
					<div class='col-{{ colSize }}'>
						{{ form_widget(form.payHelloAsso) }}
						{# TODO {% include '@kohinos/common/helloasso_button.html.twig' with {
							'name': form.payHelloAsso.vars.name,
							'type': 'submit',
							'label': 'Cotiser avec'
						} %} #}
					</div>
				{% endif %}

				{% if form.paySepa is defined %}
					<div class='col-{{ colSize }}'>
						{{ form_widget(form.paySepa) }}
					</div>
				{% endif %}
			</div>
		{{ form_end(form) }}
	</div>
</div>
{% endblock %}