{% 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>
        .datanet:hover{
            background: red;
            color: black;
            cursor: pointer;
        }
        #myModal .form-control{
            font-weight: normal !important;
        }
        #trackDocumentacion{
            padding: 5px 10px 10px 10px;
            background-color: #D8D8D8;
            overflow: auto;
            max-height: 230px;
        }
        .txtMod{
            color: mediumseagreen;
        }
        .tablaP{
            font-size: 20pt;
        }
        .vacio{
            color: red;
        }
        ::placeholder{
            font-size: 11px;
        }


    </style>
    <script>

        var poTotal = new Array();
        var idpos = new Array();
        var grTotal = new Array();
        var montoSubTotal = new Array();
        var idticketActividadesCheck = new Array();
        var montoTotal = 0;

        function deleteGR(po, gr, monto, id){
            montoTotal =  $("#valorHide").val();
            if(parseFloat(montoTotal) != 0){
                idpos = ($("#idHide").val()).split(",");
                grTotal = ($("#grHide").val()).split(",");
                montoSubTotal = ($("#montoHide").val()).split(",");

            }
            //alert(grTotal)
            var i = poTotal.indexOf("" + po + "");
            poTotal.splice(i, 1);
            var i = grTotal.indexOf("" + gr + "");
            grTotal.splice(i, 1);
            var i = idpos.indexOf("" + id + "");
            idpos.splice(i, 1);
            var i = montoSubTotal.indexOf("" + monto + "");
            montoSubTotal.splice(i, 1);
            montoTotal = parseFloat(montoTotal) - parseFloat(monto);
            $("#valorHide").val(montoTotal);

            $("#idHide").val(idpos);
            $("#grHide").val(grTotal);
            $("#montoHide").val(montoSubTotal);
            valor = $("#po option[value='"+id+"']").attr('valor')
            $("#po option[value='"+id+"']").attr('valor', parseFloat(valor) + parseFloat(monto));
            $("#po").change();

            $("#"+po+""+gr+""+monto).remove();
            $("#lbCna").val(montoTotal);
            $("#lbCna").change();
        };

        $(function() {
            $(".js-example-basic-single").select2({
                //placeholder: "Elegir...",
                allowClear: true
            });

            $("#btnAddPOGR").click(function () {
                //alert('entro');

                poTotal1 = $("#poTotal").val();
                grTotal1 = $("#grTotal").val();
                montoSubTotal1 = $("#montoSubTotal").val();
                montoTotal1 = $("#montoTotal").val();

                montoTotal = $("#valorHide").val();


                po = $("#po option:selected").text();
                idpo = $("#po").val();
                poMonto = $("#po option:selected").attr('valor');
                gr = $("#gr").val();
                monto = $("#monto").val();
                monto = monto.replace('.', '');
                monto = monto.replace('.', '');
                monto = monto.replace('.', '');
                monto = monto.replace('.', '');
                monto = monto.replace('.', '');
                if(!idpo){
                    //alert('Debe Ingresar PO');
                    swal(
                            'Oops...',
                            'Debe Ingresar PO',
                            'error'
                    )
                    return false;
                }
                if(!gr){
                    // alert('Debe Ingresar GR');
                    swal(
                            'Oops...',
                            'Debe Ingresar GR',
                            'error'
                    )
                    return false;
                }
                if(!monto){
                    // alert('Debe Ingresar VALOR');
                    swal(
                            'Oops...',
                            'Debe Ingresar VALOR',
                            'error'
                    )
                    return false;
                }
                if(parseFloat(monto) > parseFloat(poMonto)){
                    //alert(monto);
                    swal(
                            'Oops...',
                            'El monto del GR ('+format2(monto)+') no puede ser mayor al de la PO ('+format2(poMonto)+')',
                            'error'
                    )
                    return false;
                }
                $("#po option:selected").attr('valor',parseFloat(poMonto) - parseFloat(monto));
                $("#po").change();

                if(parseFloat(montoTotal) != 0){

                    idpos = ($("#idHide").val()).split(",");
                    grTotal = ($("#grHide").val()).split(",");
                    montoSubTotal = ($("#montoHide").val()).split(",");

                }
                //alert(montoTotal)
                console.log(idpos)

                poTotal.push("" + po + "");
                idpos.push(idpo);
                grTotal.push("" + gr + "");
                montoSubTotal.push("" + monto + "");
                montoTotal = parseFloat(montoTotal) + parseFloat(monto);
                $("#valorHide").val(montoTotal);

                $("#idHide").val(idpos);
                $("#grHide").val(grTotal);
                $("#montoHide").val(montoSubTotal);

                $("#lbCna").val(montoTotal);
                $("#lbCna").change();
                //$("#po").val('');
                $("#gr").val('');
                $("#monto").val('');
                po2 = '"'+po+'"';
                gr2 = '"'+gr+'"';
                idpo2 = '"'+idpo+'"';
                monto2 = '"'+monto+'"';
                onclick2 = "deleteGR(" + po2 + ","+ gr2 +","+ monto2 +","+ idpo2 +" )";
                //alert(monto)
                tr = "<tr class='rowPOGR' id='"+po+""+gr+""+monto+"'><td>"+po+"</td><td>"+gr+"</td><td>"+format2(monto)+"</td><td><button class='btn' onclick=' "+ onclick2 +" '><i class='fa fa-minus-circle'></i></button></td></tr>";
                $("#tbodyPOGR tr:last").after(tr);
                //alert(montoTotal);
            });

            $("#po").change(function() {
                if($(this).val() != ''){

                    $("#POText").text(format2($("#po option:selected").attr('valor')));
                }else{
                    $("#POText").text('');
                }
            })

            $('#btnNewReg').click(function(){
                $("#modNew").modal("show");
            });

            $("#formNewBudget").on('submit', function(evt){
                $("#cargar").css('display', '');
                evt.preventDefault();
                var idPro = $('#selPro').val();
                var Pro = $('#selPro option:selected').text();
                var idLc = $('#selLC').val();
                var Lc = $('#selLC option:selected').text();
                var Pre = $('#inpPre').val();
                var Obs = $('#txtObs').val();
                var typ = '';

                if( Lc.indexOf('variable') != -1){typ=2;}else{typ=1;}

                $.ajax({
                    type: 'POST',
                    url: '{{ path("newRegister",{'idproyectos':idproyectos,'idmodule':idmodule}) }}',
                    data: {Pro:Pro,Lc:Lc,Pre:Pre,Obs:Obs,idLc:idLc,idPro:idPro,typ:typ }
                }).done(function(val){
                    if( val == 'ok' ) {
                        location.reload();
                    }else if( val == 'error' ){
                        alert('La linea ya está cargada, adiciónele esta nueva novedad en las observaciones¡¡¡');
                        location.reload();
                    }else{
                        alert('ocurrio un error, intente de nuevo o comuniquese con el administrador��');
                    }
                });
            });

            $('#btnModifica').click(function(){
                $("#cargar").css('display', '');
                var idObs = $('#lbIdNet').text();
                var Obs = $('#lbObs').val();
                var Nt = $('#lbNt').val();
                var Cf = $('#lbCf option:selected').val();
                var Cna = $('#lbCna').val();
                var lc = $('#lbLc').text();
                var act = $('#txtAct').val();
                var per = $('#period').val();
                var typ = '';

                if( lc.indexOf('variable') != -1){typ=2;}else{typ=1;}

                $("#modObs").modal("hide");
                $("#cargar").css('display', '');
                /*
                 if (montoTotal == 0) {
                 alert("El monto no puede ser cero (0)");
                 $("#cargar").css('display', 'none');
                 return false;
                 }
                 */
                $.ajax({
                    type: 'POST',
                    url: '{{ path("updateObs",{'idproyectos':idproyectos,'idmodule':idmodule}) }}',
                    data: {id:idObs,obs:Obs,nt:Nt,cf:Cf,cna:Cna,typ:typ,act:act,per:per,$idpos:idpos,$grTotal:grTotal,$montos:montoSubTotal}
                }).done(function(val){
                    if( val == 'ok' ){
                        $("#cargar").show();
                        location.reload();
                    }else{
                        swal('ocurrio un error!!!','intente de nuevo o comuniquese con el administrador','error');
                    }
                });
            });

/*
            $('#btnDown').click(function(){
                $("#formDonwloadActaAdmin").submit(function(e){

                    var idp = $('#txtIdProv').val();
                    var act = $('#txtAct').val();
                    var per = $('#period option:selected').val();
                    if(act == '' || per == ''){
                        swal('Faltan datos!!!','Debe ingresar todos los para poder generar el acta...','error');
                    }else{
                        $.ajax({
                            type: 'POST',
                            url: '{{ path('downloadActa',{'idproyectos':idproyectos})}}',
                            data: {idp:idp,act:act}
                        }).done(function(val){
                            //location.reload();
                        });
                    }

                    $("#btnDown").unbind('click');
                    e.preventDefault();
                });
            });
*/

            $("#viewNet").load('{{ path('viewNetwork',{'idproyectos':idproyectos,'idmodule':idmodule})}}');

            $('#btnFilter').click(function(){
                $("#cargar").css('display', '');
                var idCon = $('#conci').val();
                var years = $('#years').val();
                var months = $('#months').val();
                var costLine = $('#costLine').val();
                var subProject = $('#subProject').val();
                $("#viewNet").load('{{ path('viewNetwork',{'idproyectos':idproyectos,'idmodule':idmodule})}}',{idCon:idCon,years:years,months:months,costLine:costLine,subProject:subProject});
                $("#tableNet").remove();
            });

            $('#btnChange').click(function(){
                $("#cargar").show();
                var idR = $('#lbIdNet').text();
                var st = $('#lbSt').text();
                if(st == 'Pendiente'){
                    sta='Conciliado'
                }else{
                    sta='Pendiente'
                }
                $.ajax({
                    type: 'POST',
                    url: '{{ path("updateSt",{'idproyectos':idproyectos,'idmodule':idmodule}) }}',
                    data: {st:st,idR:idR}
                }).done(function(){
                    $('#lbSt').empty();
                    $('#lbSt').append(sta);
                });
            });

            $('#btnKill').click(function(){
                var idObs = $('#lbIdNet').text();
                $("#modObs").modal("hide");
                $("#cargar").css('display', '');
                $.ajax({
                    type: 'POST',
                    url: '{{ path("deleteNet",{'idproyectos':idproyectos,'idmodule':idmodule}) }}',
                    data: {idObs:idObs}
                }).done(function(val){
                    if( val == 'ok' ){
                        location.reload();
                    }else{
                        alert('ocurrio un error, intente de nuevo o comuniquese con el administrador��');
                    }
                });
            });

            $('#btnRefresh').click(function(){
                $("#cargar").css('display', '');
                $.ajax({
                    type: 'POST',
                    url: '{{ path("syncSyr",{'idproyectos':idproyectos,'idmodule':idmodule}) }}',
                }).done(function(val){
                    if( val == 'ok' ){
                        location.reload();
                    }else{
                        alert('ocurrio un error, intente de nuevo o comuniquese con el administrador��');
                    }
                });
            })
        });



    </script>
    <body>
    {% if is_granted('ROLE_CONTROL_COST_1') or is_granted('ROLE_CONTROL_COST_4') %}
        <div class="text-center" style="margin-top: 50px">
            <div class="row">
                {% if idproyectos != 10  %}
                    <div class="col-md-2"></div>
                {% endif %}
                <div class="col-md-1">
                    <label class="text-right">A&ntilde;o</label>
                    <select id="years" class="js-example-basic-single">
                        <option></option>
                        <option {% if ("now" | date("Y") -1 )==("now" | date("Y") )%}selected="selected"{%endif%}  value="{{"now" | date("Y") - 1}}">{{"now" | date("Y") - 1}}</option>
                        <option {% if ("now" | date("Y") )==("now" | date("Y") )%}selected="selected"{%endif%} value="{{"now" | date("Y")}}">{{"now" | date("Y")}}</option>
                    </select>
                </div>
                <div class="col-md-2">
                    <label class="text-right">Mes</label>
                    <select id="months" class="js-example-basic-single">
                        <option></option>
                        {% if idproyectos == 10  %}
                            {% set a = 1 %}
                            {% for mes in meses %}
                                <option value="{{ a }}" {% if "now"|date("m")== a %}selected{% endif %}>{{ mes.mes }}</option>
                                {%  set a = a+1%}
                            {% endfor %}
                        {% else %}
                            {% set a = 1 %}
                            {% for mes in meses %}
                                <option value="{{ a }}" {% if "now"|date("m")== a+1 %}selected{% endif %}>{{ mes.mes }}</option>
                                {%  set a = a + 1 %}
                            {% endfor %}
                        {% endif %}
                    </select>
                </div>
                <div class="col-md-3">
                    <label class="text-right">Conciliador</label>
                    <select id="conci" class="js-example-basic-single">
                        <option></option>
                        {% for con in conci %}
                            <option value="{{ con.idUser }}">{{ con.nombre }}</option>
                        {% endfor %}
                    </select>
                </div>
                <div class="col-md-3">
                    <label class="text-right">Linea Costo</label>
                    <select id="costLine" class="js-example-basic-single">
                        <option></option>
                        {% for cosLin in costLines %}
                            <option value="{{ cosLin.id }}">{{ cosLin.costLine }}_{{ cosLin.subProject }}</option>
                        {% endfor %}
                    </select>
                </div>
                {% if idproyectos == 10  %}
                    <div class="col-md-2">
                        <label class="text-right">Sub-Proyecto</label>
                        <select id="subProject" class="js-example-basic-single">
                            <option></option>
                            {% for sub in subproject %}
                                <option value="{{ sub.Id }}">{{ sub.subProject }}</option>
                            {% endfor %}
                        </select>
                    </div>
                {% endif %}
                <div class="col-md-1 text-center" style="padding-top: 1%;">
                    <button class="btn btn-success" id="btnFilter"><i class="fa fa-search fa-lg"></i></button>
                </div>
            </div>
        </div>

    {% endif %}
    <div class="col-md-12"><br>
        {% if is_granted('ROLE_CONTROL_COST_3') %}
            <button id="btnRefresh" class="btn btn-link" style="color: grey;font-size: 14px"><strong>Sincronizar</strong></button>
        {% endif %}
        {% if is_granted('ROLE_CONTROL_COST_1')%}{% else %}
            <div class="pull-right"><button id="btnNewReg" class="btn btn-link btn-mr" style="color: blue;font-size: 17px"><strong>Cargar Presupuesto Linea a Conciliar</strong></button></div>
        {% endif %}
    </div>

    <div class="col-md-12 table-bordered"></div><br><br><br><br>
    <div class="col-md-12" id="viewNet"></div>

    <!--modal modifica observacion-->
    <div class="modal fade" id="modObs" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content">
                <div class="modal-header btn-info">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h1 class="modal-title" id="myModalLabel">Generacion Acta Proveedor</h1>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <div class="col-md-12">
                            <div class="row">
                                <div hidden><label id="lbIdNet"></label></div>
                                <div class="col-md-2 text-right"><label>Network: </label></div>
                                <div class="col-md-3"><label class="form-control" id="lbNet"></label></div>
                                <div class="col-md-2 text-right"><label>Contratista: </label></div>
                                <div class="col-md-4"><label class="form-control" id="lbCon"></label></div>
                            </div>
                            <div class="row">
                                <div class="col-md-2 text-right"><label>Linea de Costo: </label></div>
                                <div class="col-md-6"><label class="form-control" id="lbLc" style="height: 50px;"></label></div>
                                <div class="col-md-1 text-right"><label>Estado: </label></div>
                                <div class="col-md-2"><label class="form-control" id="lbSt"></label></div>
                                {% if is_granted('ROLE_CONTROL_COST_4') %}
                                    <div class="col-md-1"><button type="button" class="btn btn-default" aria-label="Left Align" id="btnChange"><span class="glyphicon glyphicon-retweet" aria-hidden="true"></span></button></div>
                                {% endif %}
                            </div>
                            <div class="row">
                                <div class="col-md-2 text-right"><label>Presupuesto: </label></div>
                                <div class="col-md-3"><label class="form-control" id="totPre"></label></div>
                                <div class="col-md-1">&nbsp;</div>
                                <div class="col-md-2 text-right"><label>Monto Anterior: </label></div>
                                <div class="col-md-3"><label class="form-control" id="lbCo"></label></div>
                                <div class="col-md-1">&nbsp;</div><br>
                            </div><br>
                            <div class="row">
                                <div class="col-md-2 text-right"><label>{{'Observacion' | trans}}: </label></div>
                                <div class="col-md-10"><textarea class="form-control" id="lbObs"></textarea></div>
                            </div><br>
                            <div class="alert alert-success">
                                <div class="row">
                                    <form id="formDonwloadActaAdmin" action="{{ path('downloadActa',{'idproyectos':idproyectos})}}" method="POST">
                                        <div class="col-md-1 text-right"><label>Acta: </label></div>
                                        <div class="col-md-2"><Input class="form-control" id="txtAct" name="txtAct" placeholder="Acta acordada..."></div>
                                        <div class="col-md-1 text-right"><label>Periodo Conciliado: </label></div>
                                        <div class="col-md-2">
                                        <select id="period" name="period" class="form-control">
                                            <option></option>
                                            {% for mes in perCon %}
                                                <option value="{{ mes.mes }}">{{ mes.mes }}</option>
                                            {% endfor %}
                                        </select>
                                        </div>
                                        <div class="col-md-2 text-right"><label>Valor Conciliado: </label></div>
                                        <div class="col-md-2">
                                            <input class="form-control" id="lbCna" onkeyup="format(this)" onchange="format(this)">

                                            <input type="hidden" id="valorHide" value="0">
                                            <input type="hidden" id="idHide" value="">
                                            <input type="hidden" id="grHide" value="">
                                            <input type="hidden" id="montoHide" value="">

                                            <input type="hidden" id="txtIdProv" name="txtIdProv">
                                        </div>
                                        <div class="col-md-1">
                                            <button type="submit" class="btn btn-success" id="btnDown">Descargar Acta</button>
                                        </div>
                                    </form>
                                </div>
                            </div>
                        </div>
                        {% if is_granted('ROLE_CONTROL_COST_4') %}<!-- admon -->
                        <div class="row" style="margin-top: 20px">
                            <div class="col-lg-12">
                                <div class="col-lg-4" style="padding: 0">
                                    <label>PO NUMBER <span style="color: blue" id="POText"></span></label>
                                    <select class="form-control" id="po">
                                        <option></option>
                                    </select>
                                </div>
                                <div class="col-lg-4" style="padding: 0">
                                    <label>GR NUMBER</label>
                                    <input class="form-control" placeholder="INGRESE GR" id="gr" onkeypress="return permite(event,'num', this.value)">
                                </div>
                                <div class="col-lg-4" style="padding: 0">
                                    <label>MONTO</label>
                                    <div class="input-group">
                                        <input class="form-control" placeholder="MONTO" id="monto" onkeyup="format(this)" onchange="format(this)">
                                <span class="input-group-btn">
                                    <button class="btn btn-success" type="button" id="btnAddPOGR">{{'inbox.add' | trans | upper }}</button>
                                  </span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row" style="margin-top: 10px">
                            <div class="col-lg-12">
                                <table class="display nowrap col-lg-12" id="tbodyPOGR">
                                    <thead>
                                    <tr class="btn-info">
                                        <th>PO</th>
                                        <th>GR</th>
                                        <th>VALOR</th>
                                        <th></th>
                                    </tr>
                                    </thead>
                                    <tbody id="tbodyPOGR2">
                                    <tr></tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                        {% endif %}
                    </div>
                </div>
                <div class="modal-footer" >
                    <button type="button" class="btn btn-success" id="btnModifica">Guardar</button>
                    <button type="button" class="btn btn-default" data-dismiss="modal">Cancelar</button>
                    {% if is_granted('ROLE_CONTROL_COST_4') %}
                        <button type="button" class="btn btn-danger pull-left" id="btnKill">Eliminar</button>
                    {% endif %}
                </div>
            </div>
        </div>
    </div>

    <!--modal new presupuesto linea a conciliar-->
    <div class="modal fade" id="modNew" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
        <div class="modal-dialog modal-lg" role="document">
            <div class="modal-content">
                <div class="modal-header btn-info">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h1 class="modal-title" id="myModalLabel">Presupuesto Linea a Conciliar</h1>
                </div>
                <form id="formNewBudget">
                    <div class="modal-body">
                        <div class="row">
                            <div class="col-md-12">
                                <div class="row">
                                    {% if is_granted('ROLE_CONTROL_COST_3') == false %}
                                        <div class="col-md-2 text-right"><label>Contratista:</label></div>
                                        <div class="col-md-3">
                                            <select class="js-example-basic-single" id="selPro" required>
                                                <option></option>
                                                {% for pro in provider %}
                                                    <option value="{{ pro.idproveedor }}">{{ pro.Proveedor }}</option>
                                                {% endfor %}
                                            </select>
                                        </div>
                                    {% endif %}
                                </div><br>
                                <div class="row">
                                    <div class="col-md-3 text-right"><label>Linea de Costo:</label></div>
                                    <div class="col-md-9">
                                        <select class="js-example-basic-single" id="selLC" required>
                                            <option></option>
                                            {% for line in costLine %}
                                                <option value="{{ line.id }}">{{ line.costLine }}_{{ line.subProject }}</option>
                                            {% endfor %}
                                        </select>
                                    </div>
                                    <div class="col-md-12">&nbsp;</div>
                                    <div class="col-md-3 text-right"><label>Presupuesto:</label></div>
                                    <div class="col-md-3"><input class="form-control" id="inpPre" onkeyup="format(this)" onchange="format(this)" required></div>
                                </div><br>
                                <div class="row">
                                    <div class="col-md-2 text-right"><label>{{'Observacion' | trans}}:</label></div>
                                    <div class="col-md-10"><textarea class="form-control" id="txtObs" required></textarea></div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer text-right">
                        <button id="btnNewBudget" type="submit" class="btn btn-success">Cargar</button>
                    </div>
                </form>
            </div>
        </div>
    </div>
    </div>


    </body>
{%endblock %}