{% extends 'backend/reservations/pdf/transformed/service.html.twig' %}

{% block serviceName %}{{ 'Servicio de '~ type|trans|capitalize }}{% endblock %}

{% block service_info %}
    {% for insurance in service %}
        <div class="row">
            <br>
            <div class="col-xs-12">
                <strong>{{ "Lugar" |trans |capitalize }}: </strong> <span class="blue bigger">{{ insurance['insurance'] }}</span>
            </div>

            {#<div class="col-xs-3">#}
                {#<strong>{{ "start date" |trans |capitalize }}: </strong> {{ insurance['startDate'] |date("d-m-Y") }}#}
            {#</div>#}

            {#<div class="col-xs-3">#}
                {#<strong>{{ "end date" |trans |capitalize }}: </strong> {{ insurance['endDate'] |date("d-m-Y")  }}#}
            {#</div>#}



            <div class="col-xs-12">
                <br>
                <strong>{{ "options" |trans |upper }}: </strong>
                <div style="background-color: white">
                    <table class="table table-bordered">
                        <thead>
                        <th>{{ "start date" |trans |capitalize }}</th>
                        <th>{{ "end date" |trans |capitalize }}</th>
                        <th>{{ "travelers" |trans |capitalize }}</th>
                        <th>{{ "precio" |trans |capitalize }}</th>
                        </thead>
                        <tbody>

                        {% for option in insurance['options'] %}
                            <tr>
                                <td>{{ option["startDate"]|date('d-m-Y')  }}</td>
                                <td>{{ option["endDate"]|date('d-m-Y')  }}</td>
                                <td>{{ option["travelers"] }}</td>
                                <td><span class="blue bigger">{{ option["price"] }}</span></td>
                            </tr>
                            <tr>
                                <th colspan="4" class="text-center">{{ 'Especificaciones' }}</th>
                            </tr>
                            <tr>
                                <td colspan="4">{{ option.specifications|raw }}</td>
                            </tr>
                            <tr>
                                <th colspan="4" class="text-center">{{ 'Observaciones' }}</th>
                            </tr>
                            <tr style="border-bottom: 2px solid black">
                                <td colspan="4">{{ option.observations|raw }}</td>
                            </tr>
                        {% endfor %}
                        </tbody>
                    </table>
                </div>

                {#<div class="col-xs-5">#}
                    {#<strong>{{ "observations" |trans |capitalize }}: </strong> {{ insurance['observations']|raw }}#}
                {#</div>#}

            </div>
        </div>
        <br>
        <hr style="width: 100%">
        <br>


    {% endfor %}


{% endblock %}