{if !$vars.ajax}
	<h2 style="margin:18px 0px 0px 18px;">{"Create blog post"|gettext}</h2>
{/if}
{if $action eq 'update'}
<form action="/blogpost/update/{$post->data.post_id|intval}" method="post" id="blogForm" >
{else}
<form action="/blogpost/add" method="post" id="blogForm" >    
{/if}
  <div class="mdl-grid -x2">
    <div class="mdl-grid__col -x4">
    	<div class="innerPanel" {if $vars.ajax eq true}style="margin-top:0px;"{/if}>
            <div>
                <label for="post_category">Post to</label><br/>
                <select name="post_category" id="post_category" class="formElement formWidth">
                    <option value="0" {if $post->data.post_category eq 0}selected="selected" {/if}class="postDropDown_topicHeader">{"Uncategorised"|gettext}</option>
                    {foreach from=Blogcategory::$list item=cCategory}
                        <option value="{$cCategory->data.category_id}" {if $post->data.post_category eq $cCategory->data.category_id}selected="selected"{/if}>&nbsp;&nbsp;&nbsp;&nbsp;{$cCategory->data.category_name|truncate:30}</option>
                    {/foreach}
                </select>
            </div>
 
            <div class="selectorTabs crowdworksTabs form_button_marginTop" id="blogPostOptionTabs">
                <ul>
                    <li {if $smarty.request.optBy eq 'assoc' || !isset($smarty.request.optBy)}class="selected"{/if}><a href="#" id="tab_assoc">{"Associate"|gettext}</a></li>
                    <li {if $smarty.request.optBy eq 'media'}class="selected"{/if}><a href="#" id="tab_media">{"Attachments"|gettext}</a></li>
                </ul>
            </div>
            <div class="selectorTabsView">            
                <div id="viewtab_assoc">
                    {"Associated ideas and challenges"|gettext}<br/>
                    <input type="text" name="postSearch" id="postSearch" value="" class="formElement formWidth" onkeyup="updatePostSearch();" />
                    <div id="postSearchResults_tabContainer" class="overlayBox GB_dropDownPersist" style="display:none;">
                        <div class="selectorTabs crowdworksTabs" id="searchFilterSelectorTabs">
                            <ul>
                                <li {if $smarty.request.searchBy eq 'ideas' || !isset($smarty.request.sortBy)}class="selected"{/if}><a href="#" id="tab_ideas">{"Ideas"|gettext}</a></li>
                                <li {if $smarty.request.searchBy eq 'topics'}class="selected"{/if}><a href="#" id="tab_topics">{"Challenges"|gettext}</a></li>
                            </ul>
                        </div>
                        
                        <div class="selectorTabsView">
                            <div id="viewtab_ideas">
                                <div id="postSearchResults_container"></div>
                            </div>
                            <div id="viewtab_topics">
                                <div id="topicsSearchResults_container"></div>
                            </div>
                        </div>
                    </div>

                    <input type="hidden" name="associatedPosts" id="associatedPosts" value="{$associatedPostsIds}" />
                    <input type="hidden" name="associatedCategories" id="associatedCategories" value="{$associatedCategoriesIds}" />
                    <div class="newPost_associatedItems">
                        <div id="associatedPostsList">
                            {foreach from=$associatedPosts item=cAP}
                                <div id="associated_postLinkIdCont:{$cAP->data.post_id}"><a href="/post/{$cAP->data.post_id}" id="associated_postLinkId:{$cAP->data.post_id}" target="_blank">{$cAP->data.post_title}</a> <a href="#" class="closer" onclick="searchToggleId({$cAP->data.post_id},'associatedPosts','postSearchPreviewOption:{$cAP->data.post_id}'); return false;">X</a></div>
                            {/foreach}
                        </div>
                        <div id="associatedTopicsList">
                            {foreach from=$associatedCategories item=cAC}
                                <div id="associated_catLinkIdCont:{$cAC->data.category_id}"><a href="/category/{$cAC->data.category_id}" id="associated_catLinkId:{$cAC->data.category_id}" target="_blank">{$cAC->data.category_name}</a> <a href="#" class="closer" onclick="searchToggleId({$cAC->data.category_id},'associatedCategories','categorySearchPreviewOption:{$cAC->data.category_id}'); return false;">X</a></div>                             
                            {/foreach}
                        </div>
                    </div>
                </div>

                <div id="viewtab_media">
                    <div class="form_button_container">
                    <input type="button" id="fileButton" value="{if ($user->data.user_id eq $post->data.post_user && isset($smarty.request.post_id)) || !isset($smarty.request.post_id)}{"Attach files"|gettext}{else}{"Edit attachments"|gettext}{/if}" class="form_button" {if !$vars.ajax}data-tip="{"Click here to add a file or photo"|gettext}"{/if} />
                    </div>
                    <h4 style="margin-top:12px;">{"Chosen files"|gettext}</h4>
                    <div class="blogPost_fileBox" id="fileArea">
                        {include file=Template::get('blogpost/form_fileList.html') noZoom=true}
                    </div>
                </div>
                
            </div>
            <div class="clear"><!--IE--></div>
        </div>
    </div>
    <div class="mdl-grid__col -x8">
        {if (isset($errors.post_id))}<div class="formError">{$errors.post_id}</div>{/if}
        <div class="divider">
            {if (isset($errors.post_category))}<div class="formError">{$errors.post_category}</div>{/if}
            <div id="categoryInfo" style="display:none;">
                <div id="categoryInfoInner">
                </div>
            </div>
        </div>
        <div class="form_box_filled">
            <label for="post_title" class="left" style="line-height:24px;">{"Title"|gettext}</label>
            <div class="right">
                <input type="text" style="width:580px;" name="post_title" id="post_title" class="formElement" value="{$post->data.post_title|escapeonce}" />{if (isset($errors.post_title))}<div class="formError">{$errors.post_title}</div>{/if}
            </div>
            <div class="clear"><!--IE--></div>
        </div>
        <div class="form_button_marginTop" style="width:662px;">
            <label for="post_text" class="form_button_marginBottom">{"Post"|gettext}</label>
            <textarea name="post_text" id="post_text" class="formElement" cols="35" rows="10">{$post->data.post_text}</textarea>{if (isset($errors.post_text))}<div class="formError">{$errors.post_text}</div>{/if}
        </div>

        <div class="clear"><!--IE--></div>

        {if $post->data.post_id ne 0}
          <div class="mdl-form__button-row">
            {if $post->data.post_moderationstatus eq 4}
                <select name="saveMode" class="mdl-form__input -select right" onchange="if ($F(this)=='draft'){ $('finishButton').update('{"Save to drafts"|gettext}'); } else { $('finishButton').update('{"Publish"|gettext}'); }">
                    <option value="live">{"Publish now"|gettext}</option>
                    <option value="draft" selected="selected">{"Save to drafts"|gettext}</option>
                </select>
            {/if}

            <a href="/blog" onclick="if (confirm('{"Are you sure? Any changes you have made will be lost"|gettext}')){ closePopUp(); } return false;" class="mdl-button -tertiary">{"Cancel"|gettext}</a>
            <a href="#" class="mdl-button -primary" id="finishButton">{if $post->data.post_moderationstatus eq 4}{"Save to drafts"|gettext}{else}{"Publish"|gettext}{/if}</a>
            <input type="hidden" name="post_id" id="post_id" value="{$post->data.post_id}" />
          </div>
        {else}
          <div class="mdl-form__button-row">
            <select name="saveMode" class="mdl-form__input -select right" onchange="if ($F(this)=='draft'){ $('finishButton').update('{"Save to drafts"|gettext}'); } else { $('finishButton').update('{"Publish"|gettext}'); }">
                <option value="live">{"Publish now"|gettext}</option>
                <option value="draft">{"Save to drafts"|gettext}</option>
            </select>
            <a href="/blog" class="mdl-button -tertiary" onclick="return confirm('{"Are you sure? Any changes you have made will be lost"|gettext}');">{"Cancel"|gettext}</a>
            <a href="#" class="mdl-button -primary" id="finishButton" onclick="$('blogForm').submit();return false;">{"Publish"|gettext}</a>
          </div>
        {/if}
        <input type="hidden" name="filelinks" id="filelinks" value="{$selectedFileIdsString}" />
       
    </div>
  </div>
    <input type="hidden" name="post_type" id="post_type" value="{if isset($post->data.post_type)}{$post->data.post_type}{elseif isset($smarty.request.post_type)}{$smarty.request.post_type|escapeonce}{else}0{/if}" />
