console.log();
let autoreply_list = JSON.parse('{{mod.autoresp|json_encode|raw}}');
let uchip = null;
let autorep_table = null;
let html_message_editor = null;
$(document).ready(function(){
  {% if mod.isie == 1 %}
    uchip = new $.Uchip();
  {% else %}
    uchip = new Uchip();
  {% endif %}

  bindDateTimePicker();
  listAutoReply(autoreply_list);
  $('[data-toggle="tooltip"]').tooltip();

});
function activateHtmlMessage(elem){
  if($(elem).is(':checked')){
    $('#messajeautof').summernote({
      toolbar: [
        // [groupName, [list of button]]
        ['style', ['bold', 'italic', 'underline', 'clear']],
        ['font', ['strikethrough']],
        ['fontsize', ['fontsize']],
        ['color', ['color']],
        ['para', ['ul', 'ol', 'paragraph']],
        ['height', ['height']]
      ],
      height: 250
    });
    html_message_editor = true;
  }else{
    $('#messajeautof').summernote('destroy');
    html_message_editor = null;
  }
}
function listAutoReply(list){
  autoreply_list = list;
  let content_html = '';
  if(autoreply_list.length > 0){
    let table_html = '';
    let index = 0;
    autoreply_list.forEach(function(autoresp){
      let datevalid = '';
      let status_button = '';
      if(autoresp.send_date_range == 1){
        datevalid = '<b>{{langmod.ARACTVTIME1}}</b>: ' + moment(autoresp.start_date).format('ddd DD, MMM YYYY hh:mm a') + '<br /><b>{{langmod.ARACTVTIME2}}</b>: ' + moment(autoresp.end_date).format('ddd DD, MMM YYYY hh:mm a');
      }else{
        datevalid = 'Forever';
      }
      if(autoresp.active == 1){
        status_button = '<button type="button" title="{{langmod.AULABEL4}}" class="btn btn-primary btn-xs mr5 mb10" data-active="' + autoresp.active + '" onclick="return autofchangest(\'' + autoresp.email + '\',this)" id="btnautofchang' + index + '">' +
                          '<i class="fa fa-thumbs-o-up"></i>' +
                        '</button>';
      }else if(autoresp.active == 5){
        status_button = '<button type="button" title="{{langmod.ARDESACTIVE}}" class="btn btn-warning btn-xs mr5 mb10" data-active="' + autoresp.active + '" onclick="return autofchangest(\'' + autoresp.email + '\',this)" id="btnautofchang' + index + '">' +
                          '<i class="fa fa-thumbs-o-down"></i>' +
                        '</button>';
      }else{
        status_button = '<button type="button" title="{{langmod.ARDESACTIVE}}" class="btn btn-primary btn-xs mr5 mb10" data-active="' + autoresp.active + '" onclick="return autofchangest(\'' + autoresp.email + '\',this)" id="btnautofchang' + index + '">' +
                          '<i class="fa fa-thumbs-o-down"></i>' +
                        '</button>';
      }
      // let email_address = autoresp.email + '@' + autoresp.domain;
      table_html += '<tr id="trautorep_' + index + '">' +
                      '<td>' + autoresp.email + '</td>' +
                      '<td align="center" id="sj' + index + '">' + autoresp.subject + '</td>' +
                      '<td align="center">' + autoresp.domain + '</td>' +
                      '<td align="center">' +
                        datevalid +
                      '</td>' +
                      '<td class="autorep-actions">' +
                        status_button +
                        '<button type="button" title="{{langmod.AREDIT}}" data-info=\'' + JSON.stringify(autoresp) + '\' class="btn btn-success btn-xs mr5 mb10" onclick="return autofedit(this,\'' + autoresp.email + '\',' + index + ')"><i class="fa fa-pencil-square-o"></i></button>' +
                        '<button type="button" title="{{langmod.ARDELETE}}" id="btn_auto_del_' + index + '" class="btn btn-danger btn-xs mr5 mb10" onclick="return autofdelete(0,\'' + autoresp.email + '\',' + index + ')"><i class="fa fa-trash"></i></button>' +
                      '</td>' +
                    '</tr>';
      index++;
    });
    content_html = '<table class="table table-striped table-bordered table-hover dataTables-example dataTable no-footer" id="table_autorep" width="100%">' +
                      '<thead>' +
                          '<tr>' +
                              '<th>{{langmod.AREMAIL}}</th>' +
                              '<th>{{langmod.ARSUBJECT}}</th>' +
                              '<th>{{langmod.ARDOMAIN}}</th>' +
                              '<th>{{langmod.ARACTIVATION}}</th>' +
                              '<th class="autorep-actions">{{langmod.ARACTION}}</th>' +
                          '</tr>' +
                      '</thead>' +
                      '<tbody id="contenttr">' +
                        table_html +
                      '</tbody>' +
                    '</table>';
    $('#table_autorep_container').html(content_html);
    $('#table_autorep').DataTable().destroy();
    autorep_table = $('#table_autorep').DataTable();
  }else{
    content_html = '<div class="empty_list"><h4 class="text-success">{{langmod.AUNOLISTED}}</h4></div>';
    $('#table_autorep_container').html(content_html);
  }
}
function calculateQuota(){
  let plan = {{mod.email_pack_mailauto}};
  $('#autorep_used').text(autoreply_list.length);
  if(plan >= 0){
    if(autoreply_list.length == plan){
      $('#addAutoRepBTN').addClass('disabled');
      $('#addAutoRepBTN').prop('disabled', true)
    }else{
      $('#addAutoRepBTN').removeClass('disabled');
      $('#addAutoRepBTN').prop('disabled', false)
    }
    let percent = plan == 0 ? 100 : ((autoreply_list.length * 100) / plan).toFixed(0);
    let classbar = '';
    if (percent >=26 && percent <=50){
      classbar = 'progress-bar progress-bar-success';
    }else if(percent >=51 && percent <=75){
      classbar = 'progress-bar progress-bar-warning';
    }else if(percent >75){
      classbar = 'progress-bar progress-bar-danger';
    }else{
      classbar = 'progress-bar';
    }
    $('#stat-percent').text(percent + '%');
    $("#baremailind").removeClass();
    $('#baremailind').addClass(classbar);
    $('#baremailind').width(percent+'%');
  }
}
function validatorFields(selector){
  let is_valid = true;
  $(selector).each(function(){
    if($(this).val() == ''){
      is_valid = false;
      $(this).addClass('error');
    }else{
      $(this).removeClass('error');
    }
  });
  return is_valid;
}
function changeInterval(elem){
  if($(elem).val() == ''){
    $(elem).parent().addClass('interval-container');
  }else{
    $(elem).parent().removeClass('interval-container');
  }
}
function createAutoRep(){
  let is_valid = true;
  let time_sel = '';
  let basic_valid = validatorFields('.reqfield');
  let adv_valid = true;
  let adv_data = '';
  if($('#interval_select').val() == '' && !$.isNumeric($('#intervaltime_autorep').val())){
    adv_valid = false;
    $('#intervaltime_autorep').addClass('error');
  }else if($('#interval_select').val() != ''){
    adv_data = '&interval_type=estandar&interval=' + $('#interval_select').val();
    $('#intervaltime_autorep').removeClass('error');
  }else{
    adv_data = '&interval_type=custom&interval=' + $('#intervaltime_autorep').val();
    $('#intervaltime_autorep').removeClass('error');
  }
  if($('#time_container').is(':visible')){
    let time_valid = validatorFields('.extra_time');
    is_valid = basic_valid && time_valid && adv_valid;
    time_sel = '&onlydate=1&start_date=' + $('#start_date_autorep').val() + '&end_date=' + $('#end_date_autorep').val() + '&start_time=' + $('#start_time_autorep').val() + '&end_time=' + $('#end_time_autorep').val();
  }else{
    is_valid = basic_valid && adv_valid;
  }
  if(!is_valid){
      noti_bubble('','{{langmod.ARERRO1}}','error',false,false,'3000',true);
  }else{
    uchip.handleButton('.add_auto_btn', 'fa-floppy-o');
    uchip.handleButton('.cancel_auto_btn', 'fa-ban');
    let data_auto = '';
    let ishtml = $('#autorep_html_message').is(':checked') ? 1 : 0;
    if($('#editing_autorep').length == 0){
      data_auto = '&ishtml=' + ishtml + '&autorep_charset=' + $('#autorep_charset').val() + '&fromname=' + $('#autorep_fromname').val() + adv_data + '&emailautof=' + $('#emailautof').val() + '&domainautof=' + $('#domainautof').val() + '&subjectautof=' + $('#subjectautof').val() + '&messajeautof=' + encodeURIComponent($('#messajeautof').val()) + time_sel;
      uchip.call('module=mail_autoreply&acc=createautorep', {
        data: data_auto,
        callback: function(response){
            if(response.result != 'success'){
              let msj = response.code == 6 ? '{{langmod.ARERROR6}}' : '{{langmod.ARERROR10}}';
              noti_bubble(msj,'{{langmod.ARMERROR}}','error',false,false,'3000',true);
            }else{
              listAutoReply(response.list);
              calculateQuota();
              cancelForm();
              noti_bubble('{{langmod.AROKADD}}','{{langmod.ARSUCCT}}','success',false,false,'3000',true);
            }
            uchip.handleButton('.add_auto_btn', 'fa-floppy-o', true);
            uchip.handleButton('.cancel_auto_btn', 'fa-ban', true);
        }
      });
    }else{
      data_auto = '&ishtml=' + ishtml + '&autorep_charset=' + $('#autorep_charset').val() + '&fromname=' + $('#autorep_fromname').val() + adv_data + '&email=' + $('#editing_autorep').val() + '&sujbj=' + $('#subjectautof').val() + '&msj=' + encodeURIComponent($('#messajeautof').val()) + time_sel
      uchip.call('module=mail_autoreply&acc=updautorep', {
        data: data_auto,
        callback: function(response){
            console.log(response);
            if(response.result != 'success'){
              noti_bubble('{{langmod.ARERROR6}}','{{langmod.ARERROR}}','error',false,false,'3000',true);
            }else{
              listAutoReply(response.list);
              cancelForm();
              noti_bubble('{{langmod.ARUPDATE}}','{{langmod.ARSUCCT}}','success',false,false,'3000',true);
            }
            uchip.handleButton('.add_auto_btn', 'fa-floppy-o', true);
            uchip.handleButton('.cancel_auto_btn', 'fa-ban', true);
        }
      });
    }
  }
}
function addAutoRepForm(){
  $('#list_autorep_container').slideUp('fast', function(){
    $('#form_autorep_container').slideDown('fast');
  });
}
function cancelForm(){
  $('#form_autorep_container').slideUp('fast', function(){
    $('#list_autorep_container').slideDown('fast');
    $('#emailautof').val('');
    $('#subjectautof').val('');
    $('#domainautof').val('');

    $('#sendonlydate').prop('checked', false);
    $('#time_container').hide();
    $('#start_date_autorep').val('');
    $('#start_time_autorep').val('');
    $('#end_date_autorep').val('');
    $('#end_time_autorep').val('');
    $('.hide_on_edit').show();
    $('.wide_on_edit').removeClass('col-sm-12');
    $('.wide_on_edit').addClass('col-sm-6');
    $('#autorep_form_title').text('{{langmod.ARBTNADD}}');
    $('#interval_container').removeClass('interval-container');
    $('#autorep_fromname').val('');
    $('#intervaltime_autorep').val('');
    $('#interval_select').val('*');
    $('#autorep_charset').val('utf-8');
    $('#adv_content').hide();
    console.log(html_message_editor);
    if(html_message_editor != null){
      console.log("COMERCIAL");
      $('#messajeautof').summernote('destroy');
      $('#messajeautof').val('');
    }else{
      $('#messajeautof').val('');
    }
    $('#autorep_html_message').prop('checked', false);
    if($('#icon_advopt').hasClass('fa-chevron-up')){
      $('#icon_advopt').removeClass('fa-chevron-up');
      $('#icon_advopt').addClass('fa-chevron-down');
    }
  });
}
Date.prototype.isValid = function () {
    return this.getTime() === this.getTime();
};
function bindDateTimePicker(){
  $("#start_date_autorep").datepicker({
    autoclose: true,
    startDate: moment().toDate(),
  }).on('hide', function(e) {
    let end_date = $("#end_date_autorep").datepicker('getDate');

    let date_start = $(this).datepicker('getDate');
    if(date_start.isValid()){
      $("#end_date_autorep").datepicker('setStartDate', date_start);
      if(end_date.isValid()){
        date_start = moment(date_start);
          if(date_start.isAfter(end_date)){
            $("#end_date_autorep").datepicker('setDate', date_start.add(1, 'd').toDate());
          }
      }
    }
  });;
  $("#end_date_autorep").datepicker({
    startDate: moment().toDate(),
    autoclose: true,
  });
  $("#start_time_autorep").clockpicker({
      placement: 'top',
      align: 'left',
      autoclose: true,
  });
  $("#end_time_autorep").clockpicker({
      placement: 'top',
      align: 'left',
      autoclose: true,
  });
}
function sendonlydate(elem){
    // $("#start_date").datepicker();
    // $("#end_date").datepicker();
    // $("#start_time").clockpicker();
    // $("#end_time").clockpicker();
    if($(elem).is(':checked')){
      $('#time_container').slideDown('fast');
    }else{
      $('#time_container').slideUp('fast');
    }
}
function autofdelete(st,email,pos){
    if(st == 0){
        var headeradd='<h4>{{langmod.ARWARNDEL}}</h4>';
        var bodyadd='<p>{{langmod.ARDELETEAT}}:<br /><b>' + email + '</b><br />' +
        '{{langmod.ARDELCONFIRM}}</p><input type="hidden" value="'+email+'" id="deleteemailf">';
        var footeradd='<button class="btn btn-default btn-xs mr5 mb10"  id="btn-cancelfemail"  onclick="return cancelfemail()">{{langmod.ARCANCEL}}</button>   <button class="btn btn-primary btn-xs mr5 mb10" id="autofdelete" onclick="return autofdelete(1,\''+email+'\','+pos+')">{{langmod.ARDELETE}}</button>';
        $("#deletemodal .modal-header").html(headeradd);
        $("#deletemodal .modal-body").html(bodyadd);
        $("#deletemodal .modal-footer").html(footeradd);
        $("#deletemodal").modal('toggle');
        return false;
    }
    if(st == 1){
      uchip.handleButton('#btn_auto_del_' + pos, 'fa-trash');
      $("#deletemodal").modal('hide');
      let tr = $('#trautorep_' + pos);
      tr.addClass('deleting_tr');
      uchip.call('module=mail_autoreply&acc=autorepdelete', {
        data: 'email=' + $('#deleteemailf').val(),
        callback: function(response){
          if(response.result == 'success'){
            noti_bubble('{{langmod.ARDELSUCCESS}}','{{langmod.ARSUCCT}}','success',false,false,'3000',true);
            tr.slideUp('fast', function(){
              autoreply_list.splice(pos, 1);
              calculateQuota();
              autorep_table.row(this).remove().draw();
            });
          }else{
            noti_bubble('{{langmod.ARERROROCCUR}}','{{langmod.ARMERROR}}','error',false,false,'3000',true);
            uchip.handleButton('#btn_auto_del_' + pos, 'fa-trash', true);
            tr.removeClass('deleting_tr');
          }
        }
      });
    }
    return false;
}
function autofedit(elem,email,pos){
  $('#autorep_form_title').html('<input type="hidden" value="' + email + '" id="editing_autorep">{{ langmod.AULABEL3 }}: ' + email);
  let infodata = $(elem).data('info');
  $('#domainautof').val(infodata.domain);
  $('#subjectautof').val(infodata.subject);
  let email_address = infodata.email.split('@');
  $('#emailautof').val(email_address[0]);
  if(infodata.hasOwnProperty('ishtml') && infodata.ishtml == 1){
    $('#messajeautof').summernote('code', Base64.decode(infodata.body));
    $('#autorep_html_message').prop('checked', true);
    html_message_editor = true;
    console.log(html_message_editor,'editor');
  }else{
    $('#messajeautof').val(Base64.decode(infodata.body));
    $('#autorep_html_message').prop('checked', false);
  }
  $('.hide_on_edit').hide();
  $('.wide_on_edit').removeClass('col-sm-6');
  $('.wide_on_edit').addClass('col-sm-12');
  if(infodata.send_date_range == '1'){
    $('#start_date_autorep').datepicker('setDate', moment(infodata.start_date).toDate());
    $('#end_date_autorep').datepicker('setDate', moment(infodata.end_date).toDate());
    $('#start_date_autorep').datepicker('update', moment(infodata.start_date).toDate());
    $('#end_date_autorep').datepicker('update', moment(infodata.end_date).toDate());
    let time = infodata.start_date.split(' ');
    $('#start_time_autorep').val(time[1]);
    time = infodata.end_date.split(' ');
    $('#end_time_autorep').val(time[1]);
    $('#sendonlydate').prop('checked', true);
    $('#time_container').show();
  }
  if(infodata.interval == ''){
    infodata.interval = '*'
  }
  if(infodata.charset == '' || infodata.charset == null){
    infodata.charset = 'utf-8';
  }
  $('#autorep_fromname').val(infodata.fromname);
  $('#autorep_charset').val(infodata.charset);
  $('#interval_select').val(infodata.interval);
  if(infodata.interval != '*' || (infodata.fromname != '' && infodata.fromname != null) || infodata.charset != 'utf-8'){
    $('#adv_content').show();
    if($('#icon_advopt').hasClass('fa-chevron-down')){
      $('#icon_advopt').removeClass('fa-chevron-down');
      $('#icon_advopt').addClass('fa-chevron-up');
    }
    if($.isNumeric(infodata.interval)){
      $('#interval_container').addClass('interval-container');
      $('#interval_select').val('');
      $('#intervaltime_autorep').val(infodata.interval);
    }else{
      $('#interval_select').val(infodata.interval);
    }
  }
  $('#list_autorep_container').slideUp('fast', function(){
    $('#form_autorep_container').slideDown('fast');
  });
}
function autofchangest(email, elem){
  let curst = $(elem).data('active');
  let curico = curst == 1 ? 'fa-thumbs-up' : 'fa-thumbs-down';
  uchip.handleButton(elem, curico);
  uchip.call('module=mail_autoreply&acc=autochst', {
    data: 'email=' + email + '&pos=0',
    callback: function(response){
      if(response.result == 'success'){
        let newico = 'fa-thumbs-up';
        let newclass = 'btn-primary';
        let oldclass = 'btn-warning';
        $(elem).data('active', response.after);
        if(response.after != 1){
          newico = 'fa-thumbs-down';
          oldclass = 'btn-primary';
          newclass = 'btn-warning';
        }
        $(elem).removeClass(oldclass);
        $(elem).addClass(newclass);
        uchip.handleButton(elem, newico, true);
      }else{
        noti_bubble('{{langmod.ARERROROCCUR}}','{{langmod.ARMERROR}}','error',false,false,'3000',true);
        uchip.handleButton(elem, curico, true);
      }
    }
  });
}
// CECILIO MORALES JS
function btnaddautof(){
    if(($("#emailautof").val()=='') || ($("#domainautof").val()=='') || ($("#subjectautof").val()=='') || ($("#messajeautof").val()=='')){
        noti_bubble('','{{langmod.ARERRO1}}','error',false,false,'3000',true);
        return false;
    }else{
        btnporcess('off','btnaddautof2','{{ langmod.AULABEL5 }}');
        $.ajaxSetup({ headers: { 'csrftoken' : '{{ tokenajax }}' } });
        $.ajax({
            type: "POST",
            url: "./{{users}}/index.php?module=mail_autoreply&acc=addautof",
            data: "emailautof=" + $("#emailautof").val()+"&domainautof="+$("#domainautof").val()+"&subjectautof="+$("#subjectautof").val()+"&messajeautof="+$("#messajeautof").val()+"&start_date="+$("#start_date").val()+"&end_date="+$("#end_date").val()+"&start_time="+$("#start_time").val()+"&end_time="+$("#end_time").val()+"&sendonlydate="+$("#sendonlydate").val(),
            complete: function(datos){
                if((datos.responseText==6) || (datos.responseText==10)){
                    if(datos.responseText==6){ var msj='{{langmod.ARERROR6}}';}
                    if(datos.responseText==10){ var msj='{{langmod.ARERROR10}}';}
                    noti_bubble(msj,'{{langmod.ARMERROR}}','error',false,false,'3000',true);
                    btnporcess('on','btnaddautof2','{{ langmod.ARADD }}');
                    $("#addautofbtn").hide();
                    return false;
                }else{
                    listautof();
                    $("#emailautof").val('');
                    $("#subjectautof").val('');
                    $("#messajeautof").val('');
                    noti_bubble('{{langmod.AROKADD}}','{{langmod.ARSUCCT}}','success',false,false,'3000',true);
                    btnporcess('on','btnaddautof2','{{ langmod.ARADD }}');
                    refrespanelnew('mail_autoreply');
                    $("#addmodal").modal('hide');
                    return false;
                }
            }
        });
        return false;
    }

}

