{assign var=postCategory value=Category::getTopLevelCategory($post->data['post_category'])}
{assign var=uploadsHidden value=(intval($categoryAccess->getData('enableCommentAttachments')) eq 1) ? false : true}

<div class="userResultHidden" style="display:none;">
  <img src="{$vars.resourcesUrl}profile_counter22.png" style="border-radius:50%">
  <span><span class="usernameWithLink hidden"><a></a></span></span>
</div>

<form action="/post/updatecomment/{$post->data.post_id}" method="post" id="popUpCommentForm" class="commentForm-{$post->data.post_id}">
  <div class="mdl-comment-form">
    <div class="commentForm">

      <div class="mdl-comment-form__comment">
        <div class="mdl-comment__wrapper">
          <div class="b-single-idea__comment-right">
            <div class="b-single-idea__new-comment-area-outer msg_textrea_wrapper mdl-comment-form__comment__top {if $uploadsHidden}-full-border{/if}">
              <label class="hidden" for="post_text">{"Comment text"|gettext}</label>
              <textarea name="post_text" id="post_text" class="b-single-idea__new-comment-area {if $post->data.post_type eq 1}mceComment{/if}">{$post->data.post_text}</textarea>
            </div>
            {if !$uploadsHidden}
            <div class="b-single-post--file b-single-post--filesInput mdl-comment-form__comment__bottom">
              <p class="label"><label for="edit-comment-upload-{$post->id}">{"Drag and drop or click button to attach files"|gettext}</label></p>
              <p class="buttonContainer">
                <a class="non-ie89 buttonElement mdl-button" onclick="jQuery(this).siblings('input.cloudinary-fileupload[type=file], input.mirp-fileupload[type=file]').click(); return false;" href="#">{"Attach files"|gettext}</a>
                {if isset($mirpURL)}
                  <input class="mirp-idea-files-upload mirp-fileupload hidden" accept="{implode(File::getAllowedExtensions(), ',')}" multiple='1' onchange="Post.uploadMirp(event, '{$mirpURL}', false, 'popUpCommentForm', '{$authToken}', '{$communityId}', '{$db_code}')" name="file" type="file" />
                {else}
                  {cl_image_upload_tag('image_id', ['callback' => $vars.cloudinaryConfig.callback, 'use_filename'=>true, 'allowed_formats' =>File::$allowedExtensions, 'html' => ['multiple'=>true, 'class'=>'cloudinary-idea-files-upload', 'id'=>"edit-comment-upload-{$post->id}"]])}
                {/if}
              </p>
            </div>
            <div class="b-single-post--file-list">
              <div class="b-single-post--file-item templateItem" style="display:none;">
                <img src="{$vars.resourcesUrl}filetypes/22/txt.png" alt="File type icon" />
                <div class="b-single-post--file-item-name">fileName.pdf</div>
                <a href="#" class="remove-file right" style="display:none;"><span class="mdl-icon -s"><svg><use href="#cancel"></use></svg></span></a>
                <div class="b-single-post--file-item-bar"><!--IE--></div>
              </div>
              {counter start=0 print=false}
              {foreach from=$selectedFilesV2.all item=f}
                {counter assign=itemNum}
                <div class="b-single-post--file-item existingFile b-single-post--file-item-count-{$itemNum}">
                  {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">
                    {$f->data['file_name']}
                  </div>
                  <a href="#" class="remove-file right" data-filecount="{$itemNum}" data-fileurl="{$f->data['file_hash']}"><span class="mdl-icon -s"><svg><use href="#cancel"></use></svg></span></a>
                  <div class="b-single-post--file-item-bar"><!--IE--></div>
                </div>
              {/foreach}
            </div>
            <input type="hidden" name="fileHashes[nonHeader]" value="{','|implode:$fileHashes.all}">
            {/if}
            <div style="clear:both;"></div>
            <script type="text/javascript">
              Post.initForm('popUpCommentForm');
            </script>

            {if $hubbub->hubbub_arrOptions.userTagsEnabledOnComments eq 1}
            <div class="post_button_wrapper mdl-comment-form__comment__notify-users">
              <div class="commentForm_userTagArea b-single-idea__new-comment-area-bottom userSearchAndTagArea" id="editCommentForm_userTagArea" onclick="$(this).down('.newUserTag').focus();" {if $hubbub->hubbub_arrOptions.userTagsEnabledOnComments eq 0}style="visibility:hidden;"{/if}>
                <label class="lightGrey noTagsMessage hidden" for="editUserTag" {if count($userTags) ne 0}style="display:none;"{/if}>
                  {"Notify individual users about this comment by typing their names here"|gettext}
                </label>
                <span>@</span>
                <input autocomplete="off" type="text" name="newUserTag" class="newUserTag user_tag_input" id="editUserTag" value="" {if count($userTags) eq 0}style="width:1px;"{/if} placeholder="{"Notify individual users"|gettext}">
                <div class="commentForm_userTagArea_tags">
                {if count($userTags) eq 0}
                {else}
                  {foreach from=$userTags item=userTag}
                    {if $userTag ne ''}
                      {assign var='selectedFile' value=$userTag->joined.obj_user_profilepic}
                      <div class="b-single-idea__user-tag-result mdl-button -s -inline-block userTag existingUserTagRecipient_{$userTag->data.user_id}">
                        {if intval($selectedFile->data.file_id) ne 0}
                          <img class="mdl-avatar -s" src="{$selectedFile->getCloudinaryURL(44, 44)}">
                        {else}
                          <img class="mdl-avatar -s" src="{$vars.resourcesUrl}profile_counter43.png">
                        {/if}                        
                        {$userTag->getDisplayName()}
                        <span class="remove"><a href="#" onclick="User.removeUserCommentTag({$userTag->data.user_id}, $(this)); return false;">X</a></span>
                      </div>
                    {/if}
                  {/foreach}
                {/if}
                </div>
                <input type="hidden" name="commentForm_selfUserId" id="commentForm_selfUserId" value="{$user->data.user_id}" />
                <input type="hidden" class="commentForm_userTags" name="comment_userTags" value="{if isset($smarty.request.comment_userTags)}{$smarty.request.comment_userTags|escapeonce}{else}{','|implode:User::idList($userTags)}{/if}" />
                <input type="hidden" class="maxUserTags" name="maxUserTags" value="{$vars.maxUserTags}" />
                <div class="clear"><!--IE--></div>
              </div>
            </div>
            <div class="searchResults editCommentForm_userTagAreaResults mdl-comment-form__suggestions" id="GB_dropDownContainer:commentUserTagSearchResults" style="display:none;" data-type="comment-edit">
              <div class="inner" id="GB_dropDownArea_inner:commentUserTagSearchResults_inner"></div>
            </div>
            <script type="text/javascript">
              var search_timeout = undefined;
              var api4options = { 'url' : '{$api4url}', 'hubbubId' : {(int)$hubbubId}, 'authToken' : '{$authToken}', 'cloudinaryuploads' : '{$cloudinaryuploads}', 'resultDivClass' : 'userResult' };

              $('editUserTag').observe('keyup',function(ev){
                if(search_timeout != undefined) {
                  clearTimeout(search_timeout);
                }
                search_timeout = setTimeout(function() {
                  search_timeout = undefined;
                  User.commentSearchForUsers(ev, "editCommentForm_userTagArea", api4options);
                }, 200);
              });
            </script>
            {/if}

          </div>
        </div>

      </div>
    </div>

    <ul class="mdl-form__group">
    {if $reports|@count gt 0 && $userCanModerateThis}
      <li class="mdl-form__item">
        <label class="mdl-form__label -inline">
          <input type="checkbox" name="removeReports" value="1" checked="checked" id="checkbox_removeReports" class="mdl-form__input -checkbox">
          {"Clear reports from comment"|gettext}
        </label>
      </li>
      <li class="mdl-form__item">
        <label class="mdl-form__label -inline">
          <input type="checkbox" name="removeComment" value="1" id="checkbox_removeComment" class="mdl-form__input -checkbox">
          {"Remove this comment"|gettext}
        </label>
      </li>
    {/if}
  </ul>

  <div class="mdl-form__button-row">
    <button id="bEditCommentSubmitButton" class="mdl-button -primary" type="submit">{"Save"|gettext}</button>
    <div class="toolBarBusy mdl-form__button-row-busy" style="display:none;">
      <div class="loading-indicator"><span></span><span></span><span></span></div>
    </div>
    <input type="hidden" name="bSubmit">
  </div>


</form>
<script type="text/javascript">

{literal}
//Event.observe($('fileButton'), 'click', function() {
//	var qString="";
//	if ($('post_id')!=null){
//		qString="?post_id="+$F('post_id');
//	}
//	fileWindow = window.open ("/file/index"+qString,"FileWindow","location=0,status=1,scrollbars=0,width=540,height=450");
//});
{/literal}
</script>



{if $post->data.post_id}
{literal}
<script type="text/javascript" charset="utf-8">

//new Form.Observer('commentForm', 0.3, function(form, value){
//	$('bSubmit').enable();
//});

//Write the stuff in this form back to the page, if we can
Event.stopObserving($('bEditCommentSubmitButton'), 'click');
Event.observe($('bEditCommentSubmitButton'), 'click', function(event) {
	// jQuery('#bEditCommentSubmitButton').hide();
    jQuery('.toolBarBusy').show();
    tinyMCE.triggerSave();
	//$('bDelete').disable();
	$('popUpCommentForm').request({
		method: 'post',
		onComplete: function(transport){
			jsonObj=transport.responseJSON;
			if (jsonObj.success==1){
				//if ($('post_id')!=null){
					//if ($('postResponse:'+$F('post_id'))!=null){
						//If there's a postViewBox, just replace that
						{/literal}
						{if $reports|@count gt 0 && $userCanModerateThis}
							{if $post->data.post_topparent eq 0}
								new Ajax.Updater('idea_inner', '/{if $post->data.post_type==1}blog/{/if}post/{$post->data.post_id}?postType=viewPostWithComments',{
                                    evalScripts: true,
                                    onCreate: function () {
                                        tinymce.execCommand('mceRemoveControl', false, 'commentform_post_text');
                                    },
                                    onComplete: function () {
                                        tinyMceInit();
                                    }     
                                });
							{else}
								new Ajax.Updater('idea_inner', '/{if $post->data.post_type==1}blog/{/if}post/{$post->data.post_topparent}?postType=viewPostWithComments',{
                                    evalScripts: true,
                                    onCreate: function () {
                                        tinymce.execCommand('mceRemoveControl', false, 'commentform_post_text');
                                    },
                                    onComplete: function () {
                                        tinyMceInit();
                                    }  
                                });						
							{/if}
						{elseif $post->data.post_type==1}
						
							jQuery.ajax('/{if $post->data.post_type==1}blog/{/if}post/{$post->data.post_id}?postType=viewPostComment', {
								success: function(data) {
                                    console.log(jQuery('#postResponse\\:{$post->data.post_id}'));
									jQuery('#postResponse\\:{$post->data.post_id}').html(data);
								}
							});
						{/if}

					//}
				//}
                {if $post->data.post_type==0}
                    var removeCheckbox = document.getElementById('checkbox_removeComment');
                    if (removeCheckbox === null || !removeCheckbox.checked) {
                        Comment.commentsReload({$post->data.post_id});
                    } else {
                        var element = document.getElementById('comment-{$post->data.post_id}');
                        element.parentNode.removeChild(element);
                    }
                {/if}
				closePopUp();
			} else {
				alert(jsonObj.message);
                // jQuery('#bEditCommentSubmitButton').show();
                jQuery('.toolBarBusy').hide();
				//$('bDelete').enable();
			}
		}
	});
	Event.stop(event);
});

//Tickboxes
if ($('checkbox_removeComment')!=undefined){
	Event.stopObserving($('checkbox_removeComment'), 'click');
	Event.observe($('checkbox_removeComment'), 'click', function(event) {
		if ($('checkbox_removeComment').checked==true){
			$('checkbox_removeReports').disable();
		} else {
			$('checkbox_removeReports').enable();		
		}
	});
}

processMdlInputs();

</script>

{/if}