{% 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 () {
            $("#btnAssignPaceID").click(function () {
                paceId = $(this).attr('paceId');
                FALocation = $(this).attr('FALocation');
                idpadre = $(this).attr('idpadre');
                networkElement = $(this).attr('networkElement');
                iduser = $("#editor").val();

                $.ajax({
                    type: 'POST',
                    url: '{{ path('assignPaceIDUSA',{'idproyectos': idproyectos}) }}',
                    data: {
                        $paceId: paceId,
                        $FALocation: FALocation,
                        $idpadre: idpadre,
                        $networkElement: networkElement,
                        $iduser: iduser
                    }
                }).done(function () {
                    location.reload();
                });
            })
            $(".btnAssignME").click(function () {
                paceId = $(this).attr('paceId');
                FALocation = $(this).attr('FALocation');
                idpadre = $(this).attr('idpadre');
                networkElement = $(this).attr('networkElement');
                nombre = $(this).attr('nombre');
                $("#btnAssignPaceID").attr('paceId', paceId);
                $("#btnAssignPaceID").attr('FALocation', FALocation);
                $("#btnAssignPaceID").attr('idpadre', idpadre);
                $("#btnAssignPaceID").attr('networkElement', networkElement);

                $("#showAssignModal").modal('show');
                if (nombre != '') {

                }
                /*else {
                    $.ajax({
                        type: 'POST',
                        url: '{{ path('assignPaceIDUSA',{'idproyectos': idproyectos}) }}',
                        data: {
                            $paceId: paceId,
                            $FALocation: FALocation,
                            $idpadre: idpadre,
                            $networkElement: networkElement
                        }
                    }).done(function () {
                        location.reload();
                    });

                 }*/

            });

            table = $('#example').DataTable({

                lengthMenu: [
                    [100, -1],
                    ['100', 'Show all']
                ],
                buttons: [
                    'pageLength'
                ]
            });



            $('#example tbody').on('click', '.btnSaveRow', function () {
                paceId = $(this).attr('id');
                VCOPStatus = $("#VCOPStatus" + paceId).val();
                FALocation = $(this).attr('FALocation');
                idpadre = $(this).attr('idpadre');
                networkElement = $(this).attr('networkElement');
                dateURL = $("#dateURL" + paceId).val();
                URL = $("#VCOPURL" + paceId).val();
                Editor = $("#Editor" + paceId).val();
                $.ajax({
                    type: 'POST',
                    url: '{{ path('saveDataPostdataATTUSA',{'idproyectos':idproyectos})  }}',
                    data: {
                        $VCOPStatus: VCOPStatus,
                        $paceID: paceId,
                        $Editor: Editor,
                        $dateURL: dateURL,
                        $URL: URL,
                        $FALocation: FALocation,
                        $idpadre: idpadre,
                        $networkElement: networkElement
                    }
                }).done(function (json) {

                });

            });
            $(".datetime").datetimepicker();

            $('#example tbody').on('click', '.openWindons', function () {
                $("#cargar").css('display', '');
                $("#showNetworkElement").text($(this).parent().attr('networkelement'))

                $("#showATTPostProcessDetailUSA").load('{{ path('showATTPostProcessDetailUSA',{'idproyectos':idproyectos}) }}',
                        {
                            $idpadre: $(this).parent().attr('idpadre'),
                            $paceID: $(this).parent().attr('paceID')
                        });


            });

        });

    </script>
    <center>
        <h1>GSC INBOX</h1>
    </center>
    <table class="table table-striped table-hover" style="margin-top: 40px" id="example">
        <thead>
        <tr style="text-align: center" class="btn-info">
            <th  style="text-align: center">PACE ID</th>
            <th style="text-align: center">FA Location</th>
            <th style="text-align: center">Site</th>
            <th style="text-align: center">RCM</th>
            <th style="text-align: center">Audit Status</th>
            <th style="text-align: center">Power Plant Site</th>
            <th style="text-align: center">Site Type</th>
            <th style="text-align: center">VCOP Editor (GSC User)</th>

            <th style="text-align: center">VCOP Status</th>
            <th style="text-align: center">VCOP URL</th>
            <th style="text-align: center">VCOP URL Date</th>
            <th style="text-align: center" style="width: 100px"></th>
        </tr>
        </thead>

        <tbody>
        {% for row in data %}
            <tr idpadre="{{ row.id }}" paceID="{{ row.PACEProjectNumber }}" networkelement="{{ row.networkelement }}">
                <td class="openWindons">{{ row.PACEProjectNumber }}</td>
                <td class="openWindons">{{ row.FALocation }}</td>
                <td class="openWindons">{{ row.networkelement }}</td>
                <td class="openWindons">{{ row.rcm }}</td>
                <td class="openWindons">{{ row.Audit_Status }}</td>
                <td class="openWindons">{{ row.isPPSite }}</td>
                <td class="openWindons">{{ row.VPWType }}</td>
                <td>
                    {{ row.gscUser }}
                </td>
                <td>
                    <select class="form-control" name="VCOPStatus{{ row.PACEProjectNumber }}"
                            id="VCOPStatus{{ row.PACEProjectNumber }}">
                        <option></option>
                        <option {% if row.GSCStatus == 'RCM Action' %}selected {% endif %}>RCM Action</option>
                        <option {% if row.GSCStatus == 'Unmapped Technology' %}selected {% endif %}>Unmapped
                            Technology
                        </option>
                        <option {% if row.GSCStatus == 'Pending Market' %}selected {% endif %}>Pending Market
                        </option>
                        <option {% if row.GSCStatus == 'In Progress' %}selected {% endif %}>In Progress</option>
                        <option {% if row.GSCStatus == 'Pending Power Plant' %}selected {% endif %}>Pending Power
                            Plant
                        </option>
                        <option {% if row.GSCStatus == 'RA Issues' %}selected {% endif %}>RA Issues</option>
                        <option {% if row.GSCStatus == 'No VCOP' %}selected {% endif %}>No VCOP</option>
                        <option {% if row.GSCStatus == 'Pending VSS/VCOP' %}selected {% endif %}>Pending VSS/VCOP
                        </option>
                        <option {% if row.GSCStatus == 'Pending CI020 || CI025' %}selected {% endif %}>Pending CI020 ||
                            CI025
                        </option>
                        <option {% if row.GSCStatus == 'VCOP Submitted' %}selected {% endif %}>VCOP Submitted</option>
                    </select>
                </td>
                </td>
                <td><input type="text" class="form-control" id="VCOPURL{{ row.PACEProjectNumber }}"
                           value="{{ row.VCOPURL }}"></td>
                <td><input type="text" class="form-control datetime" data-date-format="YYYY-MM-DD"
                           id="dateURL{{ row.PACEProjectNumber }}" value="{{ row.VCOPURLDate }}"></td>
                <td>
                    <button class="btn btn-success btnSaveRow" id="{{ row.PACEProjectNumber }}" idpadre="{{ row.id }}"
                            FALocation="{{ row.FALocation }}" networkElement="{{ row.networkelement }}"><i
                                class="fa fa-save"></i></button>
                    <button class="btn btn-ericsson btnAssignME" id="assign{{ row.PACEProjectNumber }}"
                            paceId="{{ row.PACEProjectNumber }}" idpadre="{{ row.id }}"
                            FALocation="{{ row.FALocation }}" networkElement="{{ row.networkelement }}"
                            nombre="{{ row.gscUser }}"><i
                                class="fa fa-user"></i></button>
                    <!--button class="btn btn-primary" data-toggle="collapse" data-target="#site{{ row.id }}"><i
                                class="fa fa-plus"></i></button-->
                </td>
            </tr>
        {% endfor %}
        </tbody>
    </table>

    <div id="showATTPostProcessDetailUSA"></div>

    <div class="modal modal-wide fade" id="showAssignModal" tabindex="-1" role="dialog"
         aria-labelledby="showAssignModal" style="width: 80%">
        <div class="modal-dialog" role="document">

            <div class="modal-content">
                <div class="modal-header  btn-primary">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                                aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="exampleModalLabel" style="text-align: center">ASSIGN PACE ID</h4>
                </div>
                <div class="modal-body" style="min-height: 250px">
                    <div class="row">
                        <div class="col-lg-2 col-lg-offset-3">
                            <label>Select Editor</label>
                        </div>
                        <div class="col-lg-4">
                            <select id="editor">
                                <option></option>
                                {% for user in GSCUsers %}
                                    <option value="{{ user.iduser }}">{{ user.nombre }}</option>
                                {% endfor %}
                            </select>
                        </div>
                    </div>

                </div>

                <div class="modal-footer">
                    <!--button type="button" class="btn btn-primary">Communication</button>
                    <button type="button" class="btn btn-success">Assign site</button>
                    <button type="button" class="btn btn-info">Submite to Customter</button>
                    <button type="button" class="btn btn-ericsson">Customer Approval</button>
                    <button type="button" class="btn btn-danger">Customer Rejection</button-->

                    <button type="button" class="btn btn-default"
                            data-dismiss="modal">{{ 'monitorii.close' | trans }}</button>

                    <button type="button" class="btn btn-primary" data-dismiss="modal" id="btnAssignPaceID">Assign to
                    </button>
                </div>
            </div>
        </div>
    </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 %}