{assign var="userLang" value=explode("_", strtoupper($user->user_useraccess->useraccess_language))}
{assign var=uploadsHidden value=($category->getJSONData('category_custom_headings','upload_files_hide') eq 1) ? true : false}

{if $action eq 'update'}
<form action="/post/update/{$post->data.post_id|intval}" method="post" id="ideaForm" class="ideaForm mdl-idea-post">
{else}
<form action="/post/add" method="post" id="ideaForm" class="ideaForm mdl-idea-post">
{/if}
	{assign var=catIdRequested value=$smarty.request.category_id|intval}
	<input type="hidden" name="post_category" id="post_category" value="{$catIdRequested}" />
    <input type="hidden" name="post_top_category_id" id="post_top_category_id" value="{Category::getTopLevelCategory($category->id)->id}" />
	<input type="hidden" name="current_category_id" id="current_category_id" value="{$category->id}" />
	<input type="hidden" name="tmp_cat_id" id="tmp_cat_id" value="{$category->id}" />

	{if $jointSubmissions && $post->getAuthors()|count > 1}
	<input type="hidden" name="submission_type" value="multiple" id="submission_type" />
	{else}
	<input type="hidden" name="submission_type" value="single" id="submission_type" />
	{/if}
	<div class="b-single-post--left mdl-idea-post__category">

    <div class="b-single-post--image mdl-idea-post__category-image">
        {if $category->data.category_file!=0}
            <img src="{$category->joined.obj_category_file->getCloudinaryURL(420,258)}" id="selected_category_image" alt="Challenge image">
        {/if}
    </div>
    
    <div class="b-single-post--info  mdl-idea-post__category-info">
      <h2 id="selected_category_name" class="b-single-post--info-title mdl-idea-post__category-info-title">{Translation::t($category, 'category_name')}</h2>
      <div id="selected_category_description" class="mdl-idea-post__category-description">
        {Translation::t($category, 'category_description')}
      </div>
      <div class="b-single-post--info-buttons mdl-idea-post__category-actions">
        <a id="view_challenge_link" href="/category/{$category->id}" target="_blank" class="mdl-button">{"View Challenge"|gettext}</a>
        {if $parentCats > 1 && $action neq 'update'}
          <a class="b-single-post--info-buttons-white b-single-post--challenge-list mdl-button -tertiary mdl-idea-post__category-action -change" href="#">
            {"Change Challenge"|gettext}
          </a>
        {/if}
      </div>
    </div>
      
		<div class="b-single-post--select mdl-idea-post__category-select">
			<div class="b-single-post--info  mdl-idea-post__category-info-title">
				<div class="b-single-post--info-title">{"Pick a challenge"|gettext}</div>
			</div>
			<div class="b-single-post--select-menu mdl-idea-post__category-menu">
				<nav class="b-single-post--select-menu-tabs-wrap mdl-tabs">
					<ul class="b-single-post--select-menu-tabs">
						<li class="mdl-tabs__tab"><a data-target="all" href="#">{"All challenges (A-Z)"|gettext}</a></li>
						<li class="mdl-tabs__tab"><a data-target="latest" href="#">{"Newest"|gettext}</a></li>
						<li class="mdl-tabs__tab"><a data-target="active" href="#">{"Participated In"|gettext}</a></li>
					</ul>
				</nav>

				<ul class="b-single-post--select-list b-single-post--select-list-all">
					{foreach from=$alphaCategoryList item=cCat}
            {assign var='mcategoryaccess' value=$cCat->getAccess()}
						{if $cCat->parent eq 0 && !((!$mcategoryaccess->getData('canPostIdeas')) && intval($post->data.post_id) eq 0)}
              <li>
                  <a data-id="{$cCat->id}" href="#">{Translation::t($cCat, 'category_name')}</a>
              </li>
						{/if}
					{/foreach}
				</ul>
				<ul class="b-single-post--select-list b-single-post--select-list-latest">
					{foreach from=Category::$list item=cCat name=latest}
						{if $smarty.foreach.latest.index == 10}
							{break}
						{/if}
                        {assign var='mcategoryaccess' value=$cCat->getAccess()}
						{if $cCat->parent eq 0 && !((!$mcategoryaccess->getData('canPostIdeas')) && intval($post->data.post_id) eq 0)}
                            <li>
                                <a data-id="{$cCat->id}" href="{$cCat->id}">{Translation::t($cCat, 'category_name')}</a>
                            </li>
						{/if}
					{/foreach}
				</ul>
				<ul class="b-single-post--select-list b-single-post--select-list-active">
					{foreach from=$alphaCategoryList item=cCat}
                        {assign var='mcategoryaccess' value=$cCat->getAccess()}
						{if $cCat->parent eq 0 && $cCat->userParticipated() && !((!$mcategoryaccess->getData('canPostIdeas')) && intval($post->data.post_id) eq 0)}
                            <li>
                                <a data-id="{$cCat->id}" href="#">{Translation::t($cCat, 'category_name')}</a>
                            </li>
						{/if}
					{/foreach}
				</ul>
			</div>
		</div>
	</div>

	<div class="b-single-post--right mdl-idea-post__form">
		<div class="b-single-post--right-overlay"></div>
		<div class="b-single-post--right-wrapper mdl-idea-post__form-inner">
			<div class="b-single-post--title mdl-idea-post__form-title" id="heading_post_idea">{if $action eq 'update'}{"Edit an Idea"|gettext}{else}{"Post an Idea"|gettext}{/if}</div>
        {if $jointSubmissions && (!$isTeamMember || $post->canUserModerate())}
				{assign var='selectedFile' value=$user->joined.obj_user_profilepic}
				<div class="b-single-post--joint-submission mdl-idea-post__joint-container">
          <ul class="b-single-post--joint-submission-container mdl-idea-post__joint">
              <li class="b-single-post--joint-submission-block mdl-idea-post__joint-item b-single-post--joint-submission-single {if !$authors || count($authors) < 2}active{/if}" data-type="single">
                  <div class="b-single-post--joint-submission-images">
                      {if $editedBy eq 'owner' || !$editedBy}
                          <img
                            src="{if intval($selectedFile->data.file_id) ne 0}{$selectedFile->getCloudinaryURL(43, 43)}{else}{$vars.resourcesUrl}profile_counter43.png{/if}"
                            alt="{'Owner picture'|gettext}"
                            class="mdl-avatar -m"
                          >
                      {else}
                          <img
                            src="{if intval($ownerPic->data.file_id) ne 0}{$ownerPic->getCloudinaryURL(43, 43)}{else}{$vars.resourcesUrl}profile_counter43.png{/if}"
                            alt="{'Owner picture'|gettext}"
                            class="mdl-avatar -m"
                          >
                      {/if}
                  </div>
                  <div class="b-single-post--joint-submission-label">
                      <div class="b-single-post--joint-submission-title mdl-idea-post__joint-title">
                          {if $editedBy eq 'owner' || !$editedBy}
                              {"Post as you"|gettext}
                          {else}
                              {"Author"|gettext}
                          {/if}
                      </div>
                      <div class="b-single-post--joint-submission-desc mdl-idea-post__joint-description">
                          {if $editedBy eq 'owner' || !$editedBy}
                              {"This idea will be attributed to you"|gettext}
                          {/if}
                      </div>
                  </div>
              </li>

              <li class="b-single-post--joint-submission-block mdl-idea-post__joint-item -multiple b-single-post--joint-submission-multiple {if count($authors) > 1}active{/if}" data-type="multiple">
                  <div class="b-single-post--joint-submission-images">
                      {if $editedBy eq 'owner' || !$editedBy}
                          <img
                            src="{if intval($selectedFile->data.file_id) ne 0}{$selectedFile->getCloudinaryURL(43, 43)}{else}{$vars.resourcesUrl}profile_counter43.png{/if}"
                            alt="{'Owner picture'|gettext}"
                            class="mdl-avatar -m"
                          >
                      {else}
                          <img
                            src="{if intval($ownerPic->data.file_id) ne 0}{$ownerPic->getCloudinaryURL(43, 43)}{else}{$vars.resourcesUrl}profile_counter43.png{/if}"
                            alt="{'Owner picture'|gettext}"
                            class="mdl-avatar -m"
                          >
                      {/if}
                      <div class="b-single-post--joint-submission-white-circle mdl-avatar -m"></div>
                      <div class="b-single-post--joint-submission-grey-circle mdl-avatar -m"></div>
                  </div>
                  <div class="b-single-post--joint-submission-label">
                      <div class="b-single-post--joint-submission-title mdl-idea-post__joint-title">
                        {if $editedBy eq 'owner' || !$editedBy}
                          {"Post with others"|gettext}
                        {else}
                          {"Author with co-authors"|gettext}
                        {/if}
                      </div>
                      <div class="b-single-post--joint-submission-desc mdl-idea-post__joint-description">
                        {if $editedBy eq 'owner' || !$editedBy}
                          {"This idea will be attributed to you and other users"|gettext}
                        {/if}
                      </div>
                  </div>
              </li>
          </ul>

					<div class="mdl-form__item b-single-post--joint-submission-description" style="{if count($authors) > 1}display:block;{else}display: none;{/if}">
						<div class="mdl-form__label">{"Share idea authorship with other users"|gettext}</div>
						<div class="mdl-form__info" id="joint_submission_heading_subtitle">{"Co-authors will have edit rights to the idea and earn points for the submission (if enabled). As lead author you will be able to add and remove co-authors at any point. Co-authors will be able to remove themselves from the idea"|gettext}.</div>
						<div class="clear"></div>
					</div>

					<ul class="mdl-form__group b-single-post--joint-submission-users" style="{if count($authors) > 1}display:block;{else}display: none;{/if}">

						<input type="hidden" id="membersCounter" name="membersCounter" value="{if $post->getAuthors()|count > 1}{$post->getAuthors()|count - 1}{else}0{/if}" />
						<input type="hidden" id="membersToRemove" name="membersToRemove" />

            
						<li class="mdl-form__item b-single-post__tag-users">
              <label class="mdl-form__label" for="members">{"Add co-authors"|gettext}</label>
              <div class="mdl-form__tags tagbox-tags" id="tag_members_display">
                {foreach from=$post->getAuthors() item=author}
                  {if $author.ownership != 'owner'}
                    {assign var=selectedFile value=$author.obj->user_fileObject->object}
                      {if intval($selectedFile->data.file_id) ne 0}
                          {$bgImage=$selectedFile->getCloudinaryURL(22, 22)}
                      {else}
                          {assign var='bgImage' value="`$vars.resourcesUrl`profile_counter22.png"}
                      {/if}
                    <div class="existing-member-item mdl-form__tags-item -user" id="member_tag_item-{$author.id}">
                      <div class="mdl-form__tags-item-wrapper">
                        <img src="{$bgImage}" class="mdl-avatar -s">
                        <span class="userScreenName">{$author.obj->getDisplayName()}</span>
                        <a data-id="{$author.id}" data-user-id="{$author.obj->id}" class="user_tag_remove" href="#"><span class="mdl-icon -s"><svg><use href="#cancel"></use></svg></span></a>
                      </div>
                    </div>
                  {/if}
                {/foreach}
                <input type="text" class="mdl-form__input" name="tag_members" autocomplete="off" id="members" placeholder="{"Type a user name to add them as a co-author"|gettext}">
              </div>

							<script>
								jQuery(function() {
									jQuery('.user_tag_remove').on("click", function() {
										var id = jQuery(this).data('id');
										var user_id = jQuery(this).data('user-id');
										var membersCounter = jQuery('#membersCounter').val() - 1;
										jQuery('#membersCounter').val(membersCounter);

										if(membersCounter < 9) {
											jQuery('#members').show();
										}

										jQuery('#member_tag_item-' + id).remove();
										jQuery('#memberTags').val(jQuery('#memberTags').val().replace(user_id, ''));

										jQuery('#membersToRemove').val(jQuery('#membersToRemove').val() + ',' + user_id);

										return false;
									});
								});
							</script>
              <input type="hidden" class="memberTags" name="memberTags" id="memberTags" value="{$post->getAuthorIdsAsString()}">
              <input type="hidden" name="jointSubmissionIdea" id="jointSubmissionIdea" value="1">
              <input type="hidden" name="excludedUsers" id="excludedUsers" value="{$post->getAuthorIdsAsString(true)}">
              <span id="error_post_memberTags" class="mdl-form__error" style="display:none;"></span>
              <div class="b-single-post__tag-users--results mdl-form__tags-suggestions-wrapper" id="tag_members_results"></div>
						</li>
					</ul>
				</div>

				<script>
				jQuery('#members').keyup(function(e) {
					var query = jQuery(this).val();
					var that = this;
          var excluded = jQuery('#excludedUsers').val().split(',');

					if(query.length > 1) {
            console.log('membersKeyupSearch');
            delay(function() {
                            var requestData = ' { "query":" { users (searchQuery: \\"' + query + '\\", searchType: \\"userTag\\", exclude: \\"' + excluded + '\\" ) { userId screenName userAvatar { fileHash } } }"} ';
                            jQuery.ajax("{$api4url}", {
                                headers: {
                                    "CWD-community-id": "{(int)$hubbubId}",
                                    Authorization: "Bearer {$authToken}",
                                    Accept: "application/json"
                                },
                                type: "post",
                                contentType: 'application/json',
                                data: requestData,
                                success: function(responseData) {
                                    jQuery('#tag_members_results').html('');
                                    jQuery('#tag_members_results').show();

                                    if (!responseData.data.users.length) {
                                        return jQuery('#tag_members_results').html('{"No users found"|gettext}');
                                    }

                                    for (index = 0; index < responseData.data.users.length; index++) {
                                        var $div = jQuery('#user_tag_template').clone();

                                        $div.removeClass("hiddenUserResult");
                                        $div.attr("data-id", responseData.data.users[index].userId);
                                        $div.find(".userScreenName").text(responseData.data.users[index].screenName);
                                        $div.find(".userScreenName").attr("id", "username-" + responseData.data.users[index].userId).addClass("username_" + responseData.data.users[index].userId);
                                        if (responseData.data.users[index].userAvatar){
                                            $div.find("img").attr("src", "{$cloudinaryuploads}/w_22,h_22,c_fill/" + responseData.data.users[index].userAvatar.fileHash);
                                        }
                                        $div.find('.user_tag_remove').data('id', responseData.data.users[index].userId);
                                        $div.attr('id', 'member_tag_item-' + responseData.data.users[index].userId);
                                        $div.addClass('id', 'member_tag_item-' + responseData.data.users[index].userId);
                                        $div.show();

                                        jQuery('#tag_members_results').append($div);
                                    }

                                    jQuery('#tag_members_results .mdl-form__tags-item').each(function() {
                                        jQuery(this).addClass('mdl-form__tags-item -user');
                                        jQuery(this).click(function() {
                                            var userId = jQuery(this).data('id');

                                            jQuery('#tag_members_display').prepend(this);
                                            jQuery('#tag_members_results').html('').hide();
                                            jQuery(that).val('');
                                            var currentTags = jQuery('#memberTags').val();
                                            if (currentTags.indexOf(userId) === -1) {
                                                jQuery('#memberTags').val(currentTags + ',' + userId);

                                                var membersCounter = parseInt(jQuery('#membersCounter').val()) + 1;
                                                jQuery('#membersCounter').val(membersCounter);
                                                jQuery('#excludedUsers').val(jQuery('#excludedUsers').val() + ',' + userId);

                                                if (membersCounter > 8) {
                                                    jQuery('#members').hide();
                                                }
                                            }

                                            jQuery(this).find('.user_tag_remove').click(function(e) {
                                                e.preventDefault();

                          var membersCounter = parseInt(jQuery('#membersCounter').val()) - 1;
                          jQuery('#membersCounter').val(membersCounter);

                          if(membersCounter < 9) {
                            jQuery('#members').show();
                          }

                          var userId = jQuery(this).data('id');
                          var currentTagsToRemove = jQuery('#membersToRemove').val();
                          if (currentTagsToRemove.indexOf(userId) === -1) {
                              jQuery('#membersToRemove').val(currentTagsToRemove + ',' + userId);
                          }

                          jQuery('#member_tag_item-' + userId).remove();
                          var userIds = jQuery('#memberTags').val();
                          var newUserIds = userIds.replace(',' + userId, '');

                          jQuery('#memberTags').val(newUserIds);
                          jQuery('#excludedUsers').val(jQuery('#excludedUsers').val().replace(',' + userId, ''));

                          return false;
                      });
                  });
              });

                    }
                });
            }, 600);
					} else {
						jQuery('#tag_members_results').hide();
					}
				});
        //# sourceURL=commentMembersKeyupSearch
				</script>
			{/if}

			<!-- placeholder for challenge categories -->
			<div  class="selected_category_themes-wrap">
	            <div class="b-single-post--field">
	                <div id="selected_category_themes"></div>
                    <div id="error_post_theme" class="mdl-form__error" style="display:none;"></div>
	            </div>
            </div>

            <div class="mdl-file-container {if $uploadsHidden}hidden{/if}">
              <div class="b-single-post--field-left">
                  <label for="bannerUpload" class="mdl-form__label" id="heading_add_image">{"Would you like to upload an image?"|gettext}</label>
                  <div class="mdl-form__info">{"If you want your idea to stand out, why not add a relevant image to your post?"|gettext}</div>
              </div>

              <div class="b-single-post--field-right">
                  <div class="b-single-post--field b-single-post--header-image-input-container mdl-file">
                      <img class="b-single-post--header-image-bg" {if $fileHashes.header ne '' && is_object($selectedFilesV2['header'])}src="{$selectedFilesV2['header']->getCloudinaryUrl(258,150)}"{/if}>
                      <div class="b-single-post--file b-single-post--headerImageInput {if $fileHashes.header ne ''}activeImage{/if} mdl-file__upload">
                          <div class="uploadPrompt mdl-file__upload-prompt">
                              <p class="non-ie89">{"Drag &amp; Drop or manually attach an image"|gettext}</p>
                              <p class="ie89">{"Click the button below to attach an image"|gettext}</p>
                              <p>
                                  <a class="non-ie89 mdl-button" onclick="jQuery(this).siblings('input.mirp-fileupload[type=file], input.cloudinary-fileupload[type=file]').click(); return false;" href="#">{"Attach Image"|gettext}</a>
                                  {if isset($mirpURL)}
                                    <input class="mirp-idea-header-file-upload mirp-fileupload hidden" accept="image/*" onchange="uploadMirp(event, true)" name="file" type="file" />
                                  {else}
                                    {cl_image_upload_tag('image_id', ['callback' => $vars.cloudinaryConfig.callback, 'use_filename'=>true, 'allowed_formats' =>['jpg', 'gif', 'png'], 'html' => ['multiple'=>true, 'class'=>'cloudinary-idea-header-file-upload', 'id'=>'bannerUpload' ]])}
                                  {/if}
                              </p>
                          </div>
                          <div class="clearImage"><span class="mdl-icon -s"><svg><use href="#delete"></use></svg></span></div>
                      </div>
                      <div class="b-single-post--file-item-bar"><!--IE--></div>
                      <input type="hidden" name="fileHashes[header]" value="{$fileHashes.header}" />
                  </div>
              </div>
            </div>

            <ul class="mdl-form__group">
              <li class="mdl-form__item -required">
                <label class="mdl-form__label" for="title" id="heading_idea_title">{"Title"|gettext}</label>
                <input class="mdl-form__input" type="text" name="post_title" id="title" value="{$post->title}" onkeyup="Post.updatePostSearch();">
                <p class="mdl-form__info" id="heading_idea_subtitle">{"Give your idea a catchy title"|gettext}</p>
                <span id="error_post_title" class="mdl-form__error" style="display:none;"></span>
              </li>
              <li class="mdl-form__item" id="postSearchResults_container" style="display:none;">
                <p class="mdl-form__label">{"Possibly related posts"|gettext}</p>
                <p class="mdl-form__info">{"Do any of these ideas already cover the same thing?"|gettext}</p>
                <div id="postSearchResults_container_inner" class="mdl-search-results -mini"></div>
              </li>
              <li class="mdl-form__item -required">
                <label class="mdl-form__label" for="description" id="heading_idea_description">{"Tell us about your idea"|gettext}</label>
                <div class="description--media" style="display: none;">
                  {if $action eq 'update'}
                    {assign var=categoryHeadings value=json_decode($category->category_custom_headings, true)}
                    {assign var=postMedia value=$post->getPostMedia()}
                    {assign var="channelId" value=$category->getJSONData('category_options','mediaChannelId')}
                    <p>
                      <button
                        type="button"
                        class="capture-edit mdl-button -s"
                        data-capture-id="post_media"
                        data-category-id="{$category->id}"
                        data-container="embed-container-edit-{$post->id}"
                        data-channel-id="{$channelId}"
                        data-media-id="{$postMedia['id']}"
                        data-token='{$LLPlayerToken|@json_encode}'
                        data-type="{$category->getJSONData('category_custom_headings','idea_description_type')}"
                        data-region="{$hubbub->hubbub_arrOptions.insightsRegion}"
                        data-pending="{$post->mediaPending()}"
                        data-environment="{$hubbub->hubbub_arrOptions.insightsEnvironment}"
                      >
                        <span>{'Edit'|gettext}</span>
                        <span class="hidden">{'Cancel edit'|gettext}</span>
                      </button>
                    </p>
                    {if $post->mediaPending() === false}
                      <div
                        data-livinglens-container="embed-container-edit-{$post->id}"
                        data-channel-id="{$channelId}"
                        data-media-id="{$postMedia['id']}"
                        data-token='{$LLPlayerToken|@json_encode}'
                        data-type="{$category->getJSONData('category_custom_headings','idea_description_type')}"
                        data-region="{$hubbub->hubbub_arrOptions.insightsRegion}"
                        data-environment="{$hubbub->hubbub_arrOptions.insightsEnvironment}"
                      ></div>
                    {else}
                        {$post->getPostText()}
                    {/if}
                  {else}
                    <input
                      type="hidden"
                      name="post_media"
                      value=""
                      data-capture-id="post_media"
                      data-environment="{$hubbub->hubbub_arrOptions.insightsEnvironment}"
                    >
                    <input
                      type="hidden"
                      name="post_media_uploadid"
                      value=""
                    >
                  {/if}
                  <span id="error_post_media" class="mdl-form__error" style="display:none;"></span>            
                </div>

                <div class="description--text">
                  <textarea class="field-required mceEditor mdl-form__input -textarea" name="post_text" id="description" placeholder="{'Describe your idea'|gettext}">{$post->text|htmlentities}</textarea>
                  <p class="mdl-form__info" id="heading_idea_longdescription">{"This is where you detail your idea, please be as descriptive as possible"|gettext}</p>
                  <div style="display:none;" class="form__info" id="description_charCountContainer">
                    <p class="small lightGrey"><strong><span id="description_characterCount">0</span></strong> {"characters remaining"|gettext}</p>
                  </div>
                </div>
                <span id="error_post_text" class="mdl-form__error" style="display:none;"></span>
              </li>
            </ul>

            <div id="postSearchResults_container" style="display:none;">
                <h3>{"Possibly related posts"|gettext}</h3>
                <p>{"Do any of these ideas already cover the same thing?"|gettext}</p>
                <div id="postSearchResults_container_inner"></div>
            </div>

			<ul id="custom_postfields" class="mdl-form__group"></ul>

			{if $hubbub->hubbub_arrOptions.tagsEnabled eq 1}
        <ul class="mdl-form__group">
          <div class="mdl-form__item">
            <label class="mdl-form__label" for="tags">{"Tag your idea"|gettext}</label>
            <div class="mdl-form__tags tagbox-tags" id="tagbox_tags">
              {foreach from=$postTags item=tag key=tagKey}
                <div class="tagbox-match mdl-form__tags-item" id="tagbox_match-{$tagKey}">
                  <a id="tag_element-{$tagKey}" class="mdl-form__tags-tag">{$tag}</a>
                </div>
              {/foreach}
              <input class="mdl-form__input" type="text" name="tag_tags" autocomplete="off" id="tags" placeholder="{"Enter tags separated with commas or 'return' e.g. innovation, products"|gettext}">
              </div>
            <div class="tagbox-matches mdl-form__tags-suggestions-wrapper" id="tagbox_matches">
              <p>{"Choose from existing tags"|gettext}</p>
              <div id="tagbox_matches_inner" class="mdl-form__tags-suggestions"></div>
            </div>
            <input type="hidden" name="post_tags" id="post_tags" value="{if isset($smarty.request.post_tags)}{$smarty.request.post_tags|escapeonce}{else}{','|implode:$postTags}{/if}">
            <span id="error_post_tags" class="mdl-form__error" style="display:none;"></span>
            <p class="mdl-form__info">{"Add tags to make it easier for people to find your idea"|gettext}.</p>
          </li>
        </ul>
			{/if}

      {if $hubbub->hubbub_arrOptions.userTagsEnabled eq 1}
        <ul class="mdl-form__group">
          <li class="mdl-form__item">
            <label class="mdl-form__label" for="users">{"Users"|gettext}</label>
            <div class="mdl-form__tags tagbox-tags" id="tag_users_display">
              {foreach from=$userTags item=taggedUser}
                {assign var='selectedFile' value=$taggedUser->user_fileObject->object}
                {if intval($selectedFile->data.file_id) ne 0}
                  {$bgImage=$selectedFile->getCloudinaryURL(22, 22)}
                {else}
                  {assign var='bgImage' value="`$vars.resourcesUrl`profile_counter22.png"}
                {/if}

                <div id="user_tag_item-{$taggedUser->id}" class="mdl-form__tags-item -user">
                  <div class="mdl-form__tags-item-wrapper">
                    <img src="{$vars.resourcesUrl}profile_counter22.png" class="mdl-avatar -s">
                    <span class="userScreenName">{$taggedUser->getDisplayName()}</span>
                    <a data-id="{$taggedUser->id}" class="user_tag_remove-existing" id="user_tag_remove-{$taggedUser->id}" href="#"><span class="mdl-icon"><svg><use href="#cancel"></use></svg></span></a>
                    <script>
                      jQuery('#user_tag_remove-{$taggedUser->id}').click(function(e) {
                        e.preventDefault();
                        var userId = jQuery(this).data('id');
                        jQuery('#user_tag_item-' + userId).remove();
                        var userIds = jQuery('#comment_userTags_post').val();
                        var newUserIds = userIds.replace(userId, '');
                        jQuery('#comment_userTags_post').val(newUserIds);
                        return false;
                      })
                    </script>
                  </div>
                </div>
              {/foreach}
              <input type="text" name="tag_users" class="mdl-form__input" autocomplete="off" id="users" placeholder="{"Type a username to tag a user"|gettext}">
            </div>
            <div class="tagbox-matches mdl-form__tags-suggestions-wrapper b-single-post__tag-users--results" id="tag_users_results"></div>
            <input type="hidden" name="commentForm_selfUserId" id="commentForm_selfUserId" value="{$user->id}">
            <input type="hidden" class="commentForm_userTags" name="comment_userTags" id="comment_userTags_post" value="{if isset($smarty.request.comment_userTags)}{$smarty.request.comment_userTags|escapeonce}{else}{','|implode:User::idList($userTags)}{/if}">
            <span id="error_post_userTags" class="mdl-form__error" style="display:none;"></span>
            <p class="mdl-form__info">{"Credit or associate other users with this idea"|gettext}.</p>
          </li>
        </ul>
      {/if}

      <div class="mdl-file-container {if $uploadsHidden}hidden{/if}">
            <label for="filesUpload" class="mdl-form__label" id="heading_idea_upload">{"Upload files"|gettext}</label>
            <!-- <div class="b-single-post-note">{"Upload any additional images or files"|gettext}.</div> -->
            <div class="b-single-post--field-left mdl-file">
                <div class="b-single-post--file b-single-post--filesInput mdl-file__upload -with-height">
                  <div class="mdl-file__upload-prompt">
                    <p>{"We accept jpg, gif, png, office docs, txt, pdf, zip, mp4, mov files"|gettext}</p>
                    <p>
                        <a class="non-ie89 mdl-button" onclick="jQuery(this).siblings('input.mirp-fileupload[type=file], input.cloudinary-fileupload[type=file]').click(); return false;" href="#">{"Attach files"|gettext}</a>
                        {if isset($mirpURL)}
                          <input class="mirp-idea-files-upload mirp-fileupload hidden" onchange="uploadMirp(event, false)" name="file" type="file" accept="{implode(File::getAllowedExtensions(), ',')}" multiple='1' />
                        {else}
                          {cl_image_upload_tag('image_id', ['chunk_size' => 20000000, 'callback' => $vars.cloudinaryConfig.callback, 'eager'=>[['format' => 'webm'], ['format' => 'mp4' ]], 'eager_async'=> true, 'eager_notification_url' => File::getEagerNotificationUrl(), 'use_filename'=>true, 'allowed_formats' =>File::getAllowedExtensions(), 'html' => ['multiple'=>true, 'class'=>'cloudinary-idea-files-upload', 'id'=>'filesUpload']])}
                        {/if}
                      </p>
                  </div>
				</div>
			</div>
			<div class="b-single-post--field-right">

				<div class="b-single-post--file-list mdl-file__list-wrapper -with-height">
            <div class="mdl-file__list">
                <div class="b-single-post--file-item templateItem mdl-file__list-item" style="display:none !important;">
                              <img src="{$vars.resourcesUrl}filetypes/22/txt.png" alt="File type icon" />
                              <div class="b-single-post--file-item-name mdl-file__list-item-name">fileName.pdf</div>
                  <a href="#" class="remove-file right mdl-file__list-item-control" style="display:none;"><span class="mdl-icon -s"><svg><use href="#delete"></use></svg></span></a>
                              <div class="b-single-post--file-item-bar mdl-file__list-item-progress"></div>
                </div>
                {counter start=0 print=false}
                {foreach from=$selectedFilesV2.nonHeader item=f}
                    {counter assign=itemNum}
                    <div class="b-single-post--file-item existingFile b-single-post--file-item-count-{$itemNum} mdl-file__list-item">
                        {if in_array($f->data['file_extension'], File::$allowedImageExtensions)}
                            <img src="{$f->getCloudinaryURL(20,20)}" />
                        {else}
                            <img src="{$vars.resourcesUrl}filetypes/22/{$f->data['file_extension']}.png" />
                        {/if}
                        <div class="b-single-post--file-item-name mdl-file__list-item-name">{$f->data['file_name']}</div>
                        <a href="#" class="remove-file right mdl-file__list-item-control" data-filecount="{$itemNum}" data-fileurl="{$f->data['file_hash']}"><span class="mdl-icon -s"><svg><use href="#delete"></use></svg></span></a>
                        <div class="b-single-post--file-item-bar mdl-file__list-item-progress"><!--IE--></div>
                    </div>
                {/foreach}
            </div>
          </div>
          <input type="hidden" name="fileHashes[nonHeader]" value="{','|implode:$fileHashes.nonHeader}" />
        </div>
      </div>

      {assign var=categoryAccess value=$category->getAccess()}
      {if !$isEditAction && ($categoryAccess->getData('ideaVisibility') || $firstMilestonePrivate)}
      <div class="mdl-alert -has-icon">
        <span class="mdl-alert__icon mdl-icon"><svg><use href="#lock"></use></svg></span>
        <p>
          {if $firstMilestonePrivate}
            {"%s is enabled on this milestone. Your idea will only be visible to you and the challenge moderators."|gettext|sprintf:"<b>Private idea submission</b>"}
          {else}
            {"%s is enabled on this challenge. Your idea will only be visible to you and the challenge moderators."|gettext|sprintf:"<b>Private idea submission</b>"}
          {/if}
        </p>
      </div>
      {else if $isEditAction}
        {if $lastReachedMilestone->ideaVisibility == 1 && $currentMilestone->getConditionType() == 'elaborate' && !$currentMilestone->ideaVisibility}
          <div class="mdl-alert -has-icon">
            <span class="mdl-alert__icon mdl-icon"><svg><use href="#lock"></use></svg></span>
              <p>
                {"Private idea submission is enabled on this milestone. When you publish your changes, the idea will progress to the next milestone, where all challenge participants will be able to view it."|gettext}
              </p>
          </div>
        {else if $lastReachedMilestone->ideaVisibility == 0 && $currentMilestone->getConditionType() == 'elaborate' && $currentMilestone->ideaVisibility}
          <div class="mdl-alert -has-icon">
            <span class="mdl-alert__icon mdl-icon"><svg><use href="#lock"></use></svg></span>
            <p>
              {"When you publish your changes, the idea will progress to the next milestone, where private idea submission is enabled. It will only be visible to you and the moderators."|gettext}
            </p>
          </div>
        {else if $lastReachedMilestone->ideaVisibility == 1}
          <div class="mdl-alert -has-icon">
            <span class="mdl-alert__icon mdl-icon"><svg><use href="#lock"></use></svg></span>
            <p>
              {"Private idea submission is enabled on this milestone. Your idea will only be visible to you and the challenge moderators."|gettext}
            </p>
          </div>
        {/if}
      {/if}

    </div>

    <div class="b-single-post--bottom mdl-idea-post__button-row">
      <!-- <span class="b-single-post__required-fields-tip">* {"required field"|gettext}</span> -->
      {*<span class="b-single-post__draft-label"><input type="checkbox" {if $post->moderationStatus eq 4}checked{/if} value="1" name="post_draft" /> Save as draft</span>*}
          <div>
              <input type="hidden" id="post_draft" name="post_draft" value="{if $post->moderationStatus}1{else}0{/if}" />
              {if !$isExternal}
                <a class="b-single-post--trigger cancel-idea-trigger mdl-button -tertiary" id="trigger-cancel" href="#">
                    {"Cancel"|gettext}
                </a>
                {if $post->moderationStatus eq 4 || !$post->id}
                  <a id="save-draft" class="b-single-post--bottom-buttons-white save-idea-trigger mdl-button" href="#">{"Save to drafts"|gettext}</a>
                {/if}
              {/if}
              <a id="save-idea" class="b-single-post--bottom-buttons-green save-idea-trigger mdl-button -primary" href="#">{"Publish"|gettext}</a>
              <div class="bottomButtonsBusy mdl-form__button-row-busy" style="display:none;">
                <div class="loading-indicator"><span></span><span></span><span></span></div>
              </div>
            </div>
          </div>
    </div>
  </div>
