{% extends "base.html.twig" %}
{% block stylesheets %}
    <link rel="stylesheet" href="{{ asset('css/templateOneBlock.css') }}">
{% endblock %}
{% block titulo %} - <a href="{{ path('projectInitial',{ 'idproyectos':idproyectos}) }}">{{ proyectos.proyecto }}</a> -
    <a
    href="{{ path(modulo.path,{ 'idproyectos':idproyectos,'idmodule':idmodule}) }}">{{ modulo.modulo }}</a>{% endblock %}

{% block menuTop %}
    <div class="col-lg-12 col-xs-12">
        <div>

            {{ render(controller("PortalBundle:Default:topModule",{'idproyectos':idproyectos,'idmodule':idmodule})) }}

        </div>


    </div>
{% endblock %}


{% block dashboard %}


    <style>
        .modal.modal-wide .modal-dialog {
            width: 90%;
        }

        .modal-wide .modal-body {
            overflow-y: auto;
        }

        .form-control {
            font-size: 10px;
        }
    </style>

    <script>
        $(document).ready(function () {
            $("#search2").click(function () {

                selectRQCL = $("#selectRQCL").val();
                opc = $('input[name=opc]:checked').attr('id');

                $("#cargar").css('display', '');
                $("#showTableVQAUSA").load('{{ path('showTableVQAUSA',{'idproyectos': idproyectos}) }}',
                        {$opc: opc, $selectRQCL: selectRQCL});

            });


            $("#btnSetOpcion").click(function () {
                $("#cargar").css('display', '');
                region = $("#selectRegion").val();
                //alert($('input[name=opc]:checked').attr('id'));
                $.ajax({
                    type: 'POST',
                    url: '{{ path('setOpcRQCLUSA',{'idproyectos':idproyectos}) }}',
                    data: {$opc: $('input[name=opc]:checked').attr('id'), $region: region}
                }).done(function (json) {

                    $("#cargar").css('display', 'none');
                });
            });


            selectRQCL = $("#selectRQCL").val();
            opc = $('input[name=opc]:checked').attr('id');
            $("#showTableVQAUSA").load('{{ path('showTableVQAUSA',{'idproyectos': idproyectos}) }}',
                    {$opc: opc, $selectRQCL: selectRQCL});

        });

    </script>
    <center>
    </center>
    <div class="col-lg-12 table-bordered" style="padding: 25px 0px 25px 0px;">
        <div class="col-lg-4" style="text-align: center">
            <label>RQCL Name</label>
            <select class="form-control" id="selectRQCL">
                <option></option>
                {% for user in RQCLs %}
                    <option value="{{ user.iduser }}">{{ user.nombre }}</option>
                {% endfor %}
            </select>
        </div>
        <div class="col-lg-4" style="text-align: center">
            <label>SwitTrac Status</label>

            <div class="col-lg-12">
                <div class="btn-group nopadding" data-toggle="buttons">
                    <label class="btn btn-default {% if opcion == 0 %} active {% endif %}">
                        <input type="radio" id="0" {% if opcion == 0 %} checked="true" {% endif %} name="opc">Failed
                        Sites
                    </label>
                    <label class="btn btn-default  {% if opcion == 1 %} active {% endif %}">
                        <input type="radio" id="1" name="opc" {% if opcion == 1 %} checked="true" {% endif %} >Passed
                        Sites
                    </label>
                    <label class="btn btn-default {% if opcion == 2 %} active {% endif %} ">
                        <input type="radio" id="2" name="opc" {% if opcion == 2 %} checked="true" {% endif %} > ALL
                    </label>
                </div>
            </div>
        </div>
        <div class="col-lg-4" style="text-align: center">
            <br>

            <button class="btn btn-info" id="search2">
                <i class="fa fa-search"></i>
            </button>
        </div>
    </div>

    <div id="showTableVQAUSA"></div>
    <div id="showATTPostProcessDetailRQCLUSA"></div>










    <link rel="stylesheet" href="{{ asset('css/jquery.dataTables.min.css') }}">
    <link rel="stylesheet" href="{{ asset('css/buttons.dataTables.min.css') }}">
    <!--script src="{{ asset('js/jquery-1.12.4.js') }}"></script-->
    <script src="{{ asset('js/jquery.dataTables.min.js') }}"></script>
    <script src="{{ asset('js/dataTables.buttons.min.js') }}"></script>
    <script src="{{ asset('js/buttons.flash.min.js') }}"></script>
    <script src="{{ asset('js/jszip.min.js') }}"></script>
    <script src="{{ asset('js/pdfmake.min.js') }}"></script>
    <script src="{{ asset('js/vfs_fonts.js') }}"></script>
    <script src="{{ asset('js/buttons.html5.min.js') }}"></script>
    <script src="{{ asset('js/buttons.print.min.js') }}"></script>


{% endblock %}