{% extends 'Common/baseAdminPannel.html.twig' %}

    {% block title %}
        Reservación {{ reservation.folio }}
    {% endblock %}

    {% block body %}
        {% if warning is defined and warning %}
            <div class="col-md-12">
                <div class="alert alert-warning">{{ warning|raw  }}</div>
            </div>
        {% endif %}
        <div class="col-md-6">
            {% embed 'Common/baseAdminPannel.html.twig' %}
                {% block title %}
                    Datos de la reservación
                {% endblock %}
                {% block subtitle %}
                {% endblock %}
                {% block body %}
                    <div id="reservation-summary">
                        {% include 'backend/reservations/quotation/reservationSummary.html.twig'  %}
                    </div>
                {% endblock %}
            {% endembed %}
        </div>

        <div class="col-md-6">
            {% embed 'Common/baseAdminPannel.html.twig' %}
                {% block title %}
                    Datos del cliente
                {% endblock %}
                {% block subtitle %}
                {% endblock %}
                {% block body %}
                    <div id="client-data">
                        {% include 'backend/core/client/details.html.twig' with {"client":reservation.client, "contactData": reservation.client.contactDatas, "reservation":reservation} %}
                    </div>

                {% endblock %}
            {% endembed %}
        </div>

        <div class="col-md-12">
            {% embed 'Common/baseAdminPannel.html.twig' %}
                {% block title %}
                    Cotizaciones
                {% endblock %}
                {% block subtitle %}
                {% endblock %}
                {% block body %}
                    {% if is_granted("ADD_QUOTATION", reservation) and is_granted("RESERV_QUOTATION_CREATE") and not reservation.quotingFinished %}
                        <button class="btn btn-success loadaction" data-callbacks="addQuotation" data-url="{{ path('quotation_new', {reservation: reservation.id}) }}">Nueva cotización</button>
                    {% endif %}
                    <div class="batch-menu hidden" data-group="quotations">
                        <select class="form-control batch-select" data-url="{{ path('quotation_batch') }}" data-precheck="validateQuotationsBatch" data-callback="updateQuotationsBatch">
                            <option value="preview">Mostrar vista previa</option>
                            {% if is_granted("RESERV_QUOTATION_DELIVER") %}
                            <option value="deliver_options">Entregar cotización</option>
                            {% endif %}
                            <option value="authorization_letter">Entregar carta de autorización de pagos</option>
                        </select>
                        <button class="btn btn-success call-batch-action">
                            Realizar acción
                        </button>
                        <div class="clearfix"></div>
                    </div>
                    <div id="reservation-quotations" class="accordion">
                    <div class="panel-group" id="quotations-accordion">
                    {% if quotations %}
                        {% include 'backend/reservations/quotation/list.html.twig' with {quotation: quotations} %}
                    {% else %}
                        </div>
                        </div>
                        {#<h3>No cuentas con cotizaciones para esta reservación, puedes hacer click en el botón de "Nueva cotización" para empezar.</h3>#}
                    {% endif %}

                {% endblock %}
            {% endembed %}
        </div>
        <div class="col-md-12">
            {% embed 'Common/baseAdminPannel.html.twig' %}
                {% block title %}
                    Historial de interacción con el cliente
                {% endblock %}
                {% block subtitle %}
                {% endblock %}
                {% block body %}
                    {% if is_granted("RESERV_INTERACTION_CREATE") %}
                        <div class="select-ajax-wrapper">
                            <div class="form-group">
                                <select  class="form-control ajax-selector interaction-selector">
                                    <option value="" selected="selected">Selecciona el tipo de registro que deseas agregar</option>
                                    {% for type in staticCall("App\\Entity\\MessageInteraction", "getAvailableTypes")  %}
                                        <option data-type="{{ type }}" value="{{ path('interaction_new',{'type':type, 'reservation':reservation.id}) }}">{{ type|capitalize|trans }}</option>
                                    {% endfor %}
                                </select>
                            </div>
                            <div class="selected-content">

                            </div>
                        </div>
                    {% endif %}

                    <div class="card-content table-responsive">
                        <table class="table table-inverse">
                            <thead>
                            <tr>
                                <th>Tipo</th>
                                <th>Dirección</th>
                                <th>Comentario</th>
                                <th>Dato de contacto</th>
                                <th>Usuario</th>
                                <th>Fecha</th>
                                <th>Registro</th>
                            </tr>
                            </thead>
                            <tbody id="interaction-history">
                                {{ include('backend/core/interaction/list.html.twig', { interactions: reservation.interactions }) }}
                            </tbody>
                        </table>
                    </div>

                {% endblock %}
            {% endembed %}
        </div>


    {% endblock %}