{assign var=langCode value=Translation::$language}

<h3 class="mdl-form__header -s">{'Submit button'|gettext}</h3>

<ul class="mdl-form__group">
  <li class="mdl-form__item">
    <label class="mdl-form__label" for="hubbub_submitIdeaButtonFirstLine">{'For logged in users'|gettext}</label>
    <input {if $hubbub->hubbub_arrOptions.submitIdeaButtonFirstLine}value="{$hubbub->hubbub_arrOptions.submitIdeaButtonFirstLine}"{/if} type="text" name="hubbub_options--submitIdeaButtonFirstLine" id="hubbub_submitIdeaButtonFirstLine" class="mdl-form__input langFieldUnprocessed">
  </li>
</ul>

<p id="submitIdeaButtonPreview">
  <button class="mdl-button -primary" type="button">
    <span id="submit_idea_button_first_line">{if $hubbub->hubbub_arrOptions.submitIdeaButtonFirstLine}{$hubbub->hubbub_arrOptions.submitIdeaButtonFirstLine}{else}{'Post an Idea'|gettext}{/if}</span>
  </button>
</p>

{if $hubbub->data.hubbub_closed neq 1}
  <ul class="mdl-form__group">
    <li class="mdl-form__item">
      <label class="mdl-form__label" for="hubbub_submitIdeaButtonNotLoggedInFirstLine">{'For users who are not logged in'|gettext}</label>
      <input {if $hubbub->hubbub_arrOptions.submitIdeaButtonNotLoggedInFirstLine}value="{$hubbub->hubbub_arrOptions.submitIdeaButtonNotLoggedInFirstLine}"{/if} type="text" name="hubbub_options--submitIdeaButtonNotLoggedInFirstLine" id="hubbub_submitIdeaButtonNotLoggedInFirstLine" class="mdl-form__input langFieldUnprocessed">
    </li>
  </ul>
  <p id="submitIdeaButtonNotLoggedInPreview">
    <button class="mdl-button -primary" type="button">
      <span id="submit_idea_button_not_logged_in_first_line">{if $hubbub->hubbub_arrOptions.submitIdeaButtonNotLoggedInFirstLine}{$hubbub->hubbub_arrOptions.submitIdeaButtonNotLoggedInFirstLine}{else}{'Post an Idea'|gettext}{/if}</span>
    </button>
  </p>
{/if}

<ul class="mdl-form__group">
  <li class="mdl-form__item">
    <label class="mdl-form__label" for="hubbub_submissionsClosedButtonFirstLine">{'For when submissions are closed'|gettext}</label>
    <input {if $hubbub->hubbub_arrOptions.submissionsClosedButtonFirstLine}value="{$hubbub->hubbub_arrOptions.submissionsClosedButtonFirstLine}"{/if} type="text" name="hubbub_options--submissionsClosedButtonFirstLine" id="hubbub_submissionsClosedButtonFirstLine" class="mdl-form__input langFieldUnprocessed">
  </li>
</ul>

<p>
  <button class="mdl-button -primary" disabled="disabled" type="button">
    <span id="submissions_closed_first_line">{if $hubbub->hubbub_arrOptions.submissionsClosedButtonFirstLine}{$hubbub->hubbub_arrOptions.submissionsClosedButtonFirstLine}{else}{'Submissions are now closed'|gettext}{/if}</span>
  </button>
</p>

<h4 class="mdl-form__header -s">{'"View Challenges" homepage button'|gettext}</h4>
<ul class="mdl-form__group">
  <li class="mdl-form__item">
    <label class="mdl-form__label" for="hubbub_viewChallenges">{'One challenge (singular)'|gettext}</label>
    <input maxlength="70" type="text" value="{if $hubbub->hubbub_arrOptions.viewChallenges}{$hubbub->hubbub_arrOptions.viewChallenges}{else}{'View challenge'|gettext}{/if}" name="hubbub_options--viewChallenges" id="hubbub_viewChallenges" class="mdl-form__input langFieldUnprocessed" />
  </li>
</ul>

