{% extends 'base.html.twig' %}

{% block title %} Détail d'un adhérent{% endblock %}

{% block stylesheets %}

    {{ parent() }}
    <style>
        .state-list{
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
            margin: auto;
            position: relative;
            text-align:center;
        }
        .one-state{
            padding: 2px 6px !important;
            margin-top: 0 !important;
            border-color: #004870 !important;
            color: #fff;
            margin-right: 8px !important;
            border-radius: 4px;
            cursor: default;
            float: left;
            font-size:12px;
            width: 105px;
        }
        .bloc-user-info{
            background-color:#cdcdcd5c !important;
            border-radius: 10px;
            box-shadow: 0 0 20px rgb(8 21 66 / 5%);
            padding:10px;
        }
        .user-img {
            border-radius: 50%;
            width: 30%;
        }
        .bloc-user-info-1{
            width: 80%;
        }
        .border-one{
            border-right: 1px solid #d2d2d2;
        }
        .table {
            --bs-table-bg: #fff !important;
        }
        .bg-white{
            width: 100% !important;
        }
        .offer{
            color:#224764 ;
            font-weight: bold;
        }
        .label-show span{
            padding-left:5px ;
        }
        .justify-content-between .f-w-500{
            min-width: 100px;
        }
    </style>

{% endblock stylesheets %}
{% block breadcrumbs %}
    <div class="container-fluid">
        <div class="page-title">
            <div class="row">
                <div class="col-xl-12 col-lg-12 col-sm-12">
                    <ol class="breadcrumb">
                        <li class="breadcrumb-item">
                            <a href="{{ path('home_page') }}">
                                <i data-feather="home"></i>
                            </a>
                        </li>
                        <li class="breadcrumb-item active">Détail d'un adhérent</li>
                    </ol>

                </div>
            </div>
        </div>
    </div>
{% endblock %}
{% block body %}
    <div class="col-sm-12">
        <div class="card">
            <div class="card-header">
                <h5 class="text-primary">Détail d'un adhérent</h5>
                <div class="card-header-right card-header-right-btn">
                    <a href="{{ path('adherent_post_edit', {'id': userData.user_id }) }}" class="btn  btn-primary"><i class="fas fa-edit"></i><span
                                class="text-right d-none d-md-inline">Editer</span></a>
                    <a href="{{ path('adherent_list') }}" class="btn  btn-primary"><i class="fas fas fa-undo"></i><span
                                class="text-right d-none d-md-inline">Liste des adhérents</span></a>
                </div>
            </div>
            <div class="card-body">
                <div class="row">
                    <div class="col-lg-4 col-md-12 mb-5 mb-lg-0">
                        <div class="bloc-user-info">
                            <img class="user-img center-block d-block mx-auto" alt="ACMF"
                                 src="{{ asset('assets/media/user.png') }}">
                            <h6 class="text-center mt-2"><span>{{ userData.user_login }} </span></h6>
                            <p class="text-center mb-0 offer">{{ userData.offer|upper }} </p>
                            <h6 class="text-center mt-2 f-w-700 mb-3 text-info">
                                <span>{{ userData.quality }} {{ userData.first_name }} {{ userData.last_name }}</span>
                            </h6>
                            <div class="bloc-user-info-1 center-block d-block mx-auto">
                                <div class="d-flex align-self-center justify-content-between">
                                    <div class="h6 text-primary f-w-500">Date de Naissance :</div>
                                    <span>{% if(userData.birth_date) %}{{ userData.birth_date | date("d-m-Y") }}{% else %} -{% endif %}   </span>

                                </div>
                                <div class="d-flex align-self-center justify-content-between">
                                    <div class="h6 text-primary f-w-500" style="min-width: 60px;">Email :</div>
                                    <span  style="max-width: 200px;"> {% if(userData.email=="") %} - {% else %}{{ userData.email }} {% endif %}  </span>

                                </div>
                                <div class="d-flex align-self-center justify-content-between">
                                    <div class="h6 text-primary f-w-500">Téléphone :</div>
                                    <span> {% if(userData.phone=="") %} - {% else %}{{ userData.phone }} {% endif %}  </span>

                                </div>
                                <div class="d-flex align-self-center justify-content-between">
                                    <div class="h6 text-primary f-w-500">Mobile :</div>
                                    <span>{% if(userData.mobile=="") %} - {% else %}{{ userData.mobile }} {% endif %}  </span>

                                </div>
                                <div class="d-flex align-self-center justify-content-between">
                                    <div class="h6 text-primary f-w-500">Adresse 1 :</div>
                                    <span>{% if(userData.address_first=="") %} - {% else %}{{ userData.address_first }}{% endif %}  </span>
                                </div>
                                <div class="d-flex align-self-center justify-content-between">
                                    <div class="h6 text-primary f-w-500">Adresse 2 :</div>
                                    <span> {% if(userData.address_second=="") %} - {% else %}{{ userData.address_second }} {% endif %}  </span>
                                </div>
                                <div class="d-flex align-self-center justify-content-between">
                                    <div class="h6 text-primary f-w-500">Code postal :</div>
                                    <span> {% if(userData.postal_code=="") %} - {% else %}{{ userData.postal_code }} {% endif %}  </span>

                                </div>
                                <div class="d-flex align-self-center justify-content-between">
                                    <div class="h6 text-primary f-w-500">Ville :</div>
                                    <span> {% if(userData.city=="") %} - {% else %}{{ userData.city }} {% endif %} </span>

                                </div>
                                <div class="d-flex align-self-center justify-content-between">
                                    <div class="h6 text-primary f-w-500">Pays :</div>
                                    <span> {% if(userData.country=="") %} - {% else %}{{ userData.country }} {% endif %} </span>
                                </div>
                                <ul class="state-list mt-3">
                                    {% if (userData.disabled) %}
                                        <li class="bg-danger one-state mb-1">Inactif</li>
                                    {% else %}
                                        <li class="bg-success one-state mb-1">Actif</li>
                                    {% endif %}
                                    {% if (userData.payement) %}
                                        <li class="bg-info one-state mb-1">Payé</li>
                                    {% else %}
                                        <li class="bg-danger one-state mb-1">Impayé</li>
                                    {% endif %}
                                    {% if (userData.rescinded) %}
                                        <li class="bg-primary one-state mb-1">Résilié</li>
                                    {% endif %}
                                </ul>
                            </div>
                        </div>
                        <div class="bloc-user-info mt-4">
                            <div class="section-info">
                                <h5 class="text-info">Information bancaires : </h5>
                                <hr class="info-line">
                            </div>
                            <div class="row">
                                <div class="col-xl-12 d-flex align-self-center justify-content-between">
                                    <div class="text-primary f-w-500">BIC :</div>
                                    <span>{% if(userData.bic=="") %} - {% else %}{{ userData.bic }} {% endif %}</span>
                                </div>
                                <div class="col-xl-12 d-flex align-self-center justify-content-between">
                                    <div class="text-primary f-w-500">IBAN :</div>
                                    <span>{% if(userData.iban=="") %} - {% else %}{{ userData.iban }} {% endif %}</span>
                                </div>
                                <div class="col-xl-12 d-flex align-self-center justify-content-between">
                                    <div class="text-primary f-w-500">Date mandat :</div>
                                    <span>{% if(userData.mandate_date) %}{{ userData.mandate_date | date("d-m-Y") }}{% else %} -{% endif %}</span>
                                </div>
                                <div class="col-xl-12 d-flex align-self-center justify-content-between">
                                    <div class="text-primary f-w-500">RUM :</div>
                                    <span>{% if(userData.rum=="") %} - {% else %}{{ userData.rum }} {% endif %}</span>
                                </div>
                            </div>
                        </div>
                        {% if(userData.observation) %}
                            <div class="bloc-user-info mt-4">
                                <div class="section-info">
                                    <h5 class="text-info">Observation : </h5>
                                    <hr class="info-line" >
                                </div>
                                <div class="row">
                                    <div class="col-xl-12 d-flex align-self-center justify-content-between">
                                        <div class="bg-white p-2">
                                            {{ userData.observation | nl2br }}
                                        </div>
                                    </div>
                                </div>
                            </div>
                        {% endif %}
                        {% if(historic|length > 0) %}
                            <div class="col-12 mt-4">
                                <div class="bloc-user-info" style="overflow-y: scroll; max-height: 450px;">
                                    <div class="section-info">
                                        <h5 class="text-info">Historique : </h5>
                                        <hr class="info-line">
                                    </div>
                                    <div class="table-responsive">
                                        <table class="table table-striped table-bordered table-hover table-checkable responsive no-footer" aria-describedby="historic">
                                            <thead class="table-light">
                                            <tr>
                                                <th class="text-primary"  scope="col">Date</th>
                                                <th class="text-primary" scope="col">Action</th>
                                                <th class="text-primary" scope="col">Motif</th>
                                            </tr>
                                            </thead>
                                            <tbody>
                                            {% for element in historic %}
                                                <tr>
                                                    <td> {{ element.date |date("d-m-Y H:i") }}</td>
                                                    <td>{{ element.action }}</td>
                                                    <td>{{ element.motif }}</td>
                                                </tr>
                                            {% endfor %}
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        {% endif %}

                    </div>
                    <div class="col-lg-8 mb-2 mb-lg-2">
                        <div class="col-lg-12 mb-2 mb-lg-2">
                        <div class="bloc-user-info ">
                            <div class="section-info">
                                <h5 class="text-info">Information offre : </h5>
                                <hr class="info-line">
                            </div>
                            <div class="row mb-2">
                                <div class="col-xl-6 d-flex align-self-center label-show border-one">
                                    <div class="text-primary f-w-500">Ref :</div>
                                    <span>{% if(userData.offer_ref) %} {{ userData.offer_ref }}  {% else %}-{% endif %}</span>
                                </div>
                                <div class="col-xl-6 d-flex align-self-center label-show border-one">
                                    <div class="text-primary f-w-500">Date début :</div>
                                    <span>{% if(userData.echeance_start_date) %}{{ userData.echeance_start_date | date("d-m-Y") }}{% else %}- {% endif %}</span>

                                </div>
                                <div class="col-xl-6 d-flex align-self-center label-show border-one">
                                    <div class="text-primary f-w-500">Règlement :</div>
                                    <span> {% if(userData.regulation) %}{{ userData.regulation }}{% else %}- {% endif %}</span>
                                </div>
                                <div class="col-xl-6 d-flex align-self-center label-show border-one">
                                    <div class="text-primary f-w-500">Date fin :</div>
                                    <span>{% if(userData.echeance_end_date) %} {{ userData.echeance_end_date | date("d-m-Y") }} {% else %}- {% endif %}</span>
                                </div>
                                <div class="col-xl-6 d-flex align-self-center label-show border-one">
                                    <div class="text-primary f-w-500">Date Ancienneté :</div>
                                    <span> {% if(userData.subscription_date) %} {{ userData.subscription_date | date("d-m-Y") }} {% else %} - {% endif %}</span>
                                </div>


                            </div>
                            <div class="table-responsive">
                                <table class="table table-striped table-bordered table-hover table-checkable responsive no-footer" aria-describedby="detail">
                                    {% if ( userData.echeance_start_date and userData.echeance_start_date | date("Y") > 2023)  %}
                                        <thead class="table-light">
                                        <tr>
                                            <th class="text-primary" scope="col">Description</th>
                                            <th class="text-primary" scope="col">TVA</th>
                                            <th class="text-primary" scope="col">HT</th>
                                            <th class="text-primary" scope="col">TTC</th>
                                        </tr>
                                        </thead>
                                        <tbody>
                                            <tr>
                                                <td> Offre </td>
                                                <td>{% if( detailsOffre and detailsOffre.tva) %}{{ detailsOffre.tva }} {% else %} 0.00  {% endif %}</td>
                                                <td>{% if(detailsOffre and detailsOffre.ht_20) %}{{ detailsOffre.ht_20 }} {% else %} 0.00  {% endif %}</td>
                                                <td>{% if(detailsOffre and detailsOffre.ttc_20) %}{{ detailsOffre.ttc_20 }} {% else %} 0.00  {% endif %}</td>
                                            </tr>
                                            <tr>
                                                <td> Mandat juridique </td>
                                                <td> 0.00</td>
                                                <td>{% if(detailsOffre and detailsOffre.cfdp) %}{{ detailsOffre.cfdp }} {% else %} 0.00  {% endif %}</td>
                                                <td>{% if(detailsOffre and detailsOffre.cfdp) %}{{ detailsOffre.cfdp }} {% else %} 0.00  {% endif %}</td>
                                            </tr>
                                            <tr>
                                                <td> Adhésion </td>
                                                <td> 0.00</td>
                                                <td>{% if(detailsOffre and detailsOffre.adhesion) %}{{ detailsOffre.adhesion }} {% else %} 0.00  {% endif %}</td>
                                                <td>{% if(detailsOffre and detailsOffre.adhesion) %}{{ detailsOffre.adhesion }} {% else %} 0.00  {% endif %}</td>
                                            </tr>
                                            <tr>
                                                <td> Total</td>
                                                <td> {% if(detailsOffre and detailsOffre.tva) %}{{ detailsOffre.tva }} {% else %} 0.00  {% endif %}</td>
                                                <td> {% if(detailsOffre and detailsOffre.ht) %}{{ detailsOffre.ht }} {% else %} 0.00  {% endif %}</td>
                                                <td> {% if(detailsOffre and detailsOffre.ttc) %}{{ detailsOffre.ttc }} {% else %} 0.00 {% endif %}</td>
                                            </tr>
                                        </tbody>
                                    {% else %}
                                        <thead class="table-light">
                                        <tr>
                                            <th class="text-primary" scope="col">Description</th>
                                            <th class="text-primary" scope="col">HT brut</th>
                                            <th class="text-primary" scope="col">TTC brut</th>
                                            <th class="text-primary" scope="col">TVA</th>
                                            <th class="text-primary" scope="col">Remise</th>
                                            <th class="text-primary" scope="col">HT net</th>
                                            <th class="text-primary" scope="col">TTC net</th>
                                        </tr>
                                        </thead>
                                        <tbody>
                                        {% for offerLine in offerLines %}
                                        <tr>
                                            <td> {% if(offerLine.description=="OFFER") %} Offre{% elseif(offerLine.description=="REVIEW") %} Revue {% else %}Mandat juridique{% endif %}</td>
                                            <td> {% if(offerLine and offerLine.ht_brute) %}{{ offerLine.ht_brute }} {% else %} 0.00  {% endif %}</td>
                                            <td> {% if(offerLine and offerLine.ttc_brute) %}{{ offerLine.ttc_brute }} {% else %} 0.00  {% endif %}</td>
                                            <td> {% if(offerLine and offerLine.tva) %}{{ offerLine.tva }} {% else %} 0.00 {% endif %}</td>
                                            <td> {% if(offerLine and offerLine.discount) %}{{ offerLine.discount }} {% else %} 0.00  {% endif %}</td>
                                            <td> {% if(offerLine and offerLine.ht_net) %}{{ offerLine.ht_net }} {% else %} 0.00  {% endif %}</td>
                                            <td> {% if(offerLine and offerLine.ttc_net) %}{{ offerLine.ttc_net }} {% else %} 0.00 {% endif %}</td>
                                        </tr>
                                        {% endfor %}
                                        <tr>
                                            <td> Total</td>
                                            <td> {% if(userData.offer_ht_brute) %}{{ userData.offer_ht_brute }}{% else %}0.00 {% endif %}</td>
                                            <td>{% if(userData.offer_ttc_brute) %} {{ userData.offer_ttc_brute }}{% else %}0.00  {% endif %}</td>
                                            <td> {% if(userData.offer_tva) %}{{ userData.offer_tva }}{% else %}0.00  {% endif %}</td>
                                            <td> {% if(userData.offer_discount) %}{{ userData.offer_discount }}{% else %}0.00  {% endif %}</td>
                                            <td> {% if(userData.offer_ht_net) %}{{ userData.offer_ht_net }}{% else %}0.00  {% endif %}</td>
                                            <td> {% if(userData.offer_ttc_net) %}{{ userData.offer_ttc_net }}{% else %}0.00  {% endif %}</td>
                                        </tr>
                                        </tbody>
                                    {% endif %}
                                </table>
                            </div>
                          </div>
                            <div class="col-lg-12 mb-2 mb-lg-2">
                                <div class="row">
                                    <div class="col-12">
                                        {% if regulations %}
                                            <div class="bloc-user-info mt-4" style="overflow-y: scroll; max-height: 450px;">
                                                <div class="section-info">
                                                    <h5 class="text-info">Liste des règlements : </h5>
                                                </div>
                                                <div class="table-responsive">
                                                    <table class="table table-striped table-bordered table-hover table-checkable responsive no-footer" aria-describedby="Liste des règlements">
                                                        <thead class="table-light">
                                                        <tr>
                                                            <th class="text-primary" scope="col">Date de paiement</th>
                                                            <th class="text-primary" scope="col">Règlement</th>
                                                            <th class="text-primary" scope="col">Numéro du piéce</th>
                                                            <th class="text-primary" scope="col">Montant réel</th>
                                                            <th class="text-primary" scope="col">Montant encaissé</th>
                                                            <th class="text-primary" scope="col">TVA</th>
                                                            <th class="text-primary" scope="col">Remise</th>
                                                            <th class="text-primary" scope="col">Montant à rembourser</th>
                                                            <th class="text-primary" scope="col">Remboursé?</th>
                                                            <th class="text-primary" scope="col">Année</th>
                                                        </tr>
                                                        </thead>
                                                        <tbody>
                                                        {% for regulation in regulations %}
                                                            <tr>
                                                                <td>{{ regulation.payment_date | date("d-m-Y") }}</td>
                                                                <td>{{ regulation.regulation }}</td>
                                                                <td>{{ regulation.item_number }}</td>
                                                                <td>{{ regulation.amount_offer }}</td>
                                                                <td>{{ regulation.amount }}</td>
                                                                <td>{{ regulation.tva }}</td>
                                                                <td>{{ regulation.discount }}</td>
                                                                <td>{% if(regulation.amount_difference > 0) %}{{ regulation.amount_difference }} {% else %} - {% endif %}</td>
                                                                <td>{% if(regulation.amount_difference > 0) %}{% if(regulation.refund=="1") %} <span class="badge badge-info"> Oui </span> {% else %}
                                                                        <span class="badge badge-danger"> Non </span> {% endif %} {% else%} - {% endif %}
                                                                </td>
                                                                <td>{% if(regulation.sepa==1) %} - {% else %}{{ regulation.subscription_year }} {% endif %} </td>
                                                            </tr>
                                                        {% endfor %}
                                                        </tbody>
                                                    </table>
                                                </div>

                                            </div>
                                        {% endif %}
                                    </div>
                                </div>
                                {% if echeances %}
                                        <div class="bloc-user-info mt-4" style="overflow-y: scroll; max-height: 450px;">
                                            <div class="section-info">
                                                <h5 class="text-info">Liste des échéances : </h5>
                                                <hr class="info-line">
                                            </div>
                                            <div class="table-responsive">
                                                <table class="table table-striped table-bordered table-hover table-checkable responsive no-footer" aria-describedby="Liste des échéances">
                                                    <thead class="table-light">
                                                    <tr>
                                                        <th class="text-primary" scope="col">Date de prélèvement</th>
                                                        <th class="text-primary" scope="col">Montant</th>
                                                        <th class="text-primary" scope="col">TVA</th>
{#                                                        <th class="text-primary" scope="col">TVA Offre</th>#}
{#                                                        <th class="text-primary" scope="col">TVA Revue</th>#}
                                                        <th class="text-primary" scope="col">Statut</th>
                                                    </tr>
                                                    </thead>
                                                    <tbody>
                                                    {% for echeance in echeances %}
                                                        <tr>
                                                            <td>{{ echeance.echeance_end_date  | date("d-m-Y") }}</td>
                                                            <td>{{ echeance.amount }}</td>
                                                            <td>{{ echeance.tva_total }}</td>
                                                            <td>{% if(echeance.payement=="1") %} <span class="badge badge-info"> Payé </span> {% else %}
                                                                    <span class="badge badge-danger"> Impayé </span> {% endif %}
                                                                {% if(echeance.echeance_reported_id is not null) %}
                                                                    <span class="badge badge-info bg-info"> Reporté le {{ echeance.reported_date }}</span>
                                                                {% endif %}
                                                            </td>
                                                        </tr>
                                                    {% endfor %}
                                                    </tbody>
                                                </table>
                                            </div>
                                        </div>
                                {% endif %}
                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
{% endblock %}
{% block javascripts %}

    {{ parent() }}

{% endblock %}