{% extends "admin/base.html.twig" %}

{% trans_default_domain 'ec_admin' %}

{% set pageTitle = 'Commande n°'|trans ~ ' ' ~ entity.number %}
{% block title %}{{ pageTitle }}{% endblock %}
{% block pageTitle %}{{ pageTitle }}{% endblock %}

{% block stylesheets %}
    {{ parent() }}
{% endblock %}

{% block javascripts %}
    {{ parent() }}
{% endblock %}

{% block body %}

    {% set emailContact = entity.user %}
    {% set emailStatus = entity.status %}
    {% set email = emailStatus ? emailStatus.email : null %}
    {% set emailI18n = email|i18n(emailContact.locale) %}
    {% if emailStatus %}
        {% set emailI18n = emailI18n ? emailI18n : emailStatus.email|i18n('fr') %}
    {% endif %}

    <div id="edit-form-{{ interface.name }}" class="card">

        {{ form_start(form, {"attr": {"novalidate": "novalidate", "action": app.request.uri, 'id': 'admin-form-quotation'}}) }}

            <div class="card-header card-title">
                <div class="row">
                    <div class="col-md-6">
                        {% if emailI18n and email and email.isActive %}
                            <a href="mailto:{{ emailContact.email }}?subject={{ emailI18n.title|emailSubjectEC(entity) }}&body={{ emailI18n|emailEC(emailContact, entity)|mailToBody }}"
                               class="btn btn-dark"
                               data-toggle="tooltip"
                               title="{{ emailStatus|emailEntitled }}">
                                <i class="fas fa-paper-plane mr-2"></i> {{ "Envoyer un mail"|trans }}
                            </a>
                        {% endif %}
                    </div>
                    <div class="col-md-6 text-right">
                        <span data-toggle="tooltip" title="{{ "Retourner à la page précédente"|trans }}">
                            <a href="{{ lastRoute() }}"
                               class="btn btn-white waves-effect text-info"
                               data-toggle="preloader">
                                <i class="fas fa-reply"></i>
                            </a>
                        </span>
                        {{ form_row(form.saveBack) }}
                        {{ form_row(form.save) }}
                    </div>
                </div>
            </div>

            <div class="card-body pb-0">
                <div class="row">