</form>
	<div style="display:none;">
        {foreach from=Category::$list item=cCategory}
            {if $cCategory->data.category_custom_headings}
                <div id="custom_headings-{$cCategory->data.category_id}">
                    <div id="category_name-{$cCategory->id}">{Translation::t($cCategory, 'category_name')}</div>
                    <div id="category_description-{$cCategory->id}">{Translation::t($cCategory, 'category_description')}</div>
                    <div id="category_select_custom-{$cCategory->data.category_id}">{Translation::t($cCategory,'category_custom_headings--category_select_text')}</div>
                    <div id="category_select_theme_custom-{$cCategory->data.category_id}">{Translation::t($cCategory,'category_custom_headings--category_select_theme_text')}</div>
                    <div id="category_title_custom-{$cCategory->data.category_id}">{Translation::t($cCategory,'category_custom_headings--idea_title_text')}</div>
                    <div id="category_subtitle_custom-{$cCategory->data.category_id}">{Translation::t($cCategory,'category_custom_headings--idea_subtitle_text')}</div>
                    <div id="category_description_custom-{$cCategory->data.category_id}">{Translation::t($cCategory,'category_custom_headings--idea_description_text')}</div>
                    <div id="category_longdescription_custom-{$cCategory->data.category_id}">{Translation::t($cCategory,'category_custom_headings--idea_longdescription_text')}</div>
                    <div id="category_description_characterLimit_custom-{$cCategory->data.category_id}">{$cCategory->getJSONData('category_custom_headings','idea_description_characterLimit')}</div>
                    <div id="category_description_type_custom-{$cCategory->data.category_id}">{$cCategory->getJSONData('category_custom_headings','idea_description_type')}</div>
                    <div id="category_upload_custom-{$cCategory->data.category_id}">{Translation::t($cCategory,'category_custom_headings--upload_files_text')}</div>
                    <div id="category_upload_hidden_custom-{$cCategory->data.category_id}">{$cCategory->getJSONData('category_custom_headings','upload_files_hide')}</div>
                    <div id="category_image-{$cCategory->id}">{if $cCategory->data.category_file!=0}{$cCategory->joined.obj_category_file->getCLoudinaryUrl(420, 258)}{/if}</div>
                </div>
            {/if}
            {assign var=categoryOptions value=json_decode($cCategory->category_options, true)}
            {if $categoryOptions['mediaChannelId']}
              <div id="category_media-{$cCategory->data.category_id}">
                <div id="category_media_channel-{$cCategory->id}">{$categoryOptions['mediaChannelId']}</div>
                <div id="category_media_key-{$cCategory->id}">{$categoryOptions['mediaApiKey']}</div>
              </div>
            {/if}
            {if $cCategory->themes}
                 <ul id="category_themes-container-{$cCategory->id}" class="mdl-form__group">
                   <li class="mdl-form__item {if $category->data.category_custom_headings_decoded->category_select_theme_required eq 1}-required{/if}">
                    <label class="mdl-form__label" id="heading_idea_theme">
                      {if $category->data.category_custom_headings_decoded->category_select_theme_text}
                        {Translation::t($category,'category_custom_headings--category_select_theme_text')}
                      {else}
                        Select a theme
                      {/if}
                    </label>
                    <select id="category_themes-{$cCategory->id}" class="i-mix-themes">
                      <option value="0">{"Please select"|gettext}...</option>
                      {assign var=orderedThemes value=Category::sortThemes($cCategory->themes)}
                      {foreach from=$orderedThemes item=theme key=key}
                      <option value="{$theme->id}" {if $post->category eq $theme->id}selected="selected"{/if}>{Translation::t($theme, 'category_name')}</option>
                      {/foreach}
                    </select>

                     {foreach from=$orderedThemes item=theme key=key}
                         {if strlen(trim({Translation::t($theme, 'category_description')})) gt 0}
                             <div id="category_theme_custom_description-{$theme->data.category_id}" class="selected_theme_description">
                                <p>{Translation::t($theme, 'category_description')}</p>
                             </div>
                         {/if}
                     {/foreach}
                    </li>
                 </ul>
            {/if}
        {/foreach}
        <script type="text/javascript">
            /*jQuery(function(){
                jQuery('.i-mix-themes').selectric();
            });*/
        </script>
	</div>


    {foreach from=$postFieldsOrdered item=postFieldOrdered key=k}
      <ul class="postFields" id="postFields-{$k}" style="display:none;">
        {foreach from=$postFieldOrdered item=postField name=postFields}
          <li class="postfield-outer mdl-form__item {if $postField->required}-required{/if}">
            {foreach from=Category::$list item=sCategory}
              {if $sCategory->data.category_id eq $postField->data.postfield_category}
                {assign var=$postFieldId value=$postField->data.postfield_id}
                {assign var=$postFieldLabel value="postfield_$postFieldId"}

                {assign var=postfieldId value=$postField->data.postfield_id}
                {assign var=postFieldLabel value="postfield_$postfieldId"}
                {assign var=postFieldNameNew value="postField-{$postfieldId}-0"}
                {assign var=rows value=4}

                <label for="postField-{$postfieldId}" class="mdl-form__label">
                  {Translation::t($postField,'postfield_name')}
                </label>
                
                {if $postField->data.postfield_type eq 'option'}
                  <select class="postfield-dropdown-type mdl-form__input -select {if $postField->required} field-required{/if}" name="postField-{$postfieldId}" id="postField-{$postfieldId}">
                    <option value="">{"Please select"|gettext}</option>
                    {foreach from=$postFieldOptions[$postField->data.postfield_id] item=pfo}
                      <option {if trim($postFieldData.$postfieldId.postfielddata_data) eq trim($pfo->data.postfieldoption_id)}selected="selected"{/if} value="{$pfo->data.postfieldoption_id}">{Translation::t($pfo, 'postfieldoption_text')}</option>
                    {/foreach}
                  </select>
                {elseif $postField->data.postfield_type eq 'video' || $postField->data.postfield_type eq 'audio'}
                    {assign var="postFieldMedia" value=$post->getPostFieldMedia($postFieldData.$postfieldId)}
                    {assign var="channelId" value=$category->getJSONData('category_options','mediaChannelId')}
                    {if $action eq 'update' && $postFieldMedia && $postFieldMedia['id'] !== ''}
                      <p>
                        <button
                          type="button"
                          class="capture-edit mdl-button -s"
                          data-capture-id="postField-{$postfieldId}"
                          data-category-id="{$category->id}"
                          data-container="embed-container-edit-{$postfieldId}"
                          data-channel-id="{$channelId}"
                          data-media-id="{$postFieldMedia['id']}"
                          data-token='{$LLPlayerToken|@json_encode}'
                          data-type="{$postField->data.postfield_type}"
                          data-region="{$hubbub->hubbub_arrOptions.insightsRegion}"
                          data-pending="{$postFieldMedia['pending']}"
                          data-environment="{$hubbub->hubbub_arrOptions.insightsEnvironment}"
                        >
                          <span>{'Edit'|gettext}</span>
                          <span class="hidden">{'Cancel edit'|gettext}</span>
                        </button>
                      </p>
                      {if $postFieldMedia['pending']}
                        <p>{'The media and transcript are being processed. Please check back again in a few minutes.'|gettext}</p>
                      {else if !$postFieldMedia['pending'] && $postFieldMedia['id'] !== ''}
                        <div
                          data-livinglens-container="embed-container-edit-{$postfieldId}"
                          data-channel-id="{$channelId}"
                          data-media-id="{$postFieldMedia['id']}"
                          data-token='{$LLPlayerToken|@json_encode}'
                          data-type="{$postField->data.postfield_type}"
                          data-region="{$hubbub->hubbub_arrOptions.insightsRegion}"
                          data-environment="{$hubbub->hubbub_arrOptions.insightsEnvironment}"
                        ></div>
                      {/if}
                    {else}
                      <input
                        type="hidden"
                        name="postField-{$postfieldId}"
                        value=""
                        data-capture-id="postField-{$postfieldId}"
                        data-capture-type="{$postField->data.postfield_type}"
                        data-environment="{$hubbub->hubbub_arrOptions.insightsEnvironment}"
                      >
                      <input
                        type="hidden"
                        name="postField-{$postfieldId}_uploadid"
                        value=""
                      >
                    {/if}
                {else}

                  {if $postField->data.postfield_characterlimit ne 0}
                    {assign var=rows value="`$postField->data.postfield_characterlimit/70`"}
                    {if $rows>20}
                      {assign var=rows value=20}
                    {/if}
                  {/if}

                  <textarea cols="35" rows="{$rows|ceil}" class="postFieldData formElement mdl-form__input -textarea {if $postField->data.postfield_characterlimit ne 0}GB_characterLimit{/if} {if $postField->required}field-required{/if}" id="{$postFieldLabel}" {if $postField->data.postfield_characterlimit ne 0}data-gbcharacterlimit="{$postField->data.postfield_characterlimit}"{/if} name="postField-{$postfieldId}">{$postFieldData.$postfieldId.postfielddata_data}</textarea>
                  {if $postField->data.postfield_characterlimit ne 0}
                    <span class="mdl-form__info"><strong><span id="{$postFieldLabel}_characterCount">{$postField->data.postfield_characterlimit}</span></strong> {"characters remaining"|gettext}</span>
                  {/if}

                {/if}
                
                {if strlen(trim($postField->data.postfield_description)) ne 0}
                  <p class="mdl-form__info">{Translation::t($postField,'postfield_description')}</p>
                {/if}

                {if $postField->required}
                  <span id="error_postfield_{$postField->id}" class="mdl-form__error" style="display:none;"></span>
                {/if}

                <span class="mdl-form__error" {if (!isset($errors.$postFieldLabel))}style="display:none;" id="error_{$postFieldLabel}"{/if}>{$errors.$postFieldLabel}</span>

              {/if}
            {/foreach}
          </li>
        {/foreach}
      </ul>
    {/foreach}

    <div id="user_tag_template" class="hiddenUserResult mdl-form__tags-item -user" {if isset($callback)}onclick="{$callback}({$cUser->user_id}, this);"{/if}>
      <div class="mdl-form__tags-item-wrapper">
        <img src="{$vars.resourcesUrl}profile_counter22.png" class="mdl-avatar -s">
        <span class="userScreenName"><span class="usernameWithLink"><a></a></span></span>
        <a class="user_tag_remove" href="#"><span class="mdl-icon"><svg><use href="#cancel"></use></svg></span></a>
      </div>
    </div>

    <div id="tag_template" style="display:none;">
      <div class="mdl-form__tags-item-wrapper">
    	  <a href="#" class="tagbox-tag-name"></a>
        <span class="mdl-icon"><svg><use href="#cancel"></use></svg></span>
      </div>
    </div>

    <script>
        Post.initForm();
    </script>

