{assign var=currentMilestone value=$post->getCurrentMilestone()}
{assign var=lastReached value=$post->getLastReachedMilestone()}
{assign var=approvalOnly value=\Crowdicity\Milestonemoderator::$approvalOnly}

<form action="/post/milestonestatussave/{$post->data.post_id}" method="post" id="postStatusForm">
    <input type="hidden" name="action" value="saveChanges" />

    <ul class="mdl-form__group">
      {if !$approvalOnly}
      <li class="mdl-form__item {if $currentMilestone->getConditionType() eq 'start' || $lastReached->getConditionType() eq 'start' || $lastReached->getConditionType() eq 'score'}-disabled{/if}">
        <label class="mdl-form__label -inline">
          <input type="radio" name="post_milestoneAction" class="mdl-form__input -radio" value="revert" {if $currentMilestone->getConditionType() eq 'start' || $lastReached->getConditionType() eq 'start' || $lastReached->getConditionType() eq 'score' || $post->data['post_moderationstatus'] eq 5}disabled{/if}>
          {"Revert the idea"|gettext}
        </label>
        <p class="mdl-form__info">
          {if $currentMilestone->getConditionType() eq 'start' || $lastReached->getConditionType() eq 'start' || $lastReached->getConditionType() eq 'score'}
            {"Revert option does not apply when the previous milestone has a score target that has already been reached by this idea"|gettext}
          {else}
            {"Idea will be moved back to previous milestone - approval and refine milestones only"|gettext}
          {/if}
        </p>
      </li>
      {/if}
      {if !$post->hasReachedFinalMilestone()}
      <li class="mdl-form__item">
        <label class="mdl-form__label -inline {if $currentMilestone->getConditionType() neq 'review' || $post->hasReachedFinalMilestone()}-disabled{/if}">
          <input type="radio" name="post_milestoneAction" class="mdl-form__input -radio" value="approve" {if $currentMilestone->getConditionType() neq 'review' || $post->hasReachedFinalMilestone() || $post->data['post_moderationstatus'] eq 5}disabled{/if}/>
          {if $currentMilestone->getConditionType() neq 'review'}
            {"Idea 'Approved'"|gettext}
          {else}
            {"Approve the idea"|gettext}
          {/if}
        </label>
        <p class="mdl-form__info">
          {if $currentMilestone->getConditionType() neq 'review'}
            {"Approval options only active during an approval stage"|gettext}
          {else}
            {"Idea will be progressed to the next milestone"|gettext}
          {/if}
        </p>
      </li>
      <li class="mdl-form__item">
        <label class="mdl-form__label -inline {if $currentMilestone->getConditionType() neq 'review' || $post->hasReachedFinalMilestone()}-disabled{/if}">
          <input type="radio" name="post_milestoneAction" class="mdl-form__input -radio" value="reject" {if $currentMilestone->getConditionType() neq 'review' || $post->hasReachedFinalMilestone() || $post->data['post_moderationstatus'] eq 5}disabled{/if}/>
          {if $currentMilestone->getConditionType() neq 'review' || $post->hasReachedFinalMilestone()}
            {"Idea 'Not-Approved'"|gettext}
          {else}
            {"Reject the idea"|gettext}
          {/if}
        </label>
        <p class="mdl-form__info">
          {if $currentMilestone->getConditionType() neq 'review' || $post->hasReachedFinalMilestone()}
            {"Approval options only active during an approval stage"|gettext}
          {else}
            {"The ideas progress will end here and the idea will be closed"|gettext}
          {/if}
        </p>
      </li>
      {/if}
      <li class="mdl-form__item">
        <label class="mdl-form__label" for="moderationStatusComment">
          {"If you wish, you can enter a reason for the change in status."|gettext}
        </label>
        <textarea name="moderationStatusComment" class="mdl-form__input -textarea" id="moderationStatusComment"></textarea>
      </li>
    </ul>

    <div class="mdl-form__button-row">
      <input type="hidden" name="current_milestone_id" value="{$current_milestone_id}" />
      <input type="button" name="bCancel" id="bCancel" value="{"Cancel"|gettext}" class="mdl-button -tertiary" onclick="closePopUp();">
      <input type="submit" id="bSubmit" name="bSubmit" value="{"Save"|gettext}" class="mdl-button -primary">
    </div>
</form>

<script type="text/javascript" charset="utf-8">

	//Write the stuff in this form back to the page, if we can
	Event.observe($('postStatusForm'), 'submit', function(event) {
		$('bSubmit').disable();
		$('bCancel').disable();
		$('postStatusForm').request({
			method: 'post',
			onComplete: function(data) {

				var jsonObj = JSON.parse(data.transport.responseText);

				if(jsonObj.success == 1) {

					if($('milestones_timeline_outer')){
						$('milestones_timeline_outer').update(jsonObj.tpl);
					}

					jQuery.ajax('/post/' + {$post->id} + '?postType=newDesign', {
						success: function(data) {
							if (data === 'privateMilestoneReached') {
								jQuery('#GB_overlay').show().css('opacity', '0.2');
								jQuery('#privateMilestoneReached_approval').show();
							} else {
								jQuery('#idea_lowerFold').html(data);
								document.fire('cng:' + {$post->id} + ':done');
								document.fire('crowdworks:updateComplete');
							}
						}
					});

					closePopUp();
				} else {
					alert(jsonObj.error);
					$('bSubmit').enable();
					$('bCancel').enable();
				}
			}
		});
		Event.stop(event);
  });
  processMdlInputs();
</script>