{% extends app.request.isXmlHttpRequest ? '@QbaBitCore/ajax.html.twig' : QbaBitLayoutToExtend('@QbaBitTemplate/adminlte/layout.html.twig', 'backend') %}
{% block update %}
    <style>
        .btn {
            display: block !important;
        }

        .dropdown-menu {
            border: none !important;
            margin: 0;
            padding: 0px;

        }

        .form-group {
            margin-bottom: 0px;
        }

        .test_ok {
            color: green !important;
        }

        .test_errors {
            color: red !important;
        }

        .test_warning {
            color: #77770a !important;
        }

        .driver-container {

        }


    </style>
    <div class="box box-widget" id="dvupdate">
        {{ form_start(form) }}
        <div class="box-header with-border">
            <div class="user-block">
                <span class="username" style="margin-left: 0px;"><h3 style="margin-bottom: 0;margin-top: 0;">Estabilidad del sistema</h3></span>
            </div>


            <!-- /.user-block -->
            <div class="box-tools qbgroup-controls">
                <div class="dropdown">
                    <ul class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownOptions">
                        <li>
                            {{ form_widget(form.dev) }}
                        </li>

                        <li>
                            {{ form_widget(form.save) }}
                        </li>
                        <li>
                            {{ form_widget(form.eraseCache) }}
                        </li>
                        <li>
                            {{ form_widget(form.syncAll) }}
                        </li>
                    </ul>
                </div>
            </div>

            <!-- /.box-tools -->
        </div>
        {{ form_end(form) }}
        <div class="box-body">
            {% for driver in drivers %}
            <div class="col-xs-6">
                <div class="row">
                    <a href="{{ driver.indexUrl }}">
                    <div class="box box-widget">
                        <div class="box-header with-border">
                            <div class="user-block">
                                <span class="username" style="margin-left: 0px;">
                                            {{ driver.getInterfaceName }}</span>
                            </div>
                        </div>
                        <div class="box-body">
                            <div class="col-md-4">
                                <label class="test_ok">OK : {{ driver.getOkCount }}</label>

                            </div>
                            <div class="col-md-4">
                                <label class="test_warning">Warnings : {{ driver.getWarningCount }}</label>

                            </div>
                            <div class="col-md-4">
                                <label class="test_errors">Errores : {{ driver.getErrorCount }}</label>

                            </div>
                            <div class="col-xs-12">
                                <div class="col-xs-6">Ultima actualizacion</div>
                                <div class="col-xs-6">{{ driver.lastSync }}</div>

                            </div>
                        </div>
                    </div>
                    </a>
                </div>
            </div>
            {% endfor %}

        </div>

    </div>
    <script type="text/javascript">


        function QbabitJavascriptsPerformance() {

            $("#qb_stability_eraseCache").on("click", function (e) {
                e.stopPropagation();
                e.preventDefault();
                MKLib.blockScreen();
                $.ajax({
                    url: "{{ url("qb_performance_cache_clear") }}",
                    type: 'POST',

                    data: null,
                    success: function (d, status) {

                        MKLib.showMsg("alert-success", "Se borro la cache correctamente")

                    },
                    error: function (xhr, status) {
                        MKLib.unlockScreen();
                    },
                    complete: function () {
                        MKLib.unlockScreen();
                        return;
                    }
                });

            });
            $("#qb_stability_syncAll").on("click", function (e) {
                e.stopPropagation();
                e.preventDefault();
                MKLib.blockScreen();
                $.ajax({
                    url: "{{ url("qb_performance_sync_all") }}",
                    type: 'POST',

                    data: null,
                    success: function (d, status) {

                        MKLib.showMsg("alert-success", "Se actualizaron correctamente los modulos de estabilidad");
                        document.location.href = "{{ url('qb_stability_index') }}";

                    },
                    error: function (xhr, status) {
                        MKLib.unlockScreen();
                    },
                    complete: function () {
                        MKLib.unlockScreen();
                        return;
                    }
                });

            });


        }

        {% if app.request.isXmlHttpRequest == false %}
        window.addEventListener('load', function () {
            QbabitJavascriptsPerformance();
        }, false);
        {% else %}
        jQuery(function () {
            QbabitJavascriptsPerformance();
        });
        {% endif %}
    </script>

{% endblock %}