{% extends "layout_contacts.html.twig" %}

{% block body %}
<legend>Saisie d'une cotisation</legend>

{{ form_start(form_saisie_cotisation, {'attr': {'class': 'form-horizontal', 'id': 'form_saisie_cotisation'}}) }}
<div class="card bg-light mb-3">
    <div class="card-body">
        <div class="row justify-content-between">
            <div class="col-auto">
                {{ form_label(form_saisie_cotisation.contact, "Contact*", {'label_attr': {'class': 'control-label'}}) }}
                {{ form_widget(form_saisie_cotisation.contact, {'attr': {'class': 'form-control selectpicker', 'data-style': 'btn-default', 'data-live-search': "true", 'data-size': "6"}}) }}
            </div>
        </div>
    </div>
</div>
<div class="card bg-light mb-3">
    <div class="card-body">
        <div class="row justify-content-between">
            <div class="col-auto">
                {{ form_label(form_saisie_cotisation.annee, "Année*", {'label_attr': {'class': 'control-label'}}) }}
                {{ form_widget(form_saisie_cotisation.annee, {'attr': {'class': 'form-control selectpicker', 'data-style': 'btn-default', 'data-size' : '6'}}) }}
            </div>
            <div class="col-auto">
                {{ form_label(form_saisie_cotisation.type_coti, "Type cotisation*", {'label_attr': {'class': 'control-label'}}) }}
                {{ form_widget(form_saisie_cotisation.type_coti, {'attr': {'class': 'form-control selectpicker', 'data-style': 'btn-default'}}) }}
            </div>
            <div class="col-auto">
                {{ form_label(form_saisie_cotisation.montant, "Montant*", {'label_attr': {'class': 'control-label'}}) }}
                {{ form_widget(form_saisie_cotisation.montant) }}
            </div>
            <div class="col-auto">
                {{ form_label(form_saisie_cotisation.mode_paiement, "Mode de paiement*", {'label_attr': {'class': 'control-label'}}) }}
                {{ form_widget(form_saisie_cotisation.mode_paiement, {'attr': {'class': 'form-control selectpicker', 'data-style': 'btn-default'}}) }}
            </div>
            <div class="col-auto">
                {{ form_label(form_saisie_cotisation.date_paiement, "Date de paiement*", {'label_attr': {'class': 'control-label'}}) }}
                {{ form_widget(form_saisie_cotisation.date_paiement) }}
            </div>
        </div>
    </div>
</div>
<div id="contact-couple" class="card bg-light mb-3" style="display:none">
    <div class="card-body">
        <div class="row justify-content-between">
            <div class="col-auto">
                {{ form_label(form_saisie_cotisation.contact_couple, "2e personne du couple*", {'label_attr': {'class': 'control-label'}}) }}
                {{ form_widget(form_saisie_cotisation.contact_couple, {'attr': {'class': 'form-control selectpicker', 'data-style': 'btn-default', 'data-live-search': "true", 'data-size': "6"}}) }}
            </div>
        </div>
    </div>
</div>
<div id="coti-cheque" class="card bg-light mb-3">
    <div class="card-body">
        <div class="row justify-content-start">
            <div class="col-auto">
                {{ form_label(form_saisie_cotisation.num_cheque, "Numéro du chèque", {'label_attr': {'class': 'control-label'}}) }}
                {{ form_widget(form_saisie_cotisation.num_cheque) }}
            </div>
            <div class="col-auto">
                {{ form_label(form_saisie_cotisation.date_remise, "Date de remise en banque du chèque", {'label_attr': {'class': 'control-label'}}) }}
                {{ form_widget(form_saisie_cotisation.date_remise) }}
            </div>
        </div>
    </div>
</div>
<div class="col-auto">
    {{ form_widget(form_saisie_cotisation.valider, {'attr': {'class': 'btn-primary'}}) }}
</div>
{{ form_end(form_saisie_cotisation) }}
{% endblock %}