{% extends 'user_enterprise.html.twig' %}
{% block title %}
    Encaisser la somme de la commande
{% endblock %}


{% block body %}
<div class="container-fluid">
    <div class="layout-specing">
        <h4>Encaisser un montant pour la commande</h4>
        <div class="row row-cols-xl-5 row-cols-md-2 row-cols-1">

            <div class="col mt-4">
                <a href="{{ path('sewing.sewingorder.show', {'workshop': workshop.id, 'id': sewingorder.id }) }}"
                   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-list-ol fs-4 mb-0"></i>
                        </div>
                        <div class="flex-1 ms-3">
                            <h6 class="mb-0 text-muted">{% trans %} Retour à la Commande {% endtrans %}</h6>
                            <p class="fs-5 text-dark fw-bold mb-0"></p>
                        </div>
                    </div>
                </a>
            </div>


            <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-edit fs-4 mb-0"></i>
                        </div>
                        <div class="flex-1 ms-3">
                            <h6 class="mb-0 text-muted">{% trans %} Prix Commande {% endtrans %}</h6>
                            <p class="fs-5 text-dark fw-bold mb-0"><span class=""
                                                                         data-target="{{ "" }}">{{ sewingorder.price | format_currency(sewingorder.currency) }}</span></p>
                        </div>
                    </div>

                </a>
            </div>
            <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-plus fs-4 mb-0"></i>
                        </div>
                        <div class="flex-1 ms-3">
                            <h6 class="mb-0 text-muted">{% trans %} Déjà Encaissé {% endtrans %}</h6>
                            <p class="fs-5 text-dark fw-bold mb-0"><span class=""
                                                                         data-target="{{ totalCollected }}">{{ totalCollected | format_currency(sewingorder.currency) }}</span></p>
                        </div>
                    </div>

                </a>
            </div>
            {% if not isCompleted%}
            <div class="col mt-4">
                <a href="#"
                   class="features feature-primary d-flex justify-content-between align-items-center rounded shadow p-3  bg-danger">
                    <div class="d-flex align-items-center">
                        <div class="icon text-center rounded-pill">
                            <i class="uil uil-bill fs-4 mb-0"></i>
                        </div>
                        <div class="flex-1 ms-3">
                            <h6 class="mb-0 text-muted">{% trans %} Reste à Encaisser {% endtrans %}</h6>
                            <p class="fs-5 text-dark fw-bold mb-0"><span class=""
                                                                         data-target="{{ restCollected }}">{{ restCollected | format_currency(sewingorder.currency) }}</span></p>
                        </div>
                    </div>

                </a>
            </div>
            {% endif%}


        </div>
        <hr>


        <div class="form-row">
            <div class="col-md-8">
                <div class="card shadow border-0 p-4 pb-0 rounded mb-4">

                {{ form_start(form)}}

                <div class="col-12 col-md-9 mb-2 mb-md-3">
                    {{ form_row(form.amount, {'attr' : { 'placeholder' : "La Somme partielle ou restant à encaisser " | trans , 'max': sewingorder.restCollected}}) }}
                </div>

                <div class="col-12 col-md-9 mb-2 mb-md-3">
                    {{ form_row(form.gateway, {'attr' : { 'placeholder' : "Moyen de paiement" | trans  }}) }}
                </div>
                <div class="col-12 col-md-9 mb-2 mb-md-3">
                    {{ form_row(form.status, {'attr' : { 'placeholder' : "Statut du paiement" | trans  }}) }}
                </div>

                <button  type="submit" id="btn-submit" class="btn btn-primary mb-4"> Payer </button>
                {{ form_end(form) }}
            </div>
        </div>
        </div>



    </div>
</div>

{% endblock %}