function listautof(){
    $.ajaxSetup({ headers: { 'csrftoken' : '{{ tokenajax }}' } });
    $.ajax({
        type: "POST",
        url: "./{{users}}/index.php?module=mail_autoreply&acc=listautof",
        complete: function(datos){
            //$('.dataTables-example').DataTable().destroy();
            $('#listtrf').DataTable().destroy();
            $("#contenttr").html(datos.responseText);
            $('#listtrf').DataTable();
            //$('.dataTables-example').DataTable();
            return false;
        }
    });
}
$("#btn-addautof").click(function (){
    var headervar='<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">{{ langmod.DOMLABLE3 }}</span></button><h4 class="modal-title">{{ langmod.ARBTNADD }}</h4>';
    var bodyvar='<div  style="display: block;" id="addautofdiv">';
    bodyvar+='<div class="row" style="margin-left: 15px;">';
    bodyvar+='<div class="col-lg-3">';
    bodyvar+='<input id="emailautof" class="form-control" value="" placeholder="{{ langmod.AEEMAIL2 }}">';
    bodyvar+='</div>';
    bodyvar+='<div class="col-sm-3">';
    bodyvar+='<select id="domainautof" class="form-control">';
    bodyvar+='<option value="">{{ langmod.ARCHOOD }}</option>';
    {% for email2 in mod.email2 %}
    bodyvar+='<option value="{{ email2.domain }}">@{{ email2.domain }}</option>';
    {% endfor %}
    bodyvar+='</select>';
    bodyvar+='</div>';
    bodyvar+='<div class="col-sm-6">';
    bodyvar+='<input id="subjectautof" class="form-control" value="{{ mod.rand }}" placeholder="{{ langmod.ARTHESUBJ }}">';
    bodyvar+='</div>';
    bodyvar+='</div>';
    bodyvar+='<div class="row" style="margin-left: 15px; margin-top: 15px">';
    bodyvar+='<div class="col-sm-12">';
    bodyvar+='<textarea id="messajeautof" class="form-control" rows="6" placeholder="{{ langmod.ARMSJ1 }}"></textarea>';
    bodyvar+='</div>';
    bodyvar+='</div>';
    bodyvar+='<div class="row"  style="margin-left: 30px">';
    bodyvar+='<div class="toggle-custom">';
    //bodyvar+='<label class="toggle" data-on="ON" data-off="OFF">';
    bodyvar+='<input type="checkbox" id="sendonlydate" name="sendonlydate" onchange="return sendonlydate(0)" value="0">';
    //bodyvar+='<span class="button-checkbox"></span>';
    //bodyvar+='</label>';
    bodyvar+='<label for="sendonlydate">{{ langmod.ARRANGETIME }}</label>';
    bodyvar+='</div>';
    bodyvar+='</div>';
    bodyvar+='<form class="form-horizontal group-border stripped" role="form">';
    bodyvar+='<label class="control-label text-center" for=""><b>{{ langmod.ARINITIO }}</b></label>';
    bodyvar+='<label class="control-label text-center" for=""><b>{{ langmod.ARFIN }}</b></label>';
    bodyvar+='<div class="row" style="margin-left: 15px">';
    bodyvar+='<div class="col-lg-3">';
    bodyvar+='<div class="input-group">';
    bodyvar+='<span class="input-group-addon"><i class="fa fa-calendar"></i></span>';
    bodyvar+='<input id="start_date" type="text" class="form-control" disabled>';
    bodyvar+='</div>';
    bodyvar+='</div>';
    bodyvar+='<div class="col-lg-3">';
    bodyvar+='<div class="input-group bootstrap-timepicker"><div class="bootstrap-timepicker-widget dropdown-menu"><table><tbody><tr><td><a href="#" data-action="incrementHour"><i class="fa fa-angle-up"></i></a></td><td class="separator">&nbsp;</td><td><a href="#" data-action="incrementMinute"><i class="fa fa-angle-up"></i></a></td><td class="separator">&nbsp;</td><td class="meridian-column"><a href="#" data-action="toggleMeridian"><i class="fa fa-angle-up"></i></a></td></tr><tr><td><input type="text" name="hour" class="bootstrap-timepicker-hour form-control" maxlength="2"></td> <td class="separator">:</td><td><input type="text" name="minute" class="bootstrap-timepicker-minute form-control" maxlength="2"></td> <td class="separator">&nbsp;</td><td><input type="text" name="meridian" class="bootstrap-timepicker-meridian form-control" maxlength="2"></td></tr><tr><td><a href="#" data-action="decrementHour"><i class="fa fa-angle-down"></i></a></td><td class="separator"></td><td><a href="#" data-action="decrementMinute"><i class="fa fa-angle-down"></i></a></td><td class="separator">&nbsp;</td><td><a href="#" data-action="toggleMeridian"><i class="fa fa-angle-down"></i></a></td></tr></tbody></table></div>';
    bodyvar+='<div class="input-group clockpicker" data-autoclose="true">';
    bodyvar+='<span class="input-group-addon"><i class="fa fa-clock-o"></i></span>';
    bodyvar+='<input id="start_time" type="text" class="form-control clockpicker" disabled>';
    bodyvar+='</div></div>';
    bodyvar+='</div>';
    //bodyvar+='<div class="input-group clockpicker" data-autoclose="true"><input type="text" id="start_time" class="form-control" value="09:30" ><span class="input-group-addon"><span class="fa fa-clock-o"></span></span></div>';
    bodyvar+='<!--/div>';
    bodyvar+='</div-->';
    //
    //bodyvar+='<div class="row" style="margin-left: 15px">';
    bodyvar+='<div class="col-lg-3">';
    bodyvar+='<div class="input-group">';
    bodyvar+='<span class="input-group-addon"><i class="fa fa-calendar"></i></span>';
    bodyvar+='<input id="end_date" type="text" class="form-control" disabled>';
    bodyvar+='</div>';
    bodyvar+='</div>';
    bodyvar+='<div class="col-lg-3">';
    bodyvar+='<div class="input-group bootstrap-timepicker"><div class="bootstrap-timepicker-widget dropdown-menu"><table><tbody><tr><td><a href="#" data-action="incrementHour"><i class="fa fa-angle-up"></i></a></td><td class="separator">&nbsp;</td><td><a href="#" data-action="incrementMinute"><i class="fa fa-angle-up"></i></a></td><td class="separator">&nbsp;</td><td class="meridian-column"><a href="#" data-action="toggleMeridian"><i class="fa fa-angle-up"></i></a></td></tr><tr><td><input type="text" name="hour" class="bootstrap-timepicker-hour form-control" maxlength="2"></td> <td class="separator">:</td><td><input type="text" name="minute" class="bootstrap-timepicker-minute form-control" maxlength="2"></td> <td class="separator">&nbsp;</td><td><input type="text" name="meridian" class="bootstrap-timepicker-meridian form-control" maxlength="2"></td></tr><tr><td><a href="#" data-action="decrementHour"><i class="fa fa-angle-down"></i></a></td><td class="separator"></td><td><a href="#" data-action="decrementMinute"><i class="fa fa-angle-down"></i></a></td><td class="separator">&nbsp;</td><td><a href="#" data-action="toggleMeridian"><i class="fa fa-angle-down"></i></a></td></tr></tbody></table></div>';
    bodyvar+='<span class="input-group-addon"><i class="fa fa-clock-o"></i></span>';
    bodyvar+='<input id="end_time" type="text" class="form-control clockpicker" disabled>';
    bodyvar+='</div>';
    bodyvar+='</div>';
    bodyvar+='</div>';
    bodyvar+='</div>';
    bodyvar+='</form>';
    bodyvar+='<!--div class="bs-callout bs-callout-info fade in" style="margin-right: 25px; margin-left: 25px; display: block" id="divnoti"><button type="button" class="close" id="closebtc" >×</button>';
    bodyvar+='<p>{{ langmod.ARDESCRIP2 }}</p></div-->';
    bodyvar+='</div>';
    var btnvar='<button class="btn btn-default btn-xs mr5 mb10" id="btn-cancelautof" style="" onclick="return btncancelemail()">{{ langmod.ARCANCEL }}</button><button type="button" class="btn btn-success btn-xs mr5 mb10" id="btnaddautof2" onclick="return btnaddautof()">{{ langmod.ARADD }}</button>';
    $("#addmodal .modal-header").html(headervar);
    $("#addmodal .modal-body").html(bodyvar);
    $("#addmodal .modal-footer").html(btnvar);
    $("#addmodal").modal('toggle');
});
$("#btn-updautof").click(function (){
    var sujbj=$("#modsubjectautof").val();
    var msj=$("#modmessajeautof").val();
    var str=$("#modemailautof").val();
    var res= str.split("||");
    var email=res[0];
    var pos=res[1];
    if($("#sendonlydate-edit").val()==1){
        if(($("#start_date-edit").val()=='')||($("#start_time-edit").val()=='')||($("#end_date-edit").val()=='')||($("#end_time-edit").val()=='')){
            noti_bubble('{{langmod.ARERRO1}}','{{langmod.ARERROR}}','error',false,false,'3000',true);
            return false;
        }
    }
    if($("#sendonlydate-edit").attr('checked')){
        var sendonlydate=1;
        var start_dateedit=$("#start_date-edit").val();
        var start_timeedit=$("#start_time-edit").val();
        var end_dateedit=$("#end_date-edit").val();
        var end_timeedit=$("#end_time-edit").val();
    }else{
        var sendonlydate=0;
        var start_dateedit='';
        var start_timeedit='';
        var end_dateedit='';
        var end_timeedit='';
    }
    $.ajaxSetup({ headers: { 'csrftoken' : '{{ tokenajax }}' } });
    btnporcess('off','btn-updautof','{{ langmod.AULABEL5 }}');
    $.ajax({
        type: "POST",
        url: "./{{users}}/index.php?module=mail_autoreply&acc=updautof",
        data:"email="+email+"&sujbj="+sujbj+"&msj="+msj+"&sendonlydate="+sendonlydate+"&start_date="+start_dateedit+"&start_time="+start_timeedit+"&end_date="+end_dateedit+"&end_time="+end_timeedit,
        complete: function(datos){
            //alert(datos.responseText);
            if(datos.responseText==0){
                $("#sj"+pos).html(sujbj);
                btnporcess('on','btn-updautof','{{ langmod.ARUPDATE }}');
                $("#editmodal").modal('hide');
                listautof();
            }else{
                noti_bubble('{{langmod.ARERROR6}}','{{langmod.ARERROR}}','error',false,false,'3000',true);
                btnporcess('on','btn-updautof','{{ langmod.ARUPDATE }}');
                return false;
            }
            return false;
        }
    });
    return false;
});