<p>
  <button class="mdl-button -primary view-challenges-preview mdl-community-settings__button" id="viewChallengesPreview" type="button">
    {if $hubbub->hubbub_arrOptions.viewChallenges}{$hubbub->hubbub_arrOptions.viewChallenges}{else}{'View challenge'|gettext}{/if}
  </button>
  <button class="mdl-button -primary view-challenges-preview mdl-community-settings__button" type="button" id="viewChallengesPreview-de_DE" style="display:none;"></button>
  <button class="mdl-button -primary view-challenges-preview mdl-community-settings__button" type="button" id="viewChallengesPreview-de_CH" style="display:none;"></button>
  <button class="mdl-button -primary view-challenges-preview mdl-community-settings__button" type="button" id="viewChallengesPreview-fr_FR" style="display:none;"></button>
  <button class="mdl-button -primary view-challenges-preview mdl-community-settings__button" type="button" id="viewChallengesPreview-es_ES" style="display:none;"></button>
  <button class="mdl-button -primary view-challenges-preview mdl-community-settings__button" type="button" id="viewChallengesPreview-pt_PT" style="display:none;"></button>
  <button class="mdl-button -primary view-challenges-preview mdl-community-settings__button" type="button" id="viewChallengesPreview-fr_CA" style="display:none;"></button>
  <button class="mdl-button -primary view-challenges-preview mdl-community-settings__button" type="button" id="viewChallengesPreview-fi_FI" style="display:none;"></button>
  <button class="mdl-button -primary view-challenges-preview mdl-community-settings__button" type="button" id="viewChallengesPreview-nl_NL" style="display:none;"></button>
  <button class="mdl-button -primary view-challenges-preview mdl-community-settings__button" type="button" id="viewChallengesPreview-ja_JP" style="display:none;"></button>
  <button class="mdl-button -primary view-challenges-preview mdl-community-settings__button" type="button" id="viewChallengesPreview-zh_CN" style="display:none;"></button>
  <button class="mdl-button -primary view-challenges-preview mdl-community-settings__button" type="button" id="viewChallengesPreview-it_IT" style="display:none;"></button>
  <button class="mdl-button -primary view-challenges-preview mdl-community-settings__button" type="button" id="viewChallengesPreview-hu_HU" style="display:none;"></button>
  <button class="mdl-button -primary view-challenges-preview mdl-community-settings__button" type="button" id="viewChallengesPreview-ms_MY" style="display:none;"></button>
  <button class="mdl-button -primary view-challenges-preview mdl-community-settings__button" type="button" id="viewChallengesPreview-sk_SK" style="display:none;"></button>
  <button class="mdl-button -primary view-challenges-preview mdl-community-settings__button" type="button" id="viewChallengesPreview-el_GR" style="display:none;"></button>
  <button class="mdl-button -primary view-challenges-preview mdl-community-settings__button" type="button" id="viewChallengesPreview-pl_PL" style="display:none;"></button>
</p>

<ul class="mdl-form__group">
  <li class="mdl-form__item">
    <label class="mdl-form__label" for="hubbub_viewChallengesPlural">{'Multiple challenges (plural)'|gettext}</label>
    <input maxlength="70" type="text" value="{if $hubbub->hubbub_arrOptions.viewChallengesPlural}{$hubbub->hubbub_arrOptions.viewChallengesPlural}{else}{'View challenges'|gettext}{/if}" name="hubbub_options--viewChallengesPlural" id="hubbub_viewChallengesPlural" class="mdl-form__input langFieldUnprocessed" />
  </li>
</ul>

