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

{% block container %}
    {% embed 'views/macro_card.html.twig' with {'color': 'dark', 'type': 'outline'} %}
        {% block card_title %}<i class="fas fa-store"></i> <b>Commande réf :</b> {{ selectedCommande.ref }}{% endblock %}
        {% block card_tools %}
            <a class="btn bg-gradient-maroon btn-sm" href="{{ path('vendeur_commande') }}"><i class="fas fa-list"></i> Liste des commandes</a>
            <a class="btn bg-gradient-yellow btn-sm" href="{{ path('security_logout') }}"><i class="fas fa-sign-out-alt"></i> Déconnecter</a>
        {% endblock %}
        {% block card_before %}<form id="_Form_Client" method="post" enctype="multipart/form-data" role="form">{% endblock %}
        {% block card_body %}
            {% include 'admin/partials/flashmessages.html.twig' %}
            <div class="row">
                <input type="hidden" name="idCommande" id="idCommande" value="{{ selectedCommande.id }}">
                <input type="hidden" name="idClient" id="idClient" value="{{ selectedCommande.fkClient.id }}">
                <div class="col-sm-6">
                    <div class="form-group has-feedback">
                        <input type="text" name="nom" id="nom" class="form-control" placeholder="Nom" value="{{ selectedCommande.fkClient.lastName }}" required>
                    </div>
                </div>
                <div class="col-sm-6">
                    <div class="form-group">
                        <input type="text" name="prenom" id="prenom" class="form-control" placeholder="Prénom" value="{{ selectedCommande.fkClient.firstName }}" required>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-6">
                    <div class="input-group mb-3">
                        <div class="input-group-prepend">
                            <span class="input-group-text"><i class="fas fa-envelope"></i></span>
                        </div>
                        <input type="email" name="email" id="email" class="form-control" placeholder="Adresse email" value="{{ selectedCommande.fkClient.email }}">
                    </div>
                </div>
                <div class="col-sm-6">
                    <div class="input-group mb-3">
                        <div class="input-group-prepend">
                            <span class="input-group-text"><i class="fas fa-phone"></i></span>
                        </div>
                        <input type="text" name="phone" id="phone" class="form-control" placeholder="Téléphone" value="{{ selectedCommande.fkClient.phone }}">
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-6">
                    <div class="form-group">
                        <select name="selectMarche" id="selectMarche"
                                class="selectMarchePicker selectPicker form-control"
                                title="Veuillez choisir le marché de livraison">
                            {% for marche in listMarche %}
                                {% if selectedCommande.fkLieuLivraison.id == marche.id %}{% set selected = 'selected' %}{% else %}{% set selected = '' %}{% endif %}
                                <option style="font-weight: bold;color: #000;"  value="{{ marche.id }}" {{ selected }}>{{ marche.name }}</option>
                            {% endfor %}
                        </select>
                    </div>
                </div>
                <div class="col-sm-6">
                    <div class="form-group">
                        <input type="text" name="dateLivraison" id="dateLivraison" class="form-control datePicker" placeholder="Date de livraison" autocomplete="off">
                    </div>
                </div>
            </div>
        {% endblock %}
        {% block card_footer %}
            <button type="submit" style="font-size: 20px;" id="panierValidateButton" class="btn btn-block bg-gradient-primary text-bold">
                <i class="fas fa-edit"></i> Modifier la commande
            </button>
        {% endblock %}
        {% block card_after %}</form>{% endblock %}
    {% endembed %}
{% endblock %}

{% block javascripts %}
    {{ parent() }}
    <script>
        let _dateLivred = '{{ selectedCommande.livredAt.format('d/m/Y') }}'
    </script>
    {{ encore_entry_script_tags('paniersClientEdit') }}
{% endblock %}