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


    {% if form is defined %}
        {% form_theme form 'backend/form/serviceServicePayment.twig'  %}
    {% endif %}

    {% block title %}
        {{ 'Tranferencia de pagos al crédito con el proveedor' }}
    {% endblock %}

    {% block body %}

        <div class="row">
            <div class="col-md-11">
                <div class="alert alert-info">
                    <b>{{ 'Monto transferible' }}: </b>{{ service.getTotalTransferableToProviderCreditAccount|price(service.tariff.currency) }}
                </div>
            </div>
            <div class="col-md-1">
                <div class="text-right" style="cursor: pointer;position: relative;top: 5px;">
                    {#Help#}
                    <a class="text-info loadinmodal"  data-action="{{ path('provider_credit_account_help', {"type":'provider_credit_account'}) }}" title="Ayuda">
                        <i class="fa fa-question-circle"></i>
                    </a>
                </div>
            </div>
        </div>


        {{ form_start(form, {'attr':{'data-remote':'true', 'data-method':'POST', 'data-url':form.vars.action }}) }}
        <div id="App_reservations_provider_credit_account_movement">
            <div class="row">
                <div class="col-md-8">
                    <div class="row">
                        {% if form.service is defined %}
                            {{ form_row(form.service) }}
                        {% endif %}

                        {% if form.mxnAmount is defined %}
                            <div class="col-md-5">{{ form_row(form.amount) }}</div>

                            <div class="col-md-3">{{ form_row(form.currencyChange) }}</div>
                            <div class="col-md-4">{{ form_row(form.mxnAmount) }}</div>

                        {% else %}
                            <div class="col-md-6">{{ form_row(form.amount) }}</div>
                            <div class="col-md-2"></div>
                        {% endif %}
                    </div>
                    <div class="row">

                        {% if form.payOtherService is defined %}
                            <div class="col-md-5">
                                <br>{{ form_row(form.payOtherService) }}</div>
                        {% endif %}

                        {% if form.reservation is defined %}
                            <div class="col-md-5">{{ form_row(form.reservation) }}</div>
                        {% endif %}
                    </div>
                    <div class="row">
                        {% if form.serviceToPay is defined %}
                            <div class="col-md-5">{{ form_row(form.serviceToPay) }}</div>
                        {% endif %}
                    </div>

                    <div class="col-md-12">{{ form_row(form.comment) }}</div>

                </div>
                <div class="col-md-4">
                    {{ include('backend/reservations/providerCreditAccountMovement/providerAccounts.html.twig') }}
                </div>
            </div>

            <div class="row">
                <div class="col-md-12">
                    <button type="submit" class="btn btn-primary">Registrar<div class="ripple-container"></div></button>
                </div>
            </div>

        </div>

        {% if service.providerCreditAccountMovements|length > 0 %}
            <div class="row">
                <div class="col-md-12">
                    <b>{{ 'Transferencias previas de este servicio' }}</b><br>
                    <table class="table table-bordered">
                        <thead>
                        <th><b>{{ 'date'|trans|capitalize }}</b></th>
                        <th><b>{{ 'Created by'|trans }}</b></th>
                        <th class="text-right"><b>{{ 'Cantidad' }}</b></th>
                        </thead>
                        <tbody>
                        {%  set total = 0 %}
                        {%  for movement in service.providerCreditAccountMovements %}
                            {% set total = total + movement.amount %}
                            <tr>
                                <td>{{ movement.createdDate|date('d-m-Y H:i') }}</td>
                                <td>{{ movement.createdBy.fullName }}</td>
                                <td class="text-right">{{ movement.amount|price(service.tariff.currency) }}</td>
                            </tr>
                        {% endfor %}
                        </tbody>
                        <tfoot>
                        <tr>
                            <th class="text-right" colspan="2">{{ 'Total' }}</th>
                            <th class="text-right" >{{ total|price(service.tariff.currency) }}</th>
                        </tr>
                        </tfoot>
                    </table>
                </div>
            </div>
        {% endif %}



        {{ form_end(form) }}


    {% endblock %}