{if $hubbub->hubbub_arrOptions.tagsEnabled eq 1}
<script>
var api4url = "{$api4url}";
var authToken = "{$authToken}";
var hubbubId = {(int)$hubbubId};
var search_timeout = undefined;

{literal}
$j(function() {
    var tagCounter = 0;

    var htmlentities = function(str) {
        return String(str).replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;').replace(/"/g, '&quot;');
    }

    var htmlentitydecode = function(str) {
        var textArea = document.createElement('textarea');
        textArea.innerHTML = str;
        return textArea.value;
    }

    var createTagBox    = function(tagString) {
        tagCounter++;
        tagString = htmlentities(tagString);

        var tagbox  = $j('<div>');
        tagbox.addClass('tagbox-match mdl-form__tags-item');
        tagbox.attr('id', 'tagbox_match-' + tagCounter);

        var a       = $j('<a>');
        a.html(tagString);
        a.addClass('mdl-form__tags-tag');
        a.attr('id', 'tag_element-' + tagCounter);
        tagbox.append(a);

        return tagbox;
    };

    var appendCross = function(tagbox) {
        var cross = $j('<span>');
		cross.html('x');
		cross.css({
            'display': 'inline-block',
            'margin-left': '5px'
        });
		cross.attr('id', 'tag_element_cross-' + tagCounter);
		cross.attr('data-selected', 1);

		tagbox.append(cross);

		cross.click(function(e) {
            e.preventDefault();

            var tagName = tagbox.find('a').html();
            var oldTags = $j('#post_tags').val();

            if(oldTags===tagName) {
                newTags = '';
            }
            else {
                newTags = oldTags.replace(',' + tagName, '');
            }

            $j('#post_tags').val(newTags);
            tagbox.remove();

            return false;
        });
    };

    var addTag   = function(query) {
        var oldTags         = $j('#post_tags').val();

        $j('#tags').val('');
        $j('#tagbox_matches').slideUp();
        query               = query.replace(',', '');
        var tagAlreadyAdded = false;

        $j('#tagbox_tags a').each(function() {
            if(htmlentitydecode($j(this).html()) === query) {
                tagAlreadyAdded   = true;
            }
        });

        if(!tagAlreadyAdded) {
            tagbox  = createTagBox(query);
            appendCross(tagbox);
            $j('#tagbox_tags').append(tagbox);
            $j('#post_tags').val(oldTags + ',' + query);
        }

        $j('#tagbox_matches').slideUp();

    };

    var loadSuggestedTags   = function(query) {
        if (query.length > 2) {
            delay(function() {
                $j.ajax (api4url, {
                    headers: { "CWD-community-id" : hubbubId, "Authorization" : "Bearer " + authToken, "Accept" : "application/json"},
                    type: "post",
                    contentType: 'application/json',
                    data: ' { "query":" { ideaTags (searchTag: \\"' +htmlentities(query)+ '\\") { tagName } }"} ',
                    success: function(responseData) {
                        $j('#tagbox_matches_inner').html('');

                        for (index = 0; index < responseData.data.ideaTags.length; index++) {
                            if (index === 0){
                                $j('#tagbox_matches').slideDown();
                            }
                            var tagbox  = createTagBox(responseData.data.ideaTags[index].tagName);
                            var a       = tagbox.find('a');

                            a.click(function(e) {
                                e.preventDefault();
                                var tagName = $j(this).html();
                                tagbox.remove();
                                addTag(tagName);
                                $j('#tagbox_matches').slideUp();

                                return false;
                            });

                            $j('#tagbox_matches_inner').append(tagbox);
                        }
                    }});
            }, 600);
        }
    };

    $j('#tags').keyup(function(e) {
        if(search_timeout != undefined) {
            clearTimeout(search_timeout);
        }

        var query       = $j(this).val();
        var minLength   = 2;

        if (query.length >= minLength) {
            if (e.which == 13 || e.which == 188) {
                addTag(query);
            }
            else {
                search_timeout = setTimeout(function() {
                    search_timeout = undefined;
                    loadSuggestedTags(query);
                }, 200);
            }
        }
    });

    /*$j('#tags').blur(function(e) {
        var query       = $j(this).val();
        var minLength   = 1;
        if (query.length >= minLength) {
            addTag(query);
        }
    });*/

    jQuery('.save-idea-trigger').click(function(e) {
        var query       = htmlentities($j('#tags').val());
        var minLength   = 1;
        if (query.length >= minLength) {
            addTag(query);
        }
    });

    $j('#tagbox_tags').children().each(function(){
       appendCross($j(this));
    });
});
{/literal}
</script>
{/if}

