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

{% block content %}
    <div class='container homepage' style='max-width: 800px;'>
		<div class='row mt-3'>
			<div class='col-12 text-center'>
				{% block colonne_centre %}
					<div class="card border-danger mb-3" style="max-width: 30rem;margin:0 auto;">
						<div class="card-header bg-danger text-white">
							<i class="fa fa-exclamation-triangle me-2"></i>
							<strong>{{ 'Cotisation requise'|trans }}</strong>
						</div>
						<div class="card-body">
							<p class="mb-3">{{ 'Votre cotisation n\'est pas à jour. Vous ne pouvez pas accéder aux fonctionnalités de votre compte.'|trans }}</p>
							<p class="text-muted mb-3">{{ 'Veuillez renouveler votre cotisation pour accéder de nouveau à votre compte.'|trans }}</p>
							<hr/>
							{% if is_granted('ROLE_PRESTATAIRE') and app.user.prestataire is defined %}
								{% if KOH_USE_HELLOASSO|default('false') == 'true' and KOH_HELLOASSO_URL_COTISATION_PRESTATAIRE|default('') != '' %}
									<a href="{{ KOH_HELLOASSO_URL_COTISATION_PRESTATAIRE }}" class="btn btn-primary" target="_blank">
										<i class="fa fa-credit-card me-1"></i> {{ 'Payer ma cotisation en ligne'|trans }}
									</a>
								{% elseif KOH_USE_PAYZEN|default('false') == 'true' %}
									<a href="{{ path('prestataire_cotisation') }}" class="btn btn-primary">
										<i class="fa fa-credit-card me-1"></i> {{ 'Payer ma cotisation'|trans }}
									</a>
								{% else %}
									<p class="text-muted">{{ 'Contactez l\'association pour renouveler votre cotisation.'|trans }}</p>
								{% endif %}
							{% elseif is_granted('ROLE_ADHERENT') and app.user.adherent is defined %}
								{% if KOH_USE_HELLOASSO|default('false') == 'true' and KOH_HELLOASSO_URL_COTISATION_ADHERENT|default('') != '' %}
									<a href="{{ KOH_HELLOASSO_URL_COTISATION_ADHERENT }}" class="btn btn-primary" target="_blank">
										<i class="fa fa-credit-card me-1"></i> {{ 'Payer ma cotisation en ligne'|trans }}
									</a>
								{% elseif KOH_USE_PAYZEN|default('false') == 'true' %}
									<a href="{{ path('index') }}" class="btn btn-primary">
										<i class="fa fa-credit-card me-1"></i> {{ 'Payer ma cotisation'|trans }}
									</a>
								{% else %}
									<p class="text-muted">{{ 'Contactez l\'association pour renouveler votre cotisation.'|trans }}</p>
								{% endif %}
							{% else %}
								<p class="text-muted">{{ 'Contactez l\'association pour renouveler votre cotisation.'|trans }}</p>
							{% endif %}
						</div>
					</div>
				{% endblock colonne_centre %}
			</div>
		</div>
	</div>
{% endblock %}