{% macro displayOffers(title, results) %}
    <div class="row">
        {% for data in results %}
            <div class="clearfix">
                <div class="col-md-6">
                    {{ title|trans({}, 'OfferTrans') }} :
                    <strong>
                        {{ data.name }}
                    </strong>
                </div>

                <div class="col-md-6">
                    <div class="pull-right text-right">
                        <em>
                            {{ 'list.last_published_offers_end_date'|trans({}, 'OfferTrans') }} :
                            <strong>
                                {% if data.lastPublishedOffersEndDate is not empty %}
                                    {{data.lastPublishedOffersEndDate|date('d/m/Y H:i')}}
                                {% else %}
                                    -
                                {% endif %}
                            </strong>
                        </em>
                        <br/>
                        <em>
                            {{ 'list.last_published_offers_start_date'|trans({}, 'OfferTrans') }} :
                            <strong>
                                {% if data.lastPublishedOffersStartDate is not empty %}
                                    {{data.lastPublishedOffersStartDate|date('d/m/Y H:i')}}
                                {% else %}
                                    -
                                {% endif %}
                            </strong>
                        </em>
                    </div>
                </div>
            </div>

            <hr class="col-md-12"/>

            {% if data.portals is defined %}
                <div class="col-md-12">
                    <table class="table table-striped">
                        <thead>
                            <th>
                                {{ 'list.portal'|trans({}, 'OfferTrans') }}
                            </th>
                            <th>
                                {{ 'list.vehicles_nb'|trans({}, 'OfferTrans') }}
                            </th>

                            {% if data.portals|length > 1 %}
                                <th>
                                    {{ 'list.portal'|trans({}, 'OfferTrans') }}
                                </th>
                                <th>
                                    {{ 'list.vehicles_nb'|trans({}, 'OfferTrans') }}
                                </th>
                            {% endif %}
                        </thead>

                        <tbody>
                            {% for key, portal in data.portals %}
                                {% if loop.index0%2 == 0 %}
                                    {% if loop.index0 > 0 %}
                                        </tr>
                                    {% endif %}
                                    <tr>
                                {% endif %}

                                <th class="border-separator">
                                    {{ portal.getPortalName() }}
                                </th>

                                <td class="border-separator text-right">
                                    <span data-format="number">{{ portal.getNbPublishedOffers() }}</span>
                                </td>
                            {% endfor %}  
                            </tr>
                        </tbody>
                    </table>
                </div>
            {% endif %}
        {% endfor %}
    </div>
{% endmacro %}

<div
    id="modal-totals-offers"
    class="modal modal-center inmodal fade"
    tabindex="-1"
    role="dialog"
    aria-hidden="true"
>
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
                <h4 class="modal-title">{{ 'modal.totals_offers.title'|trans({}, 'OfferTrans') }}</h4>
            </div>
            <div class="modal-body clearfix">
                {{ _self.displayOffers('modal.totals_offers.group', resultGroup) }}
                {{ _self.displayOffers('modal.totals_offers.group_fleet', resultGroupFleet) }}
            </div>
            <div class="modal-footer">
                <div class='kepler-row clearfix'>
                    <button type="button" class="col-lg-12 btn btn-white" data-dismiss="modal">
                        {{ 'modal.close'|trans({}, 'CommonTrans' ) }}
                    </button>
                </div>
            </div>
        </div>
    </div>
</div>