<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 >Sales Question</option>
<option value='10'>Technical Consultation</option>
<option value='27'>Bug</option>
<option value='1'>Blocker Fault</option>
<option value='4'>Ideas & Improvements</option>
<option value='25'>Friendship</option>
<option value='25'>Financial Question</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>

<br>
<div>
<select id="feedback-fix-version-en" multiple data-placeholder="Software..." name='feedback-fix-version'>
<option value='13020'>JIRA</option>
<option value='13021'>Confluence</option>
<option value='21821'>CRM for JIRA</option>
<option value='22120'>JIRA Service Desk</option>
<option value='13027'>JIRA Agile</option>
<option value='21228'>Stash</option>
<option value='13025'>Bamboo</option>
<option value='13024'>Crucible</option>
<option value='13023'>FishEye</option>
<option value='13022'>Crowd</option>
<option value='16920'>Bitbucket</option>
<option value='19729'>Feedback for JIRA</option>
<option value='21820'>Werewolf forJIRA</option>
<option value='21822'>Calendar for JIRA</option>
<option value='23320'>Tempo Timesheet</option>
<option value='13029'>Team Calendars for Confluence</option>
<option value='13028'>Capture for JIRA</option>
<option value='23922'>Questions for Confluence</option>
<option value='19723'>Локализация JIRA</option>
<option value='19724'>Локализация Confluence</option>
<option value='19726'>Локализация Agile</option>
<option value='19727'>Локализация Tempo</option>
<option value='21920'>Локализация JIRA Service Desk</option>
    </select>
<script>
AJS.$("#feedback-fix-version-en").auiSelect2();
</script>
 
</div>
<br>
<div>
<input class="text" type='text' id='feedback-email-en' name='feedback-email' placeholder='Your 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=' Send ' 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>