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

{% block title %}Client{% endblock %}

{% block body %}
<div class="container-fluid">
    <div class="layout-specing">
        <h4>Client: {{client.fullname}}</h4>

        <a class="btn btn-primary" href="{{ path('sewing.sewingorder.new', {'workshop': workshop.id}) }}">Ajouter un(e) client(e)</a>
        <div class="row row-cols-xl-5 row-cols-md-2 row-cols-1">
            <div class="col mt-4">
                <a href="#!"
                   class="features feature-primary d-flex justify-content-between align-items-center rounded shadow p-3">
                    <div class="d-flex align-items-center">
                        <div class="icon text-center rounded-pill">
                            <i class="uil uil-box fs-4 mb-0"></i>
                        </div>
                        <div class="flex-1 ms-3">
                            <h6 class="mb-0 text-muted">{% trans %} Nbre de commande {% endtrans %}</h6>
                            <p class="fs-5 text-dark fw-bold mb-0"><span class="counter-value"
                                                                         data-target="{{ client.sewingorders.count }}">{{ client.sewingorders.count }}</span></p>
                        </div>
                    </div>
                </a>
            </div>

        </div>
        <hr>

        <div class="row">
            <div class="col-xl-4">
                <div class="row">
                    <div class="col-xl-12 mt-4">

                        <div class="card rounded shadow border-0 p-4">
                            <h5>Infos Client:</h5>
                            <div class="d-flex justify-content-between mb-4">


                                <table class="table">
                                    <tbody>
                                    <tr>
                                        <th>Nom & Prénom:</th>
                                        <td>{{ client.fullname }}</td>
                                    </tr>

                                    <tr>
                                        <th>Phone:</th>
                                        <td>{{ client.phone }}</td>
                                    </tr>
                                    <tr>
                                        <th>Email:</th>
                                        <td>{{ client.email }}</td>
                                    </tr>
                                    <tr>
                                        <th>Employé ayant ajouté:</th>
                                        <td>{{ client.creator ? client.creator.fullname }}</td>
                                    </tr>
                                    <tr>
                                        <th>Date de création:</th>
                                        <td>{{ client.createdAt ? client.createdAt|date('Y-m-d H:i:s') : '' }}</td>
                                    </tr>

                                    </tbody>
                                </table>


                            </div>

                        </div>

                    </div><!--end col-->


                </div><!--end row-->
            </div>
            <div class="col-xl-8">
                <div class="col-xl-12 mt-4">

                    <div class="card rounded shadow border-0 p-4">
                        <h5>Commande Client:</h5>
                        {% if not client.sewingorders.empty%}
                        <table class="table">
                            <thead>
                                <tr>
                                    <th>Prix</th>
                                    <th>Service</th>
                                    <th>Date de fin</th>
                                    <th>Date de prise</th>
                                    <th>Statut</th>
                                    <th>Employé(e)</th>
                                    <th>actions</th>
                                </tr>
                            </thead>
                            <tbody>
                            {% for sewingorder in client.sewingorders %}

                                <tr>
                                    <td>{{ sewingorder.price  | format_currency(sewingorder.currency)}}</td>
                                    <td>{{ sewingorder.type.name }}</td>
                                    <td>{{ sewingorder.dueDate ? sewingorder.dueDate|date('Y-m-d H:i:s') : '' }}</td>
                                    <td>{{ sewingorder.createdAt ? sewingorder.createdAt|date('Y-m-d H:i:s') : '' }}</td>
                                    <td>{{ sewingorder.status }}</td>
                                    <td>{{ sewingorder.creator }}</td>
                                    <td>
                                        <a href="{{ path('sewing.sewingorder.show', {'id': sewingorder.id, 'workshop': workshop.id}) }}">Voir</a>
                                    </td>
                                </tr>


                            {% endfor %}
                            </tbody>
                        </table>
                        {% else%}
                            <h6>Aucune commande trouvée</h6>
                        {% endif%}
                    </div>
                </div>
            </div>
        </div>




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