{% extends '::base.html.twig' %}
{% block menuTop %}

{% endblock %}

{% block dashboard %}
    <style>
         #tab_filter { float: right; }
        .wrapper{padding-bottom:50px;}
        .header{background:#000000;}.header .container{padding-bottom:20px;}.header .container h1{color:#FFF;line-height:50px;margin-top:30px;margin-bottom:0;}
        .header .container h3{color:#E0E0E0;font-size:16px;margin-top:-5px;}.header .container h3 a{color:#66aacc;}.header .container h3 a:hover{color:#b3d5e6;}
        .top-menu{position:absolute;z-index:9999;}.top-menu .nav-list{background:rgba(255, 255, 255, 0.8);border:1px solid #CCC;margin:20px;position:fixed;right:0;}
        pre,.well{background:#FFFFFF;}
        .syntax-container{background:#FCFCFC;-webkit-border-radius:7px;-webkit-background-clip:padding-box;-moz-border-radius:7px;-moz-background-clip:padding;border-radius:7px;background-clip:padding-box;border:1px solid #e3e3e3;margin-bottom:30px;padding-bottom:20px;}
        .isloading-wrapper.isloading-right{margin-left:10px;}
        .isloading-overlay{position:relative;text-align:center;}.isloading-overlay .isloading-wrapper{background:#FFFFFF;-webkit-border-radius:7px;-webkit-background-clip:padding-box;-moz-border-radius:7px;-moz-background-clip:padding;border-radius:7px;background-clip:padding-box;display:inline-block;margin:0 auto;padding:10px 20px;top:10%;z-index:9000;}

        /*Glyphicon Spinner*/
        .glyphicon-spin {
            -animation: spin .9s infinite linear;
            -webkit-animation: spin2 .9s infinite linear;
        }

        @-webkit-keyframes spin2 {
            from { -webkit-transform: rotate(0deg);}
            to { -webkit-transform: rotate(360deg);}
        }

        @keyframes spin {
            from { transform: scale(1) rotate(0deg);}
            to { transform: scale(1) rotate(360deg);}
        }

        #menuTop {
            margin-top: 10px;
        }
        .fixed-panel {
            min-height: 100px;
            max-height: 200px;
            overflow-y: scroll;
        }
        #parametros .panel-body .row{

            padding-left: 5px;
        }
        #chart .panel-body {
             padding: 0px;
        }
         .btn-claro {
            color: #fff;
            background-color: #aa0001;
            border-color: #e06a70;

            }
            .btn-claro:hover, .btn-claro:focus {
            color: #fcfcfc;
            text-decoration: none;

            }
            .table th{
                font-size: 9pt;
            }
            .table td{
                font-size: 8pt;
            }        

    </style>
    <script>
        function modoEditar()
        {
            jQuery('#anadirditar').html('');
            jQuery('#sgpemails_editar').val(0);
            jQuery('#sgpmail_nombre').val('');
            jQuery('#sgpmail_email').val('');
            jQuery('#sgpmail_pais').val(9999);
            jQuery('#anadirono').html('Añadir');
        }
        $(function () {
            jQuery('#sgpmail_pais').val(9999);
            jQuery('.noborraremail').click(function() { jQuery('.borrasino').slideUp(); } );
            jQuery('.borrarHM').click(function() {
                 var id = jQuery(this).attr('id');
                  jQuery('.borrasino').slideUp();
                  jQuery('#borrasino_' + id.replace('borrarShow', '')).slideDown();
            });
            jQuery('.borraremail').click(function()
            {
                var emailID = jQuery(this).attr('data-id_mailborrar');
                var email = jQuery(this).attr('data-emailborrar');
                jQuery('#theuserEmail_' + emailID).remove();
                jQuery('#borrasino_' + emailID).remove();
                  
                $.ajax({
                    type:"POST",
                    url : "{{ path('ConfigurarScraping', {'idproyectos':30})}}",
                    data:{borrarEmail: 1, email: email, emailID: emailID}

                }).done(function (msj) { });
            });
            jQuery('.emailseditar').click(function() 
            { 
                jQuery('#sgpmail_nombre').val(jQuery(this).attr('data-name'));
                jQuery('#sgpmail_email').val(jQuery(this).attr('data-email'));
                jQuery('#sgpmail_pais').val(jQuery(this).attr('data-pais'));
                jQuery('#sgpemails_editar').val(jQuery(this).attr('data-id_mail'));
                var des1 = (jQuery(this).attr('data-realizados') == 1) ? true : false;
                var des2 = (jQuery(this).attr('data-reprogramar') == 1) ? true : false;
                var des3 = (jQuery(this).attr('data-rechazados') == 1) ? true : false;
                var des4 = (jQuery(this).attr('data-porvalidar') == 1) ? true : false;
                if (des1) 
                { 
                    jQuery('#sgpmail_realizados_1').attr("checked", des1);
                    jQuery('#sgpmail_realizados_1').parent('.btn').addClass('active');
                    jQuery('#sgpmail_realizados_0').parent('.btn').removeClass('active');
                }
                else
                {
                    jQuery('#sgpmail_realizados_0').attr("checked", true);
                    jQuery('#sgpmail_realizados_0').parent('.btn').addClass('active');
                    jQuery('#sgpmail_realizados_1').parent('.btn').removeClass('active');
                }
                
                if (des2) 
                { 
                    jQuery('#sgpmail_reprogramar_1').attr("checked", des2);
                    jQuery('#sgpmail_reprogramar_1').parent('.btn').addClass('active');
                    jQuery('#sgpmail_reprogramar_0').parent('.btn').removeClass('active');
                }
                else
                {
                    jQuery('#sgpmail_reprogramar_0').attr("checked", true);
                    jQuery('#sgpmail_reprogramar_0').parent('.btn').addClass('active');
                    jQuery('#sgpmail_reprogramar_1').parent('.btn').removeClass('active');
                }
                
                if (des3) 
                { 
                    jQuery('#sgpmail_rechazados_1').attr("checked", des3);
                    jQuery('#sgpmail_rechazados_1').parent('.btn').addClass('active');
                    jQuery('#sgpmail_rechazados_0').parent('.btn').removeClass('active');
                }
                else
                {
                    jQuery('#sgpmail_rechazados_0').attr("checked", true);
                    jQuery('#sgpmail_rechazados_0').parent('.btn').addClass('active');
                    jQuery('#sgpmail_rechazados_1').parent('.btn').removeClass('active');
                }
                
                if (des4) 
                { 
                    jQuery('#sgpmail_porvalidar_1').attr("checked", des4);
                    jQuery('#sgpmail_porvalidar_1').parent('.btn').addClass('active');
                    jQuery('#sgpmail_porvalidar_0').parent('.btn').removeClass('active');
                }
                else
                {
                    jQuery('#sgpmail_porvalidar_0').attr("checked", true);
                    jQuery('#sgpmail_porvalidar_0').parent('.btn').addClass('active');
                    jQuery('#sgpmail_porvalidar_1').parent('.btn').removeClass('active');
                }
                
                
                jQuery('#anadirditar').html('{{'Usuario'  | trans}}: ' + jQuery(this).attr('data-name') +  " (<a id='anadirditar_2' style='text-decoration: underline; color: #a00;'>{{'Limpiar' | trans}}</a>)");
                jQuery('#anadirditar_2, #anadirditar_3').click(function() { modoEditar(); });
                jQuery('#anadirono').html('Editar');
            });
        });
        </script>
       <div class="container-fluid">
        
            
                
            
            
            <div class="row">
                <h1>Configurar Contraseñas para {{pais}}</h1>
                 <div class="col-lg-10 top-uno">
                     <p>Estas son las contraseñas de los usuarios de SGP.</p>
               
                   
                   {%for pass in passwords%}
                       <div class="col-lg-5"  style='margin-right: 10px; border: 1px solid #bbb; border-radius: 5px; padding-left: 5px; padding-bottom: 5px; margin-bottom: 10px;'><form id="passconf_formid_{{pass.paisID}}{{pass.loginNum}}" class="form-inline" method="post">
                    <div class="form-group col-lg-12  col-md-12 col-xs-12" style="margin-top: 5px; clear: both;">
                        <br />
                    <table><tr><td><label>{{ 'Login' | trans}} {{pass.loginNum}}&nbsp;&nbsp;</label></td><td>
                    <input type="text" class="form-control" value="{{pass.login}}" name="logindat[login]" />
                            </td></tr> 
                    <tr><td><label>{{ 'Password' | trans}} {{pass.loginNum}}&nbsp;&nbsp;</label> </td><td>
                    <input type="password" class="form-control" value="{{pass.password}}" name="logindat[password]" />
                            </td></tr></table>
                    </div> 
                              <div style="clear: both;"></div>
                     <input type="hidden" name="passw_country" value="{{pass.paisID}}" />
                     <input type="hidden" name="passw_loginnum" value="{{pass.loginNum}}" />
                     <input type="hidden" name="passw_config" value="1" />
                     <br />
                         <button class="btn btn-info" type="button" id="cambiarTipo" onClick="jQuery('#passconf_formid_{{pass.paisID}}{{pass.loginNum}}').submit()">Cambiar</button>
                     
                           </form></div> 
                 {%endfor%}
                   </div>
             </div>
            <hr />
            <div class="row">
                 <h1>Correos para Notificaciones SGP ({{pais}})</h1>
                                         <p>Estas son las personas que seran notificadas cuando se suban PDF concatenados a SGP, o cuando archivos se manden a reprogramar.</p>

                                         <p><a id='anadirditar_3' style='text-decoration: underline;' href='#emails_formid'>{{'Añadir Correo Eléctronico' | trans}}</a></p>
                                         <br /><div class="form-group col-lg-8">
                      <table id="listofmails" style='padding: 5px;'>
                     {%for email in emails%}
                      <tr id="theuserEmail_{{email.id_mail}}">
                          <td style='padding: 5px;'>{{email.email}}</td>
                          <td style='padding: 5px;'>{{email.Nombre}}</td>
                          <td style='padding: 5px;'>
                          <a class='emailseditar' data-id_mail='{{email.id_mail}}' data-pais='{{email.paisID}}' data-name='{{email.Nombre}}' data-email='{{email.email}}'  data-reprogramar='{{email.reprogramar}}' data-realizados='{{email.realizados}}' data-rechazados='{{email.rechazados}}' data-porvalidar='{{email.porvalidar}}'  href='#emails_formid' style='text-decoration: underline;'>
                              {{'Editar' | trans}}</a>
                         | 
                          <a href="javascript:void(0)" class="borrarHM" style='text-decoration: underline;' id="borrarShow{{email.id_mail}}">{{'Borrar' | trans}}</a> {%if email.paisID == 9999 %}(universal){%endif%}</td>
                      </tr>
                      <tr style="display: none;" class="borrasino" id="borrasino_{{email.id_mail}}">
                          <td colspan="2" align="center"><a href="javascript:void(0)" style='text-decoration: underline;' class="borraremail"  data-id_mailborrar='{{email.id_mail}}' data-emailborrar='{{email.email}}'>{{'SI' | trans | capitalize }}</a> | <a href="javascript:void(0)" style='text-decoration: underline;' class="noborraremail">{{'NO' | trans | capitalize }}</a></td>
                      </tr>
                         
                     {%endfor%}
                     </table>
            </div>
                 <div class="col-lg-7" style='border: 1px solid #bbb; padding-bottom: 10px; border-radius: 5px; margin-left: 20px;'>
                     <h2><span id='anadirono' style="font-weight: bold;">Añadir</span> Correo Eléctronico:</h2>
                     <div id='anadirditar'></div>
               <form id="emails_formid" class="form-inline" method="post">
                   <div class="form-group col-lg-5" style='margin-top: 20px; clear: both;'> 
                    <label style='width: 100px;'>{{ 'Nombre' | trans}}</label> 
                    <input type="text" class="form-control" style="width: 250px;" value="" id='sgpmail_nombre' name="sgpmail[nombre]" />
                   </div>
                <div class="form-group col-lg-5" style='margin-top: 20px; clear: both;'> 
                     <label style='width: 100px;'>{{ 'E-Mail' | trans}}</label> 
                    <input type="text" class="form-control" style="width: 250px;"  value="" id='sgpmail_email' name="sgpmail[email]" />
                </div>
               <div class="form-group col-lg-5" style='margin-top: 20px; clear: both;'>
                    <label style='width: 100px; float: left;'>{{'pais' | capitalize | trans}}&nbsp;</label>
                    <select class="form-control" id='sgpmail_pais' name="sgpmail[pais]" style='float: left; width: 150px;'>
                        <option value="9999">{{"inbox.all" | trans}}</option>
                        {%for key, value in paises%}
                            <option value="{{ key }}">{{value}}</option>
                        {%endfor%}
                    </select>
                </div> 
                   
                 <div class="form-group col-lg-5" style='margin-top: 10px; clear: both;' data-toggle="buttons">
                    <h2>{{'notificar al reprogramar' | trans | capitalize}}</h2>
                     <label class="btn btn-default active">{{'SI' | trans | capitalize }}
                            <input  class="sgpmail_reprogramar" type="radio" checked="checked" id="sgpmail_reprogramar_1" value='1' name="reprogramar">
                        </label>
                        <label class="btn btn-default">{{'NO' | trans | capitalize}}
                            <input class="sgpmail_reprogramar" type="radio" id="sgpmail_reprogramar_0" value='0' name="reprogramar" >
                        </label>
                  </div> 
                            
                   <div class="form-group col-lg-5" style='margin-top: 2px; clear: both;' data-toggle="buttons">
                    <h2>{{'notificar sitios realizados' | trans | capitalize}}</h2>
                     <label class="btn btn-default active">{{'SI' | trans | capitalize }}
                            <input  class="sgpmail_realizados" type="radio" checked="checked" id="sgpmail_realizados_1" value='1' name="realizados">
                        </label>
                        <label class="btn btn-default">{{'NO' | trans | capitalize}}
                            <input class="sgpmail_realizados" type="radio"  id="sgpmail_realizados_0" value='0' name="realizados" >
                        </label>
                  </div>
                 
                             <div class="form-group col-lg-5" style='margin-top: 2px; clear: both;' data-toggle="buttons">
                    <h2>{{'enviar lista de sitios rechazados' | trans | capitalize}}</h2>
                     <label class="btn btn-default active">{{'SI' | trans | capitalize }}
                            <input  class="sgpmail_rechazados" type="radio" checked="checked" id="sgpmail_rechazados_1" value='1' name="rechazados">
                        </label>
                        <label class="btn btn-default">{{'NO' | trans | capitalize}}
                            <input class="sgpmail_rechazados" type="radio"  id="sgpmail_rechazados_0" value='0' name="rechazados" >
                        </label>
                  </div>
                            
                             <div class="form-group col-lg-5" style='margin-top: 2px; clear: both;' data-toggle="buttons">
                    <h2>{{'envia lista de folios por validar' | trans | capitalize}}</h2>
                     <label class="btn btn-default active">{{'SI' | trans | capitalize }}
                            <input  class="sgpmail_porvalidar" type="radio"  checked="checked" id="sgpmail_porvalidar_1" value='1' name="porvalidar">
                        </label>
                        <label class="btn btn-default">{{'NO' | trans | capitalize}}
                            <input class="sgpmail_porvalidar" type="radio"  id="sgpmail_porvalidar_0" value='0' name="porvalidar" >
                        </label>
                  </div>
                            
                            
                            
                                 <div class="form-group col-lg-5" style="margin-top: 20px; clear: both;">
                <input type="hidden" name="emails_config" value="1" />
                <input type="hidden" name="emails_editar" id='sgpemails_editar' value="0" />
                         <button class="btn btn-info" type="button" id="cambiarTipo" onClick="jQuery('#emails_formid').submit()">Cambiar</button>
                       </div> 
                 </form>                            
 
       
             </div>
             </div>
                     </div>
                        
        <br /><br /><br /><br />

     
    {% endblock %}