</form>


<script type="text/javascript">
	tinyMCE.init({
		mode: "exact",
		elements : "post_text",
		theme : "crowdworks",
		language : "en",
		file_browser_callback : "cwMCEFileBrowser",
		theme_crowdworks_buttons1 : "bold,italic,formatselect,removeformat,|,bullist,numlist,|,undo,redo,|,link,unlink,cleanup,|,image",
		plugins : "advlink,advimage,inlinepopups,preview,searchreplace,print,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template,wordcount,advlist",
		width: "662",
		height: "250",
		relative_urls : false,
		remove_script_host : false,
		convert_urls : false,
		document_base_url : "/"
	});

Event.observe($('fileButton'), 'click', function() {
	var qString="";
	if ($('post_id')!=null){
		qString="?itemId="+$F('post_id')+"&itemType=post&allowYouTube=1";
	} else {
        qString="?itemType=post&allowYouTube=1";
    }
	fileWindow = window.open ("/file/index"+qString,"FileWindow","location=0,status=1,scrollbars=0,width=590,height=540");
});

{if $vars.ajax eq true}

Event.observe($('finishButton'), 'click', function(event) {
	$('bottomButtons').hide();
	var editor=tinyMCE.get('post_text');
    if (editor!=undefined){
        $('blogForm').select('#post_text')[0].setValue(editor.getContent());
    }

	$('blogForm').request({
		method: 'post',
		onComplete: function(transport){
			jsonObj=transport.responseJSON;
			if (jsonObj.success==1){
				if ($('post_id')!=null){
					var post_id=$('post_id').getValue();
					if ($('postViewBox')!=null){
						//If there's a postViewBox, just replace that
						new Ajax.Updater('postViewBox', '/blogpost/'+post_id+'?postType=viewPost');
					}
				}
				closePopUp();
			} else {
				message=jsonObj.message;
				var errorList="";
				if (jsonObj.errors!=undefined){
					errors=jsonObj.errors;
					for (var key in errors) {
						if (errors.hasOwnProperty(key)) {
							//alert(key + " -> " + p[key]);
							errorList=errorList+errors[key]+". ";
						}
					}
					message=message+": "+errorList;
				}
				alert(message);
				$('bottomButtons').show();
			}
		}
	});
	Event.stop(event);
});
{/if}
</script>