<STYLE TYPE='text/css'>
.error {
    font-weight: bold;
    color: #d04437;
}
textarea#feedback-body-en {
   resize: none;
}



#loading-en
    {
    display:none;
    left: 16%;
    position: absolute;
    top: 30%;
    width: 300%;
    z-index: 1000;
    }
  
    #loadingcontent-en
    {
    height: 60%;
    left: 50%;
    top: 50%;
    width: 60%;
    }
  
    #loadingspinner-en
    {
    top: 50%;
    width: 30%;
 }
    #captcha{margin-bottom:0;padding-bottom:0}#captcha .captcha-container{clear:none;margin:5px 0 0 0;min-height:0;overflow:hidden;padding:0} #captcha .captcha-container .captcha-image{float:left}#captcha .captcha-container .captcha-trigger{float:left} #captcha .captcha-container .captcha-trigger .content{margin:0;overflow:hidden;text-align:left;text-indent:-999em;width:0} #captcha .captcha-container .icon-reload{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQBAMAAADt3eJSAAAAMFBMVEX///9wcHBwcHBwcHBwcHBwcHBwcHBwcHBwcHBwcHBwcHBwcHBwcHBwcHBwcHAAAAAM3lI2AAAADnRSTlMAESIzRFVmiJmqu8zd7qUOxRYAAAB3SURBVHjaY2axe9y7PGDtDyZGg+zYTvZDDExMpvWpnZb/GZgYPb5tYPhpDxRhnMvAwPCBgYmZITMAyGJgYTyz5wMDMmAEk+7GKUwQbooAM5hxR14HKKLAwMAc/x/I2CHA4PVzH1AqqECgq+wzkLEj3GtqPyfcHAB0GR2Spl8/YwAAAABJRU5ErkJggg==")} 
</STYLE>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js'></script> 
<div id="loading-en">
<div id="loadingcontent-en">
<span id='loadingspinner-en' class='aui-icon aui-icon-wait'>Loading...</span>
</div>
</div>

<div id='feedback-main-div-en' style='font-size: 14px; font-family: Arial,Helvetica,FreeSans,sans-serif'>
<div id='feedback-error-en' class='error'></div>

<form class="aui" enctype='multipart/form-data' id='feedback-form-en' name='feedback-form-en' target='feedback-response-en' method='post' action='https://jira.teamlead.ru/plugins/servlet/feedback/create'>
<input type='hidden' name='feedback-from-url' id='feedback-from-url-en' value=''/>
<input type='hidden' name='form-index' id='form-index-en' value='1'/>
<div>
<select id='feedback-custom-type' data-placeholder="Issue type..." class='select' name='feedback-custom-type'>
<option value='' selected='selected'>Выберите тип обращения</option>
<option value='2'>Техническая консультация</option>
<option value='1'>Покупка продуктов или услуг</option>
<option value='3'>Ошибка в работе приложения</option>
<option value='4'>Сбой всей системы</option>
<option value='5'>Улучшение или идея</option>
<option value='6'>Сотрудничество с нами</option>
<option value='7'>Вопрос в бухгалтерию</option>
</select>
<script>
AJS.$("#feedback-issue-type-en").auiSelect2();
</script>
</div>

<br> 
<div>
<input class="text long-field-en" type='text' id='feedback-summary-en' name='feedback-summary' class='feedback-summary' placeholder='Тема обращения' value=''/></div>
<br> <div style='display:none;'><input type='text' id='feedback-language' name='feedback-language' class='feedback-language' placeholder='Выберите язык (en/ru)' value='ru'/></div>

<div><TEXTAREA class="textarea long-field" id='feedback-body-en' name='feedback-body' ROWS='5' placeholder='Тут можно указать подробности...'></TEXTAREA>
</div>



<br>
<div>
<input class="text" type='text' id='feedback-email-en' name='feedback-email' placeholder='E-mail для ответа' size='38' value=''/>
</div>
<br>
<div>
<input class="text" type='file' id='feedback-attachment-en' name='feedback-attachment' size='38' />
</div>
<br>
<div align="left"> 
<input class="aui-button aui-button-primary" id="send-feedback-btn-en" type='button' value=' Отправить ' onclick='addFeedbackEn()'/>
</div>
</form>
</div>
 
<div id="feedback-back-en" class="aui" style="display: none">
  <input type="button" class="aui-button" onclick="jQuery('#feedback-main-div-en').show();jQuery('#feedback-response-en').hide();jQuery('#feedback-back-en').hide();    jQuery('.captcha-reload').click();" value="Back"/>
</div>
<iframe id='feedback-response-en' name='feedback-response-en' frameborder='no' style='display: none;' width='500' height='250'></iframe>

<p id="personal-data-area"><span style="color: rgb(128,130,132);">Нажимая кнопку "Отправить", Вы соглашаетесь на <span style="color: rgb(128,205,234);"><a href="/display/RU/Data+agreement+with+clients"><span style="color: rgb(128,205,234);">условия по обработке персональных данных&nbsp;</span></a></span></span></p>
 
<script type='text/javascript'>
 