{if $hubbub->hubbub_arrOptions.userTagsEnabled eq 1}
<script>
	jQuery('#tag_users_display').click(function() {
		jQuery('#users').focus();
	});

	jQuery('.tagbox').click(function() {
		jQuery('#tags').focus();
	});

    function searchUser (query, that){
        var top_category_id = jQuery('#post_top_category_id').val() || 0;
        var co_authors = jQuery('#memberTags').val() || '';
        var postId = jQuery('#postId').val() || 0;

        if(query.length > 2) {
          console.log('searchUserSearch');
            delay(function() {
                jQuery.ajax("{$api4url}", {
                    headers: { "CWD-community-id" :  "{(int)$hubbubId}", "Authorization" : "Bearer {$authToken}", "Accept" : "application/json"},
                    type: "post",
                    contentType: 'application/json',
                    data: ' { "query":" { users (searchQuery: \\"' +query+ '\\", categoryId: ' + top_category_id + ', coAuthors: \\"' + co_authors + '\\", postId: ' + postId + ') { userId screenName userAvatar { fileHash } } }"} ',
                    success: function(responseData) {
                        var div = jQuery('.hiddenUserResult');
                        var noMoreUsersHelper = responseData.data.users.length;
                        jQuery('#tag_users_results').html('');
                        for (index = 0; index < responseData.data.users.length; index++) {
                            if (!document.getElementById('user_tag_item-' + responseData.data.users[index].userId)){
                                var objCopy = div.clone();
                                $div = jQuery(objCopy);

                                $div.removeClass("hiddenUserResult");
                                $div.attr("data-id", responseData.data.users[index].userId);
                                $div.find(".userScreenName").text(responseData.data.users[index].screenName);
                                $div.find(".userScreenName").attr("id", "username-" + responseData.data.users[index].userId).addClass("username_" + responseData.data.users[index].userId);
                                $div.find('.usernameWithLink').find("a").text(responseData.data.users[index].screenName);
                                if (responseData.data.users[index].userAvatar){
                                    $div.find("img").attr("src", "{$cloudinaryuploads}/w_22,h_22,c_fill/" + responseData.data.users[index].userAvatar.fileHash);
                                }
                                $div.show();

                                jQuery('#tag_users_results').append(objCopy);
                                noMoreUsersHelper--;
                            }
                        }

                        if (!responseData.data.users.length){
                            jQuery('#tag_users_results').html('No users found');
                        } else if (noMoreUsersHelper == responseData.data.users.length) {
                            jQuery('#tag_users_results').html('No more users found');
                        }
                        jQuery('#tag_users_results').show();

                        jQuery('#tag_users_results .mdl-form__tags-item').each(function() {
                            jQuery(this).click(function() {
                                var userId = jQuery(this).data('id');
                                var username = jQuery('#username-' + userId).html();
                                var bg = jQuery(this).find('img').attr('src');

                                var el = jQuery('#user_tag_template').clone();

                                jQuery(el).show();
                                jQuery(el).attr('id', 'user_tag_item-' + userId);
                                jQuery(el).find('.userScreenName').html(username);
                                jQuery(el).find('.user_tag_remove').data('id', userId);
                                jQuery(el).find('img').attr('src', bg);
                                jQuery('#tag_users_display').prepend(el);

                                jQuery('#tag_users_results').html('').hide();
                                jQuery(that).val('');

                                jQuery('#comment_userTags_post').val(jQuery('#comment_userTags_post').val() + ',' + userId);

                                jQuery(el).find('.user_tag_remove').click(function(e) {
                                    e.preventDefault();

                                    var userId = jQuery(this).data('id');

                                    jQuery('#user_tag_item-' + userId).remove();
                                    var userIds = jQuery('#comment_userTags_post').val();
                                    var newUserIds = userIds.replace(userId, '');

                                    jQuery('#comment_userTags_post').val(newUserIds);

                                    return false;
                                });
                            });
                        });
                    }
                });
            }, 600);
        } else {
            jQuery('#tag_users_results').hide();
        }
    };

    var search_timeout = undefined;

	jQuery('#users').keyup(function(e) {
        var query = jQuery(this).val();
        var self = this;

        if(search_timeout != undefined) {
            clearTimeout(search_timeout);
        }

        search_timeout = setTimeout(function() {
            search_timeout = undefined;
            searchUser(query, self);
        }, 200);
	});
