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

    {% block title %}
        {{'Solicitud de factura al proveedor'|trans}}
    {% endblock %}


    {% block body %}
        {{ form_start(form, {'attr':{'data-remote':'true', 'data-method':'POST', 'data-url':form.vars.action }}) }}
        <div id="container_reservations_request_provider_invoice" data-id={{ payment.id }}>
            <div class="row">
                {% embed 'Common/baseAdminPannel.html.twig' %}
                    {% block title %}
                        Datos de contacto del proveedor
                    {% endblock %}
                    {% block subtitle %}
                    {% endblock %}
                    {% block body %}
                        {% if form.administrativeEmail is defined %}<div class="col-md-5">{{ form_row(form.administrativeEmail) }}</div>
                        {% else %}
                            <div class="col-md-5 alert alert-info">
                                {{ 'Sin correo administrativo'}}
                            </div>
                        {% endif %}
                        <div class="col-md-1"></div>
                        {% if form.operativeEmail is defined %}<div class="col-md-5">{{ form_row(form.operativeEmail) }}</div>
                        {% else %}
                            <div class="col-md-5 alert alert-info">
                                {{ 'Sin correo operativo'}}
                            </div>
                        {% endif %}
                        <div class="col-md-1">
                            <a class="loadinmodal" data-modalclose=true  data-action="{{ path('provider_edit', { 'id': payment.service.provider.id, callbacks:'requestProviderInvoice', payment: payment.id }) }}" title="{{ 'Cambiar datos del proveedor' }}">
                                <button type="button" class="btn btn-success btn-sm">
                                    <i class="fa fa-edit"></i>
                                </button>
                            </a>
                        </div>
                    {% endblock %}
                {% endembed %}

            </div>
            <div class="row">
                {% if form.billingInformation is defined %}
                    <div class="col-md-12"><b>{{ 'Factuaración al cliente' }}</b></div>
                    <div class="col-md-12">{{ form_row(form.billingInformation) }}</div>
                {% endif %}
            </div>

            <div class="row">
                <div class="col-md-6">
                    {{ form_widget(form) }}
                </div>
                <div class="col-md-6" >
                    <div class="card">
                        <div class="card-header">
                            <h4>Vista previa</h4>
                        </div>
                        <div class="card-content">
                            <div id="preview-request-provider-invoice"></div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12">
                    <button type="submit" class="btn btn-primary">
                        <i class="fa fa-telegram-plane"></i>
                        {{'send'|trans}}
                        <div class="ripple-container"></div>
                    </button>
                </div>
            </div>
        </div>
        {{ form_end(form) }}
    {% endblock %}