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

{% trans_default_domain 'ec_admin' %}

{% set title = "Quotations"|trans %}

{% block title %}{{ title|raw }}{% endblock %}
{% block pageTitle %}{{ title|raw }}{% endblock %}

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

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

{% block body %}

    <div id="entities-index" class="ec-index card d-inline-block w-100 synchronize-quotations">

        <div class="card-header bg-info-light">
            <div class="row">
                <div class="col-md-8 my-auto">
                    {% if searchForm %}
                        {{ form_start(searchForm, {'attr': {'id': 'index-search-form', 'class': 'form-material', 'novalidate': 'novalidate', 'action': app.request.uri}}) }}
                            <div id="index-search-block" class="row">
                                <div class="form-group pl-2 mb-0">
                                    {{ form_widget(searchForm.search) }}
                                    <span id="index-search-submit"
                                          class="btn btn-outline-secondary cursor h-100 position-absolute"
                                          data-toggle="tooltip" title="{{ "Rechercher"|trans }}">
                                        <i class="fal fa-search"></i>
                                    </span>
                                </div>
                            </div>
                        {{ form_end(searchForm) }}
                    {% endif %}
                </div>
                <div class="col-md-4 text-right my-auto">
                    <a href="{{ lastRoute() }}" class="btn btn-white waves-effect text-info quotation-back"
                       data-toggle="tooltip" title="{{ "Retourner à la page précédente"|trans }}">
                        <i class="fas fa-reply"></i>
                    </a>
                    <span id="quotations-filters-wrap">
                        {% set userId = app.user.id is defined ? app.user.id : null %}
                        <form action="{{ app.request.uri }}" method="GET">
                            <select id="quotations-filters" name="filter" data-placeholder="{{ "Filtrer"|trans }}">
                                <option value=""></option>
                                <option value="all"{% if app.request.get('filter') == 'all' %} selected {% endif %}>{{ "Tout afficher"|trans }}</option>
                                <option value="tomorrow"{% if app.request.get('filter') == 'tomorrow' %} selected {% endif %}>{{ "Livraisons prévues demain"|trans }}</option>
                                <option value="today"{% if app.request.get('filter') == 'today' %} selected {% endif %}>{{ "Livraisons prévues aujourd'hui"|trans }}</option>
                                <option value="late"{% if app.request.get('filter') == 'late' %} selected {% endif %}>{{ "Out of schedule"|trans }}</option>
                                <option value="project-manager"{% if app.request.get('filter') == 'project-manager' %} selected {% endif %}>{{ "Chefs de projet"|trans }}</option>
                            </select>
                        </form>
                    </span>
                    {% if routeExist('admin_quotation_new') and 'edit'|moduleActive(allModules) %}
                        {{ render_esi(controller(namespace ~ "::new", {'website': website.id})) }}
                    {% endif %}
                </div>
            </div>
        </div>

        <div id="result" class="position-relative">

            {% include 'admin/include/stripe-preloader.html.twig' with {'preloaderId': 'index-preloader'} only %}

            <table class="table table-striped mb-0{% if pagination|length == 0 %} empty-table{% endif %}">

                <thead>
                    <tr>
                        <th>{{ "Numéro de devis"|trans }}</th>
                        <th class="th-status-orders">{{ "Infos"|trans }}</th>
                        <th class="th-buttons-orders text-center">{{ "Devis"|trans }}</th>
                        <th class="text-center">{{ "Envoie de mail"|trans }}</th>
                        <th class="th-buttons-actions text-right">{{ "Actions"|trans }}</th>
                    </tr>
                </thead>

                <tbody>

                {% for entity in pagination %}

                    <tr>
                        <td class="align-middle">{{ entity.number }}</td>
                        <td class="align-middle">
                            <ul class="infos-list reset text-italic d-inline-block">
                                {% if entity.projectManager.name is defined and entity.projectManager.name %}
                                    <li>
                                        <small class="d-inline-block">
                                            <b class="font-weight-600">{{ "Chef de projet"|trans }}</b> : {{ entity.projectManager.name }}
                                        </small>
                                    </li>
                                {% endif %}
                                <li>

                                    {% set productionDate = entity.order.productionDate is defined and entity.order.productionDate ? entity.order.productionDate : null %}
                                    {% set productionDate = productionDate|orderProductionDate(entity.order.deliveryDate) %}
                                    {% set productionDate = productionDate ? productionDate|localizeddate('none', 'none', app.request.locale, null, "cccc dd MMMM Y") : 'N/C'|trans %}
                                    {% set deliveryDate = entity.order.deliveryDate is defined and entity.order.deliveryDate ? entity.order.deliveryDate|localizeddate('none', 'none', app.request.locale, null, "cccc dd MMMM Y") : 'N/C'|trans %}

                                    <small class="d-inline-block">
                                        <b class="font-weight-600">{{ "Date de mise production"|trans }}</b> : {{ productionDate }}
                                    </small>
                                </li>
                                <li>
                                    <small class="d-inline-block">
                                        <b class="font-weight-600">{{ "Date de livraison"|trans }}</b> : {{ deliveryDate }}
                                    </small>
                                </li>
                                <li>
                                    {% set i18n = entity.status|i18n(app.request.locale) %}
                                    {% set i18n = i18n and i18n.placeholder is defined and i18n.placeholder ? i18n : entity.status|i18n('fr') %}
                                    {% set content = entity.status and i18n and i18n.placeholder is defined and i18n.placeholder ? i18n.placeholder : 'N/C'|trans %}
                                    <small class="d-inline-block">
                                        {% set status = entity|quotationStatus %}
                                        <b class="font-weight-600">{{ "Statut"|trans }}</b> : <span class="text-{{ status.adminColor }}"><i class="{{ status.icon }} ml-2 mr-1"></i>{{ content }}</span>
                                    </small>
                                </li>
                                {% set contact = entity.user %}
                                <li>
                                    <small class="d-inline-block">
                                        <b class="font-weight-600">{{ "Contact"|trans }}</b> : <i class="flag-icon flag-icon-{{ contact.locale }} ml-2 mr-1" data-toggle="tooltip" title="{{ contact.locale|languageName }}"></i>
                                        <a href="{{ path('admin_userfront_edit', {"website": websiteId(), 'userfront': entity.user.id}) }}" data-toggle="tooltip" title="{{ "Voir la fiche de "|trans ~ ' ' ~ contact.username }}">{{ contact.username }}</a>
                                    </small>
                                </li>
                                <li>
                                    <small class="d-inline-block">
                                        {% set companyName = contact.customer.name %}
                                        <b class="font-weight-600">{{ "Entreprise"|trans }}</b> :
                                        <a href="{{ path('admin_customer_edit', {"website": websiteId(), 'customer': contact.customer.id}) }}" data-toggle="tooltip" title="{{ "Voir la fiche de"|trans ~ ' ' ~ companyName }}">{{ companyName }}</a>
                                    </small>
                                </li>
                            </ul>
                        </td>
                        <td class="align-middle text-center">
                            <div>
                                {% set quotationPdf = entity.dirname is defined and entity.dirname %}
                                {% if 'edit'|moduleActive(allModules) and quotationPdf %}
                                    <a href="{{ entity.dirname }}" target="_blank"
                                       data-toggle="tooltip" title="{{ "Devis"|trans }}" class="btn btn-dark btn-sm d-inline-block bulle-wrap mr-2">
                                        <i class="fal fa-file-pdf"></i>
                                        {% if quotationPdf %}
                                            <span class="bulle bg-ec-success"><i class="fal fa-check"></i></span>
                                        {% endif %}
                                    </a>
                                {% endif %}
{#                                {% set orderBC = entity.order.dirname is defined and entity.order.dirname %}#}
{#                                {% if 'edit'|moduleActive(allModules) and orderBC %}#}
{#                                    <a href="{{ entity.order.dirname }}" target="_blank"#}
{#                                       data-toggle="tooltip" title="{{ "Bon de commande"|trans }}" class="btn btn-dark btn-sm d-inline-block bulle-wrap mr-2">#}
{#                                        <i class="fal fa-file-pdf"></i>#}
{#                                        {% if quotationPdf %}#}
{#                                            <span class="bulle bg-ec-success"><i class="fal fa-check"></i></span>#}
{#                                        {% endif %}#}
{#                                    </a>#}
{#                                {% else %}#}
{#                                    <a data-toggle="tooltip" title="{{ "Bon de commande"|trans }}" class="btn btn-dark btn-sm d-inline-block bulle-wrap mr-2">#}
{#                                        <i class="fal fa-file-pdf text-white"></i>#}
{#                                        {% if quotationPdf %}#}
{#                                            <span class="bulle bg-ec-danger"><i class="fal fa-times"></i></span>#}
{#                                        {% endif %}#}
{#                                    </a>#}
{#                                {% endif %}#}
                            </div>
                        </td>
                        <td class="align-middle text-center">
                            {% set status = entity.status %}
                            {% set email = status ? status.email : null %}
                            {% set i18n = email|i18n(contact.locale) %}
                            {% if status %}
                                {% set i18n = i18n ? i18n : status.email|i18n('fr') %}
                            {% endif %}
                            {% if i18n and email and email.isActive %}
                                <a href="mailto:{{ contact.email }}?subject={{ i18n.title|emailSubjectEC(entity) }}&body={{ i18n|emailEC(contact, entity)|mailToBody }}" class="btn btn-dark btn-sm" data-toggle="tooltip" title="{{ status|emailEntitled }}">
                                    <i class="fas fa-paper-plane"></i>
                                </a>
                            {% endif %}
                        </td>
                        <td class="align-middle text-right">
                            {% if 'edit'|moduleActive(allModules) %}
                                <a{% if status and entity.status.slug != 'stand-by' %} href="{{ path('admin_quotation_stand_by', {'website': website.id, 'quotation': entity.id}) }}"{% endif %}
                                   data-stand-by="{{ "Quotation en stand-by"|trans }}"
                                   data-btn-alert="{{ "Oui, mettre en stand-by !"|trans }}"
                                   data-toggle="tooltip" title="{% if status and entity.status.slug != 'stand-by' %}{{ "Mettre la quotation en stand-by"|trans }}{% else %}{{ "Quotation en stand-by"|trans }}{% endif %}"
                                   class="btn btn-transparent p-0 ml-3{% if status and entity.status.slug != 'stand-by' %} swal-delete-link btn-stand-by{% endif %}">
                                    <i class="fas fa-pause-circle{% if status and entity.status.slug == 'stand-by' %} text-danger{% endif %}"></i>
                                </a>
                            {% endif %}
                            {% if 'edit'|moduleActive(allModules) %}
                                <span class="d-inline-block" data-toggle="preloader">
                                    <a href="{{ path('admin_quotation_edit', {'website': website.id, 'quotation': entity.id}) }}"
                                       data-toggle="tooltip" title="{{ "Éditer la quotation"|trans }}" class="btn btn-transparent p-0 ml-3">
                                        <i class="fas fa-pencil-alt"></i>
                                    </a>
                                </span>
                            {% endif %}
                            {% if 'delete'|moduleActive(allModules) %}
                                <span class="btn d-inline-block text-center p-0 ml-3">
                                    <a href="{{ path('admin_quotation_delete', {'website': website.id, 'quotation': entity.id}) }}"
                                       data-toggle="tooltip" title="{{ "Supprimer la quotation"|trans }}"
                                       data-target="#entity-row-{{ entity.id }}"
                                       class="text-dark swal-delete-link">
                                        <i class="fas fa-trash"></i>
                                    </a>
                                </span>
                            {% endif %}
                        </td>
                    </tr>

                {% else %}
                    <tr>
                        <td colspan="4" class="text-center w-100">{{ "Aucune quotation"|trans }}</td>
                    </tr>
                {% endfor %}

                </tbody>
            </table>

            {% include 'admin/core/include/pagination.html.twig' %}

        </div>
    </div>

{% endblock %}