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

    {% block title %}
        {{'refunds'|trans|capitalize}}
    {% endblock %}

    {% block body %}
        <div class="row">
            <div class="col-md-11">
                {% if service.tariff.serviceCharge %}
                    <div class="alert alert-info" >
            <span data-notify="message">
                {{ 'Cargos por servicio incluidos en el monto reembolsable.' }}<br>
                <strong>Cargos por servicio: </strong> {{ service.tariff.serviceCharge|price }}
            </span>
                    </div>
                {% else %}
                    <div class="alert alert-info" >
            <span data-notify="message">
                {{ 'La tarifa no tiene cargos por servicio.' }}
            </span>
                    </div>
                {% endif %}
            </div>
            <div class="col-md-1">
                <a class="loadinmodal" data-action="{{ path('tariff_view', {id: service.tariff.id}) }}" title="Ver tarifa">
                    <button type="button" class="btn btn-success btn-sm">
                        <i class="fa fa-2x fa-calculator"></i>
                    </button>
                </a>
            </div>
        </div>

        {% if  service.quotation.assertServicesTariffs is not null %}
            <div class="alert alert-info">
                <span>{{ 'Debe aprobar las tarifas de la cotización para poder gestionar reembolsos.' }} {{ service.quotation.assertServicesTariffs }}</span>
            </div>
        {% endif %}

        {% if is_granted("RESERV_REFUND_CREATE") and  service.hasOneCompleteRefund == false and service.quotation.assertServicesTariffs is null %}
            <div class="select-ajax-wrapper">
                <div class="form-group">
                    <div class="row">
                        <div class="col-md-12">
                            <select  class="form-control ajax-selector">
                                <option value="" selected="selected">Selecciona el tipo de registro que deseas agregar</option>
                                {% for type in staticCall("App\\Entity\\Reservations\\Refund", "getAvailableTypes") %}
                                    {%  if type not in [service.getProviderRefundType, service.getSavingToClientPurseType]
                                        or (type == service.getProviderRefundType and service.getPayPublicTariff and service.getProviderCommissionRefund is null and service.isTotalPayedToProvider)
                                        or (type == service.getSavingToClientPurseType and service.getNoRefundedClientSaving > 0 and service.getClientSavingRefund|length == 0 and service.isTotalPayedByClient) %}
                                        <option value="{{ path('refund_new', { 'type':type, 'service':service.id }) }}">{{ type|capitalize|trans }}</option>
                                    {% endif %}
                                {% endfor %}
                            </select>
                        </div>
                    </div>
                </div>
                <div class="selected-content">

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

        <div class="row">
            <div class="col-md-12">
                <div id="refunds-payments-summary">
                    {% include 'backend/reservations/service/refundsSummary.html.twig' with {service: service} %}
                </div>
            </div>
        </div>

        {% if  service.quotation.assertServicesTariffs is null %}
            <div class="card-content table-responsive">
                <table
                        data-unique-id="id"
                        data-show-refresh="true"
                        class="table table-hover"
                        data-toggle="table"
                        data-search="true"
                        data-pagination="true"
                        data-height="550"
                        data-page-list="[5, 10, 20, 50, 100, 200]"
                        data-show-columns="true"
                        data-side-pagination="server"
                        data-url="{{ fetchRoute }}">
                    <thead>
                    <tr>
                        {% for field in fields %}
                            {% if field.name == "id" %}
                                <th data-field="id" data-visible="false">ID</th>
                            {% else %}
                                <th data-field="{{ field.name }}" data-sortable="{{ field.type ?'true':'false'}}">{{ field.name|trans|capitalize }}</th>
                            {% endif %}
                        {% endfor %}
                        <th data-field="actions" data-sortable="false">{{ "actions"|trans|capitalize }}</th>
                    </tr>
                    </thead>
                    <tbody>
                    </tbody>
                </table>
            </div>
        {% endif %}

    {% endblock %}