{#                    <div class="col-12">#}
{#                        <h4 class="card-subtitle mb-4"><i class="fal fa-user-tie mr-2"></i>{{ "Chef de projets"|trans }}</h4>#}
{#                        <div class="row">#}
{#                            {% if form.projectManager is defined %}#}
{#                                {{ form_row(form.projectManager) }}#}
{#                            {% endif %}#}
{#                        </div>#}
{#                    </div>#}

                    <div class="col-md-6">
{#                        <h4 class="card-subtitle mb-4"><i class="fas fa-barcode mr-2"></i>{{ "Références de l'offre"|trans }}</h4>#}
                        <h4 class="card-subtitle mb-4">
                            <div class="row">
                                <div class="col-md-6 my-auto"><i class="fas fa-barcode mr-2"></i>{{ "Références de l'offre"|trans }}</div>
                                <div class="col-md-6 text-small text-right my-auto">
                                    {% if form.forceStatus is defined %}
                                        {{ form_widget(form.forceStatus) }}
                                    {% endif %}
                                </div>
                            </div>
                        </h4>
                        <div class="row">
                            {% if form.number is defined %}
                                {{ form_row(form.number) }}
                            {% endif %}
                            {% if form.order.number is defined %}
                                {{ form_row(form.order.number) }}
                            {% endif %}
                            {% if form.status is defined %}
                                {{ form_row(form.status) }}
                            {% endif %}
                        </div>
                    </div>

                    <div class="col-md-6">
                        <h4 class="card-subtitle mb-4"><i class="fal fa-calendar-alt mr-2"></i>{{ "Dates"|trans }}</h4>
                        <div class="row">
                            {% if form.order.productionDate is defined %}
                                {{ form_row(form.order.productionDate) }}
                            {% endif %}
                            {% if form.order.delay is defined %}
                                {{ form_row(form.order.delay) }}
                            {% endif %}
                            {% if form.order.deliveryDate is defined %}
                                {{ form_row(form.order.deliveryDate) }}
                            {% endif %}
                            {% if form.order.remainingTime is defined %}
                                {{ form_row(form.order.remainingTime) }}
                            {% endif %}
                        </div>
                    </div>

                    <div class="col-md-12 mb-4">
                        <h4 class="card-subtitle mb-4"><i class="fal fa-file-pdf mr-2"></i>{{ "Devis (.pdf)"|trans }}</h4>
                        <div class="row quotation-pdf">
                            {% if form.quotation_file is defined %}
                                {{ form_row(form.quotation_file) }}
                            {% endif %}
                            <div class="col-12 mt-3">
                                {% if entity.dirname %}
                                    <a href="{{ asset(entity.dirname) }}" target="_blank" class="btn btn-outline-dark w-100"><i class="fal fa-upload mr-2"></i>{{ "Devis"|trans }}</a>
                                {% else %}
                                    <div class="w-100 btn btn-danger"><i class="fal fa-exclamation-triangle mr-2"></i>{{ "Aucun devis téléchargé."|trans }}</div>
                                {% endif %}
                            </div>
                        </div>
                    </div>

{#                    <div class="col-md-6 mb-4">#}
{#                        <h4 class="card-subtitle mb-4"><i class="fal fa-file-pdf mr-2"></i>{{ "Bon de commande (.pdf)"|trans }}</h4>#}
{#                        <div class="row quotation-pdf">#}
{#                            {% if form.order.order_file is defined %}#}
{#                                {{ form_row(form.order.order_file) }}#}
{#                            {% endif %}#}
{#                            <div class="col-12 mt-3">#}
{#                                {% if entity.order.dirname %}#}
{#                                    <a href="{{ asset(entity.order.dirname) }}" target="_blank" class="btn btn-outline-dark w-100"><i class="fal fa-upload mr-2"></i>{{ "Bon de commande"|trans }}</a>#}
{#                                {% else %}#}
{#                                    <div class="w-100 btn btn-danger"><i class="fal fa-exclamation-triangle mr-2"></i>{{ "Aucun bon de commande téléchargé."|trans }}</div>#}
{#                                {% endif %}#}
{#                            </div>#}
{#                        </div>#}
{#                    </div>#}

                    <div class="col-md-12">
                        <h4 class="card-subtitle mb-4"><i class="fal fa-truck mr-2"></i>{{ "Numéros de tracking"|trans }}</h4>
                        <div class="row">
                            {% if form.order.trackingTntNumber is defined %}
                                {{ form_row(form.order.trackingTntNumber) }}
                            {% endif %}
                            {% if form.order.trackingTntNumberSecond is defined %}
                                {{ form_row(form.order.trackingTntNumberSecond) }}
                            {% endif %}
                            {% if form.order.trackingDhlNumber is defined %}
                                {{ form_row(form.order.trackingDhlNumber) }}
                            {% endif %}
                            {% if form.order.trackingDhlNumberSecond is defined %}
                                {{ form_row(form.order.trackingDhlNumberSecond) }}
                            {% endif %}
                            {% if form.order.trackingOthers is defined %}
                                {{ form_row(form.order.trackingOthers) }}
                            {% endif %}
                            {% if form.order.handTracking is defined %}
                                {{ form_row(form.order.handTracking) }}
                            {% endif %}
                        </div>
                    </div>

                    <div class="col-md-12 mb-4">
                        <h4 class="card-subtitle mb-4"><i class="fal fa-file mr-2"></i>{{ "Rapport dimensionnel"|trans }}</h4>
                        <div class="row quotation-pdf">
                            {% if form.order.order_file_other is defined %}
                                {{ form_row(form.order.order_file_other) }}
                            {% endif %}
                            <div class="col-12 mt-3">
                                {% if entity.order.dirnameOther %}
                                    <a href="{{ asset(entity.order.dirnameOther) }}" target="_blank" class="btn btn-outline-dark w-100"><i class="fal fa-upload mr-2"></i>{{ "Rapport"|trans }}</a>
                                {% else %}
                                    <div class="w-100 btn btn-danger"><i class="fal fa-exclamation-triangle mr-2"></i>{{ "Aucun rapport téléchargé."|trans }}</div>
                                {% endif %}
                            </div>
                        </div>
                    </div>

                </div>
            </div>

        {{ form_end(form) }}

        {% set order = entity.order %}

        {% if entity.order %}

            <div class="card-body pt-0">

                {% if order.pictures|length > 0 %}
                    <h4 class="card-subtitle mb-4">
                        <div class="row">
                            <div class="col-md-6 my-auto">
                                <i class="fal fa-images mr-2"></i>{{ "Images"|trans }}
                            </div>
                            <div class="col-md-6 my-auto text-right">
                                <span id="delete-order-pictures"
                                      class="btn btn-danger btn-xs d-none cursor" data-toogle="tooltip" title="{{ "Supprimer les images"|trans }}">
                                    <i class="fa fa-trash"></i>
                                </span>
                            </div>
                        </div>
                    </h4>
                    <ul id="pictures-list" class="reset">
                        {% for picture in order.pictures %}
                            <li class="d-inline-block bg-light mr-2 mb-2">
                                <span data-href="{{ path('admin_picture_delete', {'website': websiteId(), 'picture': picture.id}) }}" class="delete-order-picture cursor position-relative">
                                    <img src="{{ asset(picture.dirname) }}" alt="{{ picture.filename }}" title="{{ picture.filename }}" class="img-fluid" />
                                    <div class="vertical-align">
                                        <div class="inner">
                                            <i class="fa fa-check"></i>
                                        </div>
                                    </div>
                                </span>
                            </li>
                        {% endfor %}
                    </ul>
                {% endif %}

                <h4 class="card-subtitle mb-4{% if order.pictures|length > 0 %} mt-3{% endif %}"><i class="fal fa-download mr-2"></i>{{ "Ajouter les photos des pièces"|trans }}</h4>

                {{ render_esi(controller("App\\Module\\InternationalBundle\\Controller\\Admin\\OrderController::uploader", {'website': websiteId(), 'order': entity.order.id})) }}

            </div>

        {% endif %}

    </div>

{% endblock %}