<STYLE TYPE='text/css'>
#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%;
 }
</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: Lato,Helvetica,FreeSans,sans-serif'>
<div id='feedback-error-en'></div>

<form class="aui" enctype='multipart/form-data' id='feedback-form-en' name='feedback-form-en' target='feedback-response-en' method='post' action='http://jira.teamlead.ru/plugins/servlet/feedback/create'>

<input type='hidden' name='form-index' id='form-index-en' value='117'/>
<div>
<select id='feedback-issue-type-en' data-placeholder="Тип обращения..." name='feedback-issue-type'>
<option value='25' selected >Покупка продуктов или услуг</option>
<option value='10'>Техническая консультация</option>
<option value='27'>Ошибка в работе приложения</option>
<option value='1'>Сбой всей системы</option>
<option value='4'>Идея или улучшение</option>
<option value='25'>Сотрудничество</option>
<option value='25'>Вопрос в бухгалтерию</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='en'/></div>

<div><TEXTAREA class="textarea long-field" id='feedback-body-en' name='feedback-body' ROWS='5' placeholder='Подробности...'></TEXTAREA>
</div>

<div>

<script>
AJS.$("#feedback-fix-version-en").auiSelect2();
</script>
 
</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" type='button' value=' Отправить ' onclick='addFeedbackEn()'/>
</div>
</form>
</div>
 
<iframe id='feedback-response-en' name='feedback-response-en' frameborder='no' style='display: none;' width='500' height='350'></iframe>
 
<script type='text/javascript'>
jQuery(window).load(function()
{
   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('#feedback-form-en')[0].reset();
    jQuery('#feedback-main-div-en').show();
    jQuery('#feedback-new-issue-div-en').hide();
    jQuery('#feedback-response-en').hide();
   });
});

function addFeedbackEn() {
   var summary = jQuery('#feedback-summary-en').val();
   var email = jQuery('#feedback-email-en').val();
   if (summary == '' || email == '')
   {
    var message = '';
    if (summary == '')
    {
     message = message + '<div>Enter the Summary please</div>';
    }
    if (email == '')
    {
     message = message + '<div>Enter the E-mail please</div>';
    }
    jQuery('#feedback-error-en').html(message);
    return false;
}
   jQuery('#feedback-error-en').html('');
   jQuery('#feedback-main-div-en').hide();
   jQuery('#loading-en').fadeIn();
   jQuery('#feedback-response-en').show();
   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>