//# sourceURL=searchUserSearch
</script>
{/if}

<script>
	jQuery(function() {
		{if $catIdRequested}
			var currentCategoryId = {$catIdRequested};
		{else}
			var currentCategoryId = {$category->id};
		{/if}

	    jQuery(".b-single-post--challenge-list").click(function(event) {
	    	var confirm = window.confirm("{'Data entered in some fields may be lost if the challenge is changed.'|gettext}");

	    	if(confirm) {
	    		jQuery(".mdl-idea-post__category-image,.mdl-idea-post__category-info").toggle();
		    	jQuery(".b-single-post--select").toggle();
		    	jQuery(".b-single-post--right-overlay").toggle();
	    	}
	    	return false;
	    });

	    jQuery(".b-single-post--select-list a").click(function(event) {
	    	jQuery(".mdl-idea-post__category-image,.mdl-idea-post__category-info").toggle();
	    	jQuery(".b-single-post--select").toggle();
        jQuery(".b-single-post--right-overlay").toggle();
        
        removeEditors();

        currentCategoryId = jQuery(this).data('id');

        configureIdeaFormForChallenge(currentCategoryId);

	    	// update the category name after selection
	    	jQuery('#selected_category_name').html(jQuery('#category_name-' + currentCategoryId).html());

	    	// update the category description
	    	jQuery('#selected_category_description').html(jQuery('#category_description-' + currentCategoryId).html());

	    	// update the category image
            var catImg = jQuery('#category_image-' + currentCategoryId).html();
            var catImgElement = jQuery('#selected_category_image');
	    	jQuery('#selected_category_image').attr('src', catImg);
            if (catImg === '') {
                catImgElement.hide();
            } else {
                catImgElement.show();
            }

	    	// update 'view challenge' link
	    	jQuery('#view_challenge_link').attr('href', '/category/' + currentCategoryId);

	    	return false;

	    });

	    jQuery(".b-single-post--select-menu-tabs a").on('click', function(e){
	        e.preventDefault();

	        var menu = jQuery(this).attr("data-target");
	        jQuery(".b-single-post--select-list").fadeOut(100);
	        jQuery(".b-single-post--select-list-" + menu).delay(100).fadeIn(100);

	        jQuery(".b-single-post--select-menu-tabs-line").animate({
	            left: jQuery(this).closest("li").position().left,
	            width: jQuery(this).width() + 20
	        });

	    });
	});