<p>
  <button class="mdl-button -primary view-challenges-plural-preview mdl-community-settings__button" id="viewChallengesPluralPreview" type="button">
    {if $hubbub->hubbub_arrOptions.viewChallengesPlural}{$hubbub->hubbub_arrOptions.viewChallengesPlural}{else}{'View challenges'|gettext}{/if}
  </button>
  <button class="mdl-button -primary view-challenges-plural-preview mdl-community-settings__button" type="button" id="viewChallengesPluralPreview-de_DE" style="display:none;"></button>
  <button class="mdl-button -primary view-challenges-plural-preview mdl-community-settings__button" type="button" id="viewChallengesPluralPreview-de_CH" style="display:none;"></button>
  <button class="mdl-button -primary view-challenges-plural-preview mdl-community-settings__button" type="button" id="viewChallengesPluralPreview-fr_FR" style="display:none;"></button>
  <button class="mdl-button -primary view-challenges-plural-preview mdl-community-settings__button" type="button" id="viewChallengesPluralPreview-es_ES" style="display:none;"></button>
  <button class="mdl-button -primary view-challenges-plural-preview mdl-community-settings__button" type="button" id="viewChallengesPluralPreview-pt_PT" style="display:none;"></button>
  <button class="mdl-button -primary view-challenges-plural-preview mdl-community-settings__button" type="button" id="viewChallengesPluralPreview-fr_CA" style="display:none;"></button>
  <button class="mdl-button -primary view-challenges-plural-preview mdl-community-settings__button" type="button" id="viewChallengesPluralPreview-fi_FI" style="display:none;"></button>
  <button class="mdl-button -primary view-challenges-plural-preview mdl-community-settings__button" type="button" id="viewChallengesPluralPreview-nl_NL" style="display:none;"></button>
  <button class="mdl-button -primary view-challenges-plural-preview mdl-community-settings__button" type="button" id="viewChallengesPluralPreview-ja_JP" style="display:none;"></button>
  <button class="mdl-button -primary view-challenges-plural-preview mdl-community-settings__button" type="button" id="viewChallengesPluralPreview-zh_CN" style="display:none;"></button>
  <button class="mdl-button -primary view-challenges-plural-preview mdl-community-settings__button" type="button" id="viewChallengesPluralPreview-it_IT" style="display:none;"></button>
  <button class="mdl-button -primary view-challenges-plural-preview mdl-community-settings__button" type="button" id="viewChallengesPluralPreview-hu_HU" style="display:none;"></button>
  <button class="mdl-button -primary view-challenges-plural-preview mdl-community-settings__button" type="button" id="viewChallengesPluralPreview-ms_MY" style="display:none;"></button>
  <button class="mdl-button -primary view-challenges-plural-preview mdl-community-settings__button" type="button" id="viewChallengesPluralPreview-sk_SK" style="display:none;"></button>
  <button class="mdl-button -primary view-challenges-plural-preview mdl-community-settings__button" type="button" id="viewChallengesPluralPreview-el_GR" style="display:none;"></button>
  <button class="mdl-button -primary view-challenges-plural-preview mdl-community-settings__button" type="button" id="viewChallengesPluralPreview-pl_PL" style="display:none;"></button>
</p>

