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

{% block title %}Détails du client{% endblock %}

{% block body %}
<div class="content-page">
    <div class="content">
        <div class="container-fluid">
            <div class="row">
                <div class="col-12">
                    <div class="page-title-box">
                        <h1>Détails de {{ client.nom }}</h1>
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="col-md-6">
                    <div class="card">
                        <div class="card-body">
                            <h5 class="card-title">Informations générales</h5>
                            <ul class="list-unstyled">
                                <li>Nom: {{ client.nom }}</li>
                                <li>Adresse 1: {{ client.adresse1 }}</li>
                                {% if client.adresse2 is not null %}
                                <li>Adresse 2: {{ client.adresse2 }}</li>
                                {% endif %}
                                <li>Code Postal: {{ client.codePostal }}</li>
                                <li>Ville: {{ client.ville }}</li>
                                <li>Pays: {{ client.pays }}</li>
                                <li>Téléphone: {{ client.telephone }}</li>
                                <li>Email: {{ client.email }}</li>
                                 
                            </ul>
                          
                        </div>
                        
                    <ul class="list-inline">
                  
                        <a href="{{ path('modifier_client', {'id': client.id}) }}" class="modifier-custom" style="padding: 0px 5px;"><i class="ri-edit-line"></i>
                            Modifier
                        </a>
                        <a href="{{ path('supprimer_client', {'id': client.id}) }}" class="supprimer-custom" style="padding: 0px 5px;"><i class="ri-delete-bin-line"></i>
                            Supprimer
                        </a>
                   </ul>
            
                    </div>
                </div>
              
            </div>

           
        </div>

 <div class="tab-content">
                                <div class="tab-pane show active" id="scroll-horizontal-preview">
                             <h2>Contacts     <a href="{{ path('client_add_contact', {'id': client.id}) }}" class="ajouter-custom" style="padding: 0px 5px;">
                            <i class="ri-add-line font-20"></i>
                        </a></h2>    
                            <table id="scroll-horizontal-datatable" class="table table-striped w-100 nowrap">
                                        <thead>
   
            <tr>
                <th>Nom</th>
                <th>Prénom</th>
                <th>Email</th>
                <th>Téléphone</th>
                <th class="no-sort"></th>
            </tr>
        </thead>
        <tbody>
            {% for contact in client.contactsClients %}
            {% if contact.dateDelete is null %}
                <tr>
                    <td>{{ contact.nom }}</td>
                    <td>{{ contact.prenom }}</td>
                    <td>{{ contact.email }}</td>
                    <td>{{ contact.telephone }}</td>
                    <td class="no-sort" style="text-align: right">
                        <a href="{{ path('contact_client_edit', {'id': contact.id}) }}" class="modifier-custom" style="padding: 0px 5px;">
                            <i class="ri-edit-line "></i>
                        </a>
                        <a href="{{ path('contact_client_delete', {'id': contact.id}) }}" class="supprimer-custom"  style="padding: 0px 5px;">
                            <i class="ri-delete-bin-line "></i>    
                        </a>
                    </td>
                </tr>
                {% endif %}
            {% endfor %}
        </tbody>
    </table>
</div>

             
        </div>

         <div class="col-12 text-center"> 
                         <button class="retour-custom" onclick="retourPage(event);">
                <i class="ri-reply-line font-14"></i> Retour
            </button>
    </div>
</div>
</div>
{% endblock %}
{% block javascripts %}
    {{ parent() }}
{% endblock %}