{% extends 'base.html.twig' %}

{% block title%}
    WONDER-T-InterNal Camiones
{% endblock %}
{% block titulo %}
    GESTIÓN DE PAGOS A TRANSPORTISTAS - INTERNACIONAL
{% endblock %}
{% block bread %}
    T-InterNal Pago-T
{% endblock %}

{% block body %}
    <style>
        body {background-image: url({{ asset('recursos/imagenes/sistema/fondo_lateral.png')}});
            background-repeat: no-repeat;
            /*background-size: 200px;*/
            background-size: cover;
        }

        .col-sm-2 {
            max-width: 100%;
        }
    </style>

    {#{{ form_start(form) }}#}
    {{ form_start(form, { 'attr': {'novalidate':'novalidate', 'class': 'form-material form-horizontal'} }) }}
    <div class="row">
        <div class="col-sm-12">
            <div class="white-box">

                <div class="row text-center">
                    <div class="form-group col-sm-12" disabled>
                        <label class="control-label col-md-12 text-center" >Empresa de Apoyo Transporte Internacional</label><br>
                        {{ tinternacional.idempresa2 }}
                    </div>

                    <div class="form-group col-sm-3" disabled>
                        <label class="control-label col-md-12 text-center" >Monto a Pagar Bs.</label><br>
                            {{ tinternacional.flete|number_format(2, '.', ',') }}
                    </div>
                    <div class="form-group col-sm-3" disabled>
                        <label class="control-label col-md-12 text-center">Menos Descuento Bs.</label><br>
                            {{ tinternacional.descuento|number_format(2, '.', ',') }}
                    </div>
                    <div class="form-group col-sm-3" disabled>
                        <label class="control-label col-md-12 text-center">A cuenta Bs.</label><br>

                        {{ aCuenta.acuenta|number_format(2, '.', ',') }}
                    </div>
                    <div class="form-group col-sm-3" disabled style="color: blue">
                        <label class="control-label col-md-12 text-center"><strong>Total a Pagar Bs.</strong></label><br>
                        <strong>{{ (tinternacional.flete - tinternacional.descuento - aCuenta.acuenta)|number_format(2, '.', ',') }}</strong>
                    </div>
                </div>

                <div style="background: #fff59f"  class="row">
                    <div class="form-group col-sm-3" disabled>
                        {{ form_label(form.fpagofact) }}
                        {{ form_widget(form.fpagofact) }}
{#                        <span class="text-danger">{{ form_errors(form.fpagofact) }}</span>#}
                    </div>

                    <div class="form-group col-sm-3">
                        {{ form_label(form.monto) }}
                        {{ form_widget(form.monto) }}
{#                        <span class="text-danger">{{ form_errors(form.monto) }}</span>#}
                        {% if ((mimensaje1 is defined) and (mimensaje1 is not null)) %}
                            <span class="text-danger">{{ mimensaje1 }}</span>
                        {% endif %}
                    </div>

                    <div class="form-group col-sm-3">
                        {{ form_label(form.cobrador) }}
                        {{ form_widget(form.cobrador) }}
{#                        <span class="text-danger">{{ form_errors(form.cobrador) }}</span>#}
                    </div>
                    <div class="form-group col-sm-3">
                        {{ form_label(form.idpago) }}
                        {{ form_widget(form.idpago) }}
{#                        <span class="text-danger">{{ form_errors(form.idpago) }}</span>#}
                    </div>
                </div>

                <div style="background: #fff59f"  class="row">
                    <div class="col-md-12">
                        {{ form_label(form.observacion) }}
                        {{ form_widget(form.observacion) }}
{#                        <span class="text-danger">{{ form_errors(form.observacion) }}</span>#}
                    </div>
                </div>




                <div class="modal-footer">
                </div>

                <a class="btn btn-inverse waves-effect waves-light" href="{{ path('tinternacional_index') }}">Cancelar</a>
                <button type="submit" class="btn btn-info waves-effect waves-light m-r-10">Guardar</button>
                {#                <button type="button submit" class="btn btn-rounded  btn-success waves-effect waves-light"><i class="ti-save"></i> Grabar</button>#}


                {{ form_end(form) }}
            </div>
        </div>
    </div>

    <div class="row">
        {#{% if is_granted('ROLE_SUPER')%}#}
        <div class="col-sm-12">
            <div class="white-box">
                <h3 class="box-title m-b-0">LISTADO DE PAGOS REALIZADOS</h3>
                Proceso del {{ tinternacional.fechaentrega|date('d-m-Y') }} Empresa: {{  tinternacional.idempresa2 }} Origen: {{ tinternacional.idorigen }} Destino: {{ tinternacional.iddestino }}

                <hr>
                <div class="table-responsive">
                    <table id="myTable" class="table table-striped">
                        <thead>
                        <tr>
                            <th>Fecha Pago de Factura</th>
                            <th>Monto en Bs.</th>
                            <th>Forma de Pago</th>
                            <th>Cobrado por</th>
                            <th>Observaciones</th>
                            <th>Personal que registró</th>
                            <th class="text-right">Acciones</th>
                        </tr>
                        </thead>
                        <tbody>

                        {% set indice = 0 %}
                        {% for entity in misPagos %}
                            <tr data-id="{{ entity.idfactinternal }}" >
                                <td>{{ entity.fpagofact|date('d-m-Y') }}</td>
                                <td>{{ entity.monto|number_format(2, '.', ',') }}</td>
                                <td>{{ entity.idpago}}</td>
                                <td>{{ entity.cobrador}}</td>
                                <td>{{ entity.observacion }}</td>
                                <td>{{ entity.idusuario}}</td>

                                <td class="action-buttons text-right">
{#                                    {% if is_granted('ROLE_ADMINISTRADOR')%}#}
{#                                        <a class="fcbtn btn btn-warning btn-outline btn-1b" href="{{ path('tfactnal_edit', { 'idfactnal': entity.idfactnal }) }}" title="Editar"><i class="fa fa-edit"></i></a>#}
{#                                    {% endif %}#}

{#                                    {% if (is_granted('ROLE_ADMINISTRADOR') or is_granted('ROLE_TECNICO')) and not entity.fpagofact %}#}
{#                                        <a href="{{ path('tfactnal_cobra', { 'idfactnal': entity.idfactnal }) }}" class="btn btn-outline btn-rounded btn-success pull-right" title='Cobra Factura' style="font-size: 14px; margin-left: 5px">Cobrar</a>#}
{#                                    {% endif %}#}

                                    {% if is_granted('ROLE_ADMINISTRADOR')%}
                                        <a href="{{ path('tfactinternal_borrar', { 'idfactinternal': entity.idfactinternal }) }}" class="btn btn-outline btn-rounded btn-danger pull-right" title='Borra Pago realizado' style="font-size: 14px; margin-left: 5px"><i class="fa fa-trash"></i></a>
                                    {% endif %}
                                </td>
                            </tr>


                            {% set indice = indice + 1 %}
                        {% endfor %}
                    </table>
                </div>
            </div>
        </div>
        {#{% endif %}#}
    </div>

{% endblock %}