{% 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>Lista ordenes por contrato</h3>
                    </label>
                    <hr>
                    <br>
                    <div id="message"></div>
                </div>
            </div>
            <div id="row">
                <div class="col-md-12">
                    <table id="ordenes_contrato" class="table table-striped table-hover" style="width:100%">
                        <thead>
                            <tr>
                                <th>Orden</th>
                                <th>Paciente</th>
                                <th>Fecha recepción</th>
                                <th>Sede</th>
                                <th>Fecha creación</th>
                                <th>Usuario creador</th>
                                <th>Detalle</th>
                            </tr>
                        </thead>
                        <tbody>
                            {% for orders in listOrders %}
                                <tr>
                                    <td>{{orders.internalOrderCode}}</td>
                                    <td>{{orders.fullName}}</td>
                                    <td>{{orders.fechaRecepcion|date('Y-m-d h:i:s')}}</td>
                                    <td>{{orders.headquarterName}}</td>
                                    <td>{{orders.fechaCreacionOrden|date('Y-m-d h:i:s')}}</td>
                                    <td>{{orders.usuarioCreacionOrden}}</td>
                                    <td><button class="btn btn-primary" 
                                    data-toggle="modal" 
                                    data-target="#detalle_orden"
                                    id="{{orders.internalOrderCode}}"
                                    onclick="detallesOrden(this)" >
                                    <span class="glyphicon glyphicon-list"></span></button></td>
                                </tr>
                            {% endfor %}
                        </tbody>
                    </table>
                </div>
            </div>           
        </div>
    </div>
</section>

{# Inclue modal detalle orden #}
{% include 'HirukoFacturacionBundle:Default:DetalleOrden.html.twig' %}
{# Fin Include #}

{% 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") }}';
        const UrlDetallesFactura = '{{ path("hiruko_facturacion_detalles") }}';
    </script>
    <script src="{{ asset('bundles/hirukoadmin/js/OrdenesContrato.js') }}"></script>
{% endblock %}