{% extends 'HirukoAdminBundle:Default:MontoContratoBase.html.twig' %}

{% block content %}
<nav class="navbar navbar-inverse">
    <div class="container-fluid">
        <div class="navbar-header">
            <img src="{{ asset('bundles/main/images/hiruko.svg') }}" style="height:40px;margin-top:5px;">
        </div>
    </div>
</nav>
<section class="container-fluid">
    <div class="panel panel-default">
        <div class="panel-body">
            <div id="row">
                <div class="col-md-12">
                    <label for="style" class="control-label">
                        <h3>{{'Facturacion.AdminContratos.otrosiTitle'|trans([], 'LocalizationBundle')}}</h3>
                    </label>
                    <hr>
                    <br>
                    <div id="message"></div>
                </div>
            </div>
            <div id="row">
                <div class="col-md-12">
                    <table id="logOtrosi" class="table table-striped table-hover" style="width:100%">
                        <thead>
                            <tr>
                                <th>{{'Facturacion.AdminContratos.dateUpdateTitle'|trans([], 'LocalizationBundle')}}</th>
                                <th>{{'Facturacion.AdminContratos.fieldNameTitle'|trans([], 'LocalizationBundle')}}</th>
                                <th>{{'Facturacion.AdminContratos.valueOldTitle'|trans([], 'LocalizationBundle')}}</th>
                                <th>{{'Facturacion.AdminContratos.valueNewTitle'|trans([], 'LocalizationBundle')}}</th>
                                <th>{{'Facturacion.AdminContratos.userTitle'|trans([], 'LocalizationBundle')}}</th>
                            </tr>
                        </thead>
                        <tbody>
                            {% for otrosi in listOtrosi %}
                            <tr>
                                <td>{{otrosi.date}}</td>
                                <td>{{otrosi.fieldName}}</td>
                                {% if (otrosi.fieldName == 'Estudios') %}
                                    <td><a class="studies" style="color: #337ab7" data-date="{{otrosi.date}}" data-tipo="antiguo">{{otrosi.valueOldField}}</a></td>
                                    <td><a class="studies" style="color: #337ab7" data-date="{{otrosi.date}}" data-tipo="nuevo">{{otrosi.valueNewField}}</a></td>
                                {% else %}
                                    <td>{{otrosi.valueOldField}}</td>
                                    <td>{{otrosi.valueNewField}}</td>
                                {% endif %}
                                <td>{{otrosi.username}}</td>
                            </tr>
                            {% endfor %}
                        </tbody>
                        <input type="hidden" value={{contractId}} id="contractId"/>
                    </table>
                </div>
            </div>           
        </div>
    </div>
</section>

<section class="container-fluid" id="studies-state" style="display:none">
    <div class="panel panel-default">
        <div class="panel-body">
            <div id="row">
                <div class="col-md-11">
                    <label for="style" class="control-label">
                        <h3>Estudios</h3>
                    </label>
                </div>
                <div class="col-md-1" style="text-align: right">
                   <button class="btn btn-danger" id="close-table">X</button>                    
                </div>
            </div>
            <div id="row">
                <div class="col-md-12">
                    <hr>
                    <br>
                    <table id="logEstudios" class="table table-striped table-hover" style="width:100%">
                        <thead>
                            <tr>
                                <th>{{'Facturacion.AdminContratos.dateUpdateTitle'|trans([], 'LocalizationBundle')}}</th>
                                <th>{{'Facturacion.AdminContratos.estudios'|trans([], 'LocalizationBundle')}}</th>
                                <th>{{'Facturacion.AdminContratos.userTitle'|trans([], 'LocalizationBundle')}}</th>
                                <th>{{'Facturacion.AdminContratos.historial'|trans([], 'LocalizationBundle')}}</th>
                            </tr>
                        </thead>
                        <tbody id="studies-state__body"></tbody>
                    </table>
                </div>
            </div>           
        </div>
    </div>
</section>

<!-- Modal -->
<div class="modal fade" id="myModal" role="dialog">
    <div class="modal-dialog">

        <!-- Modal content-->
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h4 class="modal-title">Historial Estudio: <span id="nombreEstudio"></span></h4>
            </div>
            <div class="modal-body">
                <table id="logEstudioEstados" class="table table-striped table-hover" style="width:100%">
                    <thead>
                        <tr>
                            <th>{{'Facturacion.AdminContratos.dateUpdateTitle'|trans([], 'LocalizationBundle')}}</th>
                            <th>{{'Facturacion.AdminContratos.estado'|trans([], 'LocalizationBundle')}}</th>
                            <th>Valor Resultante</th>
                            <th>{{'Facturacion.AdminContratos.userTitle'|trans([], 'LocalizationBundle')}}</th>
                        </tr>
                    </thead>
                    <tbody id="historial-estudio"></tbody>
                </table>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Cerrar</button>
            </div>
        </div>
    </div>
</div>


{% endblock %}
{% block script %}
    <link rel="stylesheet" href="{{ asset('bundles/utilities/datatable/datatables.min.css') }}"/>
    <script type="text/javascript" src="{{ asset('bundles/utilities/datatable/datatables.min.js') }}"></script>
    <script>
        {# Labels DataTable #}
        const search         = "{{ 'labels.dataTable.search'|trans([], 'LocalizationBundle')}}";
        const lengthMenu     = "{{ 'labels.dataTable.lengthMenu'|trans([], 'LocalizationBundle')}}";
        const info           = "{{ 'labels.dataTable.info'|trans([], 'LocalizationBundle')}}";
        const infoFiltered   = "{{ 'labels.dataTable.infoFiltered'|trans([], 'LocalizationBundle')}}";
        const InfoEmpty      = "{{ 'labels.dataTable.InfoEmpty'|trans([], 'LocalizationBundle')}}";
        const loadingRecords = "{{ 'labels.dataTable.loadingRecords'|trans([], 'LocalizationBundle')}}";
        const zeroRecords    = "{{ 'labels.dataTable.zeroRecords'|trans([], 'LocalizationBundle')}}";
        const emptyTable     = "{{ 'labels.dataTable.emptyTable'|trans([], 'LocalizationBundle')}}";
        const first          = "{{ 'labels.dataTable.paginate.first'|trans([], 'LocalizationBundle')}}";
        const previous       = "{{ 'labels.dataTable.paginate.previous'|trans([], 'LocalizationBundle')}}";
        const next           = "{{ 'labels.dataTable.paginate.next'|trans([], 'LocalizationBundle')}}";
        const last           = "{{ 'labels.dataTable.paginate.last'|trans([], 'LocalizationBundle')}}";
        const url_estudios_activos = '{{ path("hiruko_facturacion_consulta_ordenes_generadas") }}';
    </script>
     <script>var url_busqueda = '{{ path("hiruko_facturacion_consulta_ordenes_generadas") }}';</script>
    <script src="{{ asset('bundles/hirukoadmin/js/otrosi.js') }}"></script>
{% endblock %}