JIRACaptcha = {
    setup: function () {
        jQuery("#captcha").delegate("span.captcha-reload", "click", function (e) {
            JIRACaptcha.refresh();
            e.preventDefault();
        });
    }, refresh: function () {
        var img = jQuery(".captcha-image", "#captcha .captcha-container"), src = img.attr("src");
        if (src.indexOf("__r") >= 0) {
            src = src.replace(/__r=([^&]+)/, "__r=" + Math.random());
        } else {
            src = src.indexOf('?') >= 0 ? (src + "&__r=" + Math.random()) : (src + "?__r=" + Math.random());
        }
        img.attr("src", src);
        jQuery("#captcha .captcha-response").focus();
    }
};

 
jQuery(window).load(function()
{
	jQuery(JIRACaptcha.setup);
   jQuery('#feedback-main-div-en').show();
   jQuery('#feedback-new-issue-div-en').hide();
   jQuery('#feedback-response-en').hide();
   jQuery('#feedback-new-issue-button-en').click(function ()
   {
    jQuery('.captcha-reload').click();
    jQuery('#feedback-main-div-en').show();
    jQuery('#feedback-new-issue-div-en').hide();
    jQuery('#feedback-response-en').hide();
   });

window.addEventListener('message', function(event) { 
console.log("get event"); 
 console.log(event.data); 
    if (event.data.command == 'hideFeedbackForm') {
        console.log("hideFeedbackForm"); 
        jQuery("#feedback-form-en").hide();
		jQuery("#personal-data-area").hide();
    } 
}); 
});

function addFeedbackEn() {
if ( document.getElementById('feedback-attachment-en').files.length > 0 )
{
var attachSize = document.getElementById('feedback-attachment-en').files[0].size; 
if ( attachSize > 1000000 * 10 )
{ var message = '<div>Attachment size exceeds the allowable limit</div>'; jQuery('#feedback-error-en').html(message); return false; }}
   var summary = jQuery('#feedback-summary-en').val();
   var email = jQuery('#feedback-email-en').val();
   var customType = jQuery('#feedback-custom-type').val();
   if (summary == '' || email == '' || (!customType || customType  == ''))
   {
    var message = '';
    if (summary == '')
    {
     message = message + '<div>Enter the Summary please</div>';
    }
    if (email == '')
    {
     message = message + '<div>Enter the E-mail please</div>';
    }

    if (customType == '')
    {
     message = message + '<div>Please choose the question type</div>';
    }
    jQuery('#feedback-error-en').html(message);
    return false;
}

   jQuery('#feedback-error-en').html('');

   //jQuery('#feedback-main-div-en').hide();
   //jQuery('#feedback-back-en').show();
   jQuery('#send-feedback-btn-en').hide();

   jQuery('#loading-en').fadeIn();
   jQuery('#feedback-response-en').show();
   jQuery('#feedback-from-url-en').val(location.href);
   jQuery('#feedback-form-en').submit();
   jQuery('#feedback-response-en').on("load", function() {
   jQuery('#feedback-new-issue-div-en').show();
   jQuery('#loading-en').fadeOut();
}); 
   return false;
}
</script>

<style media="screen">
  body {
    font-family: sans-serif;
  }

  .incident {
    width: 350px;
    padding: 8px;
    padding-bottom: 2px;
    background: #f4f5f7;
    border-radius: 4px;
    margin: 10px 0;
  }

  .incident-name {
    font-size: 1.2rem;
  }

  .incident-status {
    margin-top: 4px;
    font-size: 0.9rem;
    color: rgba(0, 0, 0, 0.8);
  }

  .component {
    margin: 8px 0;
    padding: 8px;
    background: #00C7E5;
    border-radius: 4px;
  }

  .component-name {
    font-size: 1rem;
  }

  .component-status {
    font-size: 0.8rem;
  }

  .operational {
    background: #E3FCEF;
  }

  .degraded-perfomance {
    background: #FFFAE6;
  }

  .partial-outage {
    background: #FFFAE6;
  }

  .under-maintenance {
    background: #FFFAE6;
  }

  .major-outage {
    background: #FFEBE6;
  }

  .divider {
    width: 100%;
  }
</style>

<div id="teamlead-status-widget" class="teamlead-status-widget"></div>

<script type="text/javascript">
  const widget = document.getElementById('teamlead-status-widget')

  fetch('https://jqn5z9955dzm.statuspage.io/api/v2/incidents/unresolved.json')
    .then((res) => res.json())
    .then(({ incidents }) => {
      widget.innerHTML = incidents.map(({
        name: incidentName,
        status: incidentStatus,
        components
      }) => {
        const incidentContents = components.map(({ name, status }) => (`
          <div class="component ${status.replace('_', '-')}">
            <div class="component-name">${name}</div>
            <div class="component-status">Состояние: ${status.replace('_', ' ')}</div>
          </div>
        `)).join('')

        return `
          <div class="incident ${incidentStatus}">
            <div class="incident-name">${incidentName}</div>
            <div class="incident-status">Статус: ${incidentStatus.replace('_', ' ')}</div>
            <div class="divider"></div>
            ${incidentContents}
          </div>
        `
      }).join('')
    })
</script>

<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1996.1126893114936!2d30.334273851370448!3d59.98004098180239!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x469633e42f75791d%3A0x859432795de1c721!2z0JHQvtC70YzRiNC-0Lkg0KHQsNC80L_RgdC-0L3QuNC10LLRgdC60LjQuSDQv9GALiwgNjgsINCh0LDQvdC60YIt0J_QtdGC0LXRgNCx0YPRgNCzLCAxOTQxMDA!5e0!3m2!1sru!2sru!4v1500503970279" width="400" height="300" frameborder="0" style="border:0" allowfullscreen></iframe>