<script>
    
    jQuery(function() {
        jQuery("#langChoiceFor_hubbub_options--viewChallenges li").each(function() {
            jQuery(this).on("click", function(e) {
                var langCode = jQuery(e.target).data('lang');
                var type = jQuery(e.target).data('type');

                jQuery('.view-challenges-preview').hide();
                
                if(langCode == 'en_GB') {
                    jQuery('#viewChallengesPreview').show();
                    
                    if(type == "all") {
                        jQuery('.view-challenges-plural-preview').hide();
                        jQuery('#viewChallengesPluralPreview').show().text(jQuery('#hubbub_viewChallengesPlural').val());
                    }
                } else {
                    var value = jQuery("[id='hubbub_viewChallenges:" + langCode + "']").val();
                    
                    if(value) {
                        jQuery('#viewChallengesPreview-' + langCode).show().text(value);
                    } else {
                        var defaultValue = jQuery('#hubbub_viewChallenges').val();
                        jQuery('#viewChallengesPreview-' + langCode).show().text(defaultValue);
                    }
                    
                    if(type == 'all') {
                        jQuery('.view-challenges-plural-preview').hide();
                        
                        value = jQuery("[id='hubbub_viewChallengesPlural:" + langCode + "']").val();
                        if(value) {
                            jQuery('#viewChallengesPluralPreview-' + langCode).show().text(value);
                        } else {
                            var defaultValue = jQuery('#hubbub_viewChallengesPlural').val();
                            jQuery('#viewChallengesPluralPreview-' + langCode).show().text(defaultValue);
                        }
                    }
                }
            });
        });

        jQuery("[id='hubbub_viewChallenges']").on("keyup", function() {
            jQuery("#viewChallengesPreview").text(jQuery(this).val());
        });

        jQuery('.langFieldProcessed').each(function() {
            var data = this.id.split(":");
            
            if(data[0] == 'hubbub_viewChallenges') {
                if(typeof data[1] != "undefined") {
                    jQuery("[id='hubbub_viewChallenges:" + data[1] + "']").on("keyup", function() {
                        jQuery("#viewChallengesPreview-" + data[1]).text(jQuery(this).val());
                    })
                }
            }
        });

        // PLURAL
        jQuery("#hubbub_viewChallengesPlural").on("keyup", function() {
            jQuery("#viewChallengesPluralPreview").text(jQuery("#hubbub_viewChallengesPlural").val());
        });
        
        jQuery("#langChoiceFor_hubbub_options--viewChallengesPlural li").each(function() {
            jQuery(this).on("click", function(e) {
                var langCode = jQuery(e.target).data('lang');
                var type = jQuery(e.target).data('type');
                
                jQuery('.view-challenges-plural-preview').hide();
                
                if(langCode == 'en_GB') {
                    jQuery('#viewChallengesPluralPreview').show();
                    
                    if(type == "all") {
                        jQuery('.view-challenges-preview').hide();
                        jQuery('#viewChallengesPreview').show().text(jQuery('#hubbub_viewChallenges').val());
                    }
                } else {
                    var value = jQuery("[id='hubbub_viewChallengesPlural:" + langCode + "']").val();
                    
                    if(value) {
                        jQuery('#viewChallengesPluralPreview-' + langCode).show().text(value);
                    } else {
                        var defaultValue = jQuery('#hubbub_viewChallengesPlural').val();
                        jQuery('#viewChallengesPluralPreview-' + langCode).show().text(defaultValue);
                    }
                    
                    if(type == 'all') {
                        jQuery('.view-challenges-preview').hide();
                        
                        value = jQuery("[id='hubbub_viewChallenges:" + langCode + "']").val();
                        if(value) {
                            jQuery('#viewChallengesPreview-' + langCode).show().text(value);
                        } else {
                            var defaultValue = jQuery('#hubbub_viewChallenges').val();
                            jQuery('#viewChallengesPreview-' + langCode).show().text(defaultValue);
                        }
                    }
                }
            });
        });
        
        jQuery('.langFieldProcessed').each(function() {
            var data = this.id.split(":");
            
            if(data[0] == 'hubbub_viewChallengesPlural') {
                if(typeof data[1] != "undefined") {
                    jQuery("[id='hubbub_viewChallengesPlural:" + data[1] + "']").on("keyup", function() {
                        jQuery("#viewChallengesPluralPreview-" + data[1]).text(jQuery(this).val());
                    })
                }
            }
        });
    });
    

    // default idea submit button

    {if $designVersion neq '2.0'}
		var firstLineEl = 'hubbub_submitIdeaButtonFirstLineOld';
	{else}
		var firstLineEl = 'hubbub_submitIdeaButtonFirstLine';
	{/if}
	
	{if $designVersion neq '2.0'}
		var firstLineNotLoggedInEl = 'hubbub_submitIdeaButtonNotLoggedInFirstLineOld';
	{else}
		var firstLineNotLoggedInEl = 'hubbub_submitIdeaButtonNotLoggedInFirstLine';
	{/if}
	
	{if $designVersion neq '2.0'}
		var closedEl = 'hubbub_submissionsClosedButtonFirstLineOld';
	{else}
		var closedEl = 'hubbub_submissionsClosedButtonFirstLine';
	{/if}
    
    $(firstLineEl).observe("keyup", function() {
        var value = $(this).value;
        if(value !== '') {
            $('submit_idea_button_first_line').innerHTML = value;	
        } else {
        	{if $designVersion neq '2.0'}
            	$('submit_idea_button_first_line').innerHTML = '{'Got a great idea?'|gettext}';
            {else}
            	$('submit_idea_button_first_line').innerHTML = '{'Post an Idea'|gettext}';
            {/if}
        }
    });

    {if $designVersion neq '2.0'}
    $('hubbub_submitIdeaButtonSecondLine').observe("keyup", function() {
        var value = $(this).value;
        if(value !== '') {
            $('submit_idea_button_second_line').innerHTML = value;	
        } else {
            $('submit_idea_button_second_line').innerHTML = '{'Share it now!'|gettext}';
        }
    });
    {/if}

    // not logged in
    $(firstLineNotLoggedInEl).observe("keyup", function() {
        var value = $(this).value;
        if(value !== '') {
            $('submit_idea_button_not_logged_in_first_line').innerHTML = value;	
        } else {
        	{if $designVersion neq '2.0'}
	        	$('submit_idea_button_not_logged_in_first_line').innerHTML = '{'Got a great idea?'|gettext}';
	        {else}
	        	$('submit_idea_button_not_logged_in_first_line').innerHTML = '{'Post an Idea'|gettext}';
	        {/if}
        }
    });

    {if $designVersion neq '2.0'}
    $('hubbub_submitIdeaButtonNotLoggedInSecondLine').observe("keyup", function() {
        var value = $(this).value;

        if(value !== '') {
            $('submit_idea_button_not_logged_in_second_line').innerHTML = value;	
        } else {
            $('submit_idea_button_not_logged_in_second_line').innerHTML = '{'SIGN IN or REGISTER NOW!'|gettext}';
        }
    });
    {/if}

    // submissions closed
    $(closedEl).observe("keyup", function() {
        var value = $(this).value;

        if(value !== '') {
            $('submissions_closed_first_line').innerHTML = value;	
        } else {
        	{if $designVersion neq '2.0'}
        	$('submissions_closed_first_line').innerHTML = '{'Got a great idea?'|gettext}';
	        {else}
	        	$('submissions_closed_first_line').innerHTML = '{'Submissions are now closed'|gettext}';
	        {/if}
        }
    });

    {if $designVersion neq '2.0'}
    $('hubbub_submissionsClosedButtonSecondLine').observe("keyup", function() {
        var value = $(this).value;

        if(value !== '') {
            $('submissions_closed_second_line').innerHTML = value;	
        } else {
            $('submissions_closed_second_line').innerHTML = '{'Submissions are now closed'|gettext}';
        }
    });
    {/if}