</script>

<script>

	jQuery('.save-idea-trigger').click(function(e) {
		var url = '';
		var id = jQuery(this).attr('id');

		if(id == 'save-draft') {
			jQuery('#post_draft').val(1);
		} else {
			jQuery('#post_draft').val(0);
		}

		{if $action eq 'update'}
			url = '/post/update/{$post->data.post_id|intval}';
		{else}
			url = '/post/add';
		{/if}

        jQuery('.postFormActionButtons').hide();
        jQuery('.bottomButtonsBusy').show();

        e.preventDefault();

        jQuery('.mdl-form__error').each(function() {
            jQuery(this).hide();
            jQuery(this).parent().find('.-error').removeClass('-error');
        });

        tinyMCE.triggerSave();

        Post.cancelSimilarPostSearch();

        jQuery.ajax(url, {
            type: "POST",
            data: jQuery('form').serialize(),
            success: function(data) {
                if(data.success) {

                    jQuery('.postFieldData').each(function() {
                        var id = this.id;
                        var ed = tinyMCE.get(id);

                        if(typeof ed !== "undefined") {
                            ed.remove();
                            ed.destroy();
                        }
                    });

                    {if $action eq 'update'}

                    jQuery.ajax('/post/view/' + {$post->id|intval} + '?postType=newDesign', {
                        success: function(data) {
                            jQuery('#idea_lowerFold').html(data);

                            jQuery(".b-single-post--underlay").fadeToggle();
                            jQuery(".b-single-post--wrapper").fadeToggle();
                            document.fire("crowdworks:updateComplete");
                        }
                    });

                    {else}
                      // If external then reroute to same page
                      //THIS SHOULD BE A PARAMETER FROM PHP NOT JS
                      if (!window.location.pathname.include("add_from_external")) {
                          window.location.href = '/post/' + data.post_id;
                      } else {
                          jQuery.ajax('/post/added/'+data.post_id, {
                            data: {
                              isExternal: true
                            },
                            success: function(data) {
                                console.log(data)
                                jQuery(".b-single-post--wrapper").fadeToggle();
                                jQuery(".b-single-post--wrapper").html(data).fadeToggle();

                            }
                        });
                      }
                    {/if}
                } else {
                    jQuery('.postFormActionButtons').show();
                    jQuery('.bottomButtonsBusy').hide();

                    for(var x in data.errors) {
                      jQuery('#error_' + x).html(data.errors[x]).show();
                      jQuery('#error_' + x).parent().find('.mdl-form__input').addClass('-error');
                    }
                }
            }
        });

		return false;
	});


	jQuery('#trigger-cancel').off();
	jQuery('#trigger-cancel').on("click", function(e) {
		e.preventDefault();

		var confirm = window.confirm("{'Any changes you have made will not be saved, do you wish to proceed?'|gettext}");

		if(confirm) {
			  jQuery(".b-single-post--underlay").fadeToggle();
        jQuery(".b-single-post--wrapper").fadeToggle();
        
        removeEditors();
		}


		return false;
  });
  function uploadMirp(event, isHeader) {
    Post.uploadMirp(event, '{$mirpURL}', isHeader, undefined, '{$authToken}', '{$communityId}', '{$db_code}')
  }

</script>

{if $action eq 'update'}
<script>
    //var currentCategoryId = {$category->id};
	//configureIdeaFormForChallenge(currentCategoryId);
</script>
{/if}

<script type="text/javascript">
    document.fire("crowdworks:popUpComplete");
    jQuery(document).ready(function(){
      mediaEmbed.init();
    });
</script>

<input type="hidden" value="{$action}" id="action" />
<input type="hidden" value="{if $post->moderationStatus eq 4}1{else}0{/if}" id="isDraft" />
<input type="hidden" id="themeRequired" value="{(int)$category->isThemeRequired()}" />
<input type="hidden" id="ideaTheme" value="{if $action eq 'update' && $post->category neq $category->id}{$post->category}{else}0{/if}" />

<div
    data-respondentid="Idea not posted"
    data-countrycode="{$userLang[1]}"
    data-languagecode="{$userLang[0]}"
    data-media="video"
    data-singleuse="true"
    data-interfacelanguage="{$userLang[0]}"
    id="media-capture-container-tpl"
></div>