</script>

<script>

	jQuery(function() {
		
		/* submit idea - logged in handlers */
		
	    jQuery('[id="hubbub_submitIdeaButtonFirstLine:de_DE"]').keyup(function() {
	        var value = jQuery(this).val();
	        if(value !== '') {
	            jQuery('#submit_idea_button_first_line').text(value);	
	        } else {
	            jQuery('#submit_idea_button_first_line').text('{"Got a great idea?"|gettext}');
	        }
	    });
	    
	    jQuery('[id="hubbub_submitIdeaButtonFirstLine:de_CH"]').keyup(function() {
	        var value = jQuery(this).val();
	        if(value !== '') {
	            jQuery('#submit_idea_button_first_line').text(value);	
	        } else {
	            jQuery('#submit_idea_button_first_line').text('{"Got a great idea?"|gettext}');
	        }
    	});
	    
	    jQuery('[id="hubbub_submitIdeaButtonFirstLine:fr_FR"]').keyup(function() {
	        var value = jQuery(this).val();
	        if(value !== '') {
	            jQuery('#submit_idea_button_first_line').text(value);	
	        } else {
	            jQuery('#submit_idea_button_first_line').text('{"Got a great idea?"|gettext}');
	        }
    	});
	    
	    jQuery('[id="hubbub_submitIdeaButtonFirstLine:es_ES"]').keyup(function() {
	        var value = jQuery(this).val();
	        if(value !== '') {
	            jQuery('#submit_idea_button_first_line').text(value);	
	        } else {
	            jQuery('#submit_idea_button_first_line').text('{"Got a great idea?"|gettext}');
	        }
    	});
	    
	    jQuery('[id="hubbub_submitIdeaButtonFirstLine:pt_PT"]').keyup(function() {
	        var value = jQuery(this).val();
	        if(value !== '') {
	            jQuery('#submit_idea_button_first_line').text(value);	
	        } else {
	            jQuery('#submit_idea_button_first_line').text('{"Got a great idea?"|gettext}');
	        }
    	});
	    
	    jQuery('[id="hubbub_submitIdeaButtonFirstLine:fr_CA"]').keyup(function() {
	        var value = jQuery(this).val();
	        if(value !== '') {
	            jQuery('#submit_idea_button_first_line').text(value);	
	        } else {
	            jQuery('#submit_idea_button_first_line').text('{"Got a great idea?"|gettext}');
	        }
    	});
	    
	    jQuery('[id="hubbub_submitIdeaButtonFirstLine:fi_FI"]').keyup(function() {
	        var value = jQuery(this).val();
	        if(value !== '') {
	            jQuery('#submit_idea_button_first_line').text(value);	
	        } else {
	            jQuery('#submit_idea_button_first_line').text('{"Got a great idea?"|gettext}');
	        }
    	});
	    
	    jQuery('[id="hubbub_submitIdeaButtonFirstLine:nl_NL"]').keyup(function() {
	        var value = jQuery(this).val();
	        if(value !== '') {
	            jQuery('#submit_idea_button_first_line').text(value);	
	        } else {
	            jQuery('#submit_idea_button_first_line').text('{"Got a great idea?"|gettext}');
	        }
    	});
	    
	    
	    
	    /* submit idea - not logged in handlers */
	    
	    jQuery('[id="hubbub_submitIdeaButtonNotLoggedInFirstLine:de_DE"]').keyup(function() {
	        var value = jQuery(this).val();
	        if(value !== '') {
	            jQuery('#submit_idea_button_not_logged_in_first_line').text(value);	
	        } else {
	            jQuery('#submit_idea_button_not_logged_in_first_line').text('{"Got a great idea?"|gettext}');
	        }
	    });
	    
	    jQuery('[id="hubbub_submitIdeaButtonNotLoggedInFirstLine:de_CH"]').keyup(function() {
	        var value = jQuery(this).val();
	        if(value !== '') {
	            jQuery('#submit_idea_button_not_logged_in_first_line').text(value);	
	        } else {
	            jQuery('#submit_idea_button_not_logged_in_first_line').text('{"Got a great idea?"|gettext}');
	        }
    	});
	    
	    jQuery('[id="hubbub_submitIdeaButtonNotLoggedInFirstLine:fr_FR"]').keyup(function() {
	        var value = jQuery(this).val();
	        if(value !== '') {
	            jQuery('#submit_idea_button_not_logged_in_first_line').text(value);	
	        } else {
	            jQuery('#submit_idea_button_not_logged_in_first_line').text('{"Got a great idea?"|gettext}');
	        }
    	});
	    
	    jQuery('[id="hubbub_submitIdeaButtonNotLoggedInFirstLine:es_ES"]').keyup(function() {
	        var value = jQuery(this).val();
	        if(value !== '') {
	            jQuery('#submit_idea_button_not_logged_in_first_line').text(value);	
	        } else {
	            jQuery('#submit_idea_button_not_logged_in_first_line').text('{"Got a great idea?"|gettext}');
	        }
    	});
	    
	    jQuery('[id="hubbub_submitIdeaButtonNotLoggedInFirstLine:pt_PT"]').keyup(function() {
	        var value = jQuery(this).val();
	        if(value !== '') {
	            jQuery('#submit_idea_button_not_logged_in_first_line').text(value);	
	        } else {
	            jQuery('#submit_idea_button_not_logged_in_first_line').text('{"Got a great idea?"|gettext}');
	        }
    	});
	    
	    jQuery('[id="hubbub_submitIdeaButtonNotLoggedInFirstLine:fr_CA"]').keyup(function() {
	        var value = jQuery(this).val();
	        if(value !== '') {
	            jQuery('#submit_idea_button_not_logged_in_first_line').text(value);	
	        } else {
	            jQuery('#submit_idea_button_not_logged_in_first_line').text('{"Got a great idea?"|gettext}');
	        }
    	});
	    
	    jQuery('[id="hubbub_submitIdeaButtonNotLoggedInFirstLine:fi_FI"]').keyup(function() {
	        var value = jQuery(this).val();
	        if(value !== '') {
	            jQuery('#submit_idea_button_not_logged_in_first_line').text(value);	
	        } else {
	            jQuery('#submit_idea_button_not_logged_in_first_line').text('{"Got a great idea?"|gettext}');
	        }
    	});
	    
	    jQuery('[id="hubbub_submitIdeaButtonNotLoggedInFirstLine:nl_NL"]').keyup(function() {
	        var value = jQuery(this).val();
	        if(value !== '') {
	            jQuery('#submit_idea_button_not_logged_in_first_line').text(value);	
	        } else {
	            jQuery('#submit_idea_button_not_logged_in_first_line').text('{"Got a great idea?"|gettext}');
	        }
    	});
	});

</script>