<h1>Archive Search</h1>
<p>
 <b>Keywords:</b>
 <br/>
 <small>
   @input@
 </small>
</p>
<p>
 <b>Date Published:</b>
 <br/>
 <small>
   From @input-date-from@ to @input-date-to@
 </small>
</p>
<p>
 <b>Optional Category Search:</b>
 <br/>
 <small>
  @input-category@
 </small>
</p>
<p>
 <b>Sort results by </b> @input-sort-by@
</p>
<p>
 <button type="submit">Search Archive</button>
</p>
<script>
  $(function(){
	$(".date-input").datepicker({dateFormat: 'm/d/yy'});
  });
</script>

<h1>Archive Search Results</h1>
<if>
  <test>@error-message@!=</test>
  <p class="error-box">@error-message@</p>
</if>
<p>Your search returned the following @search-count@ result(s):</p>

<h2>
  <a href="@post-link@">@title@</a>
</h2>
<p class="date">
  @date-published@
  <if>
	<test>@category@!=</test>
	| @category@
  </if>
</p>
<p>@excerpt@</p>
<p>
  <a href="@post-link@" >View Article...</a>
</p>
<div style="clear: both;"></div>

<h2>
  <a href="@post-link@">@title@</a>
</h2>
<p class="date">
  @date-published@
  <if>
	<test>@category@!=</test>
	| @category@
  </if>
</p>
<p>@excerpt@</p>
<p>
  <a href="@post-link@" >View Article...</a>
</p>
<div style="clear: both;"></div>

<if>
  <test>@photo@!=</test>
  <div style="float: left; margin-right: 5px; margin-bottom: 5px;">
	@photo@
  </div>
</if>
<h2>
  <a href="@auhor-link@">@title@</a>
</h2>
@summary@

<h3>
  <a href="@post-link@">@title@</a>
</h3>
<a style="float: right; margin-left: 10px;" href="@post-link@">@photo@</a>
<p>@summary@</p>
<p>
  <a href="@post-link@">Read more...</a>
</p>
<p style="clear: both;"/>

<h2>
  @title@
</h2>
<if>
  <test>@photo@!=</test>
  <div style="float: left;margin-right: 15px; margin-bottom:15px;">
	<a href="@post-link@">@photo@</a>
  </div>
</if>
@summary@
<div style="clear: both;"></div>

<h3><a href="@category-link@">@title@</a></h3>
@summary@
<p>
  <a href="@category-link@">view articles...</a>
</p>

<h3>
	<a href="@post-link@">@title@</a>
</h3>
<a style="float: right; margin-left: 10px;" href="@post-link@">@photo@</a>
@summary@
<p>
	<a href="@post-link@">Read more...</a>
</p>
<div style="clear: both;"></div>

<h1>@title@</h1>
<p>Subscribe to RSS feed: <a href="@rss-link@"><img src="admin/img/rss3.gif"/></a></p>
@summary@
@slideshow@

<script type="text/javascript">
$(function(){
  $("#input-comment").keyup(function(){
  var iCommentSize = @input-comment-size@;
  var len = $(this).val().length;
  var remaining = iCommentSize - len;
  if ( remaining < 0) {
		$("#input-comment-size").html(remaining+" characters remaining");
		$("#input-comment-size").css("color","red");
		$("#input-comment-submit").attr("disabled",true);
	  } else {
		$("#input-comment-size").html(remaining+" characters remaining");
		$("#input-comment-size").css("color","inherit");
		$("#input-comment-submit").removeAttr("disabled");
	  }
	});
});
</script>
<div class="ruler"></div>
<if>
<test>@can-comment@==1</test>
<script type="text/javascript">
  // hide the "please login" text.
  $(function(){
	if ($("h1.article").length > 0) {
	  $("#register-signup").css("display","none");  // article is present, display the comment text
	}
  });
</script>
<h2>Share your thoughts, post a comment to this story:</h2>
<if2>
  <test2>@is-logged-in@==1</test2>
  <test2>@member-only@==1</test2>
  <p>
	From:<br/>@input-author-name@
  </p>
  <else2></else2>
  <p>
	Your Name:<br/>@input-author-name@
  </p>
  <p>
	Your Email Address:<br/>@input-author-email@
  </p>
  <p>
	Your Website:<br/>@input-author-website@
  </p>
</if2>
<p>
  Comment:<br/>
  @input-comment@ <br/>
  <span id="input-comment-size">@input-comment-size@ characters remaining</span>
</p>
<if2>
  <test2>@captcha-enabled@!=0</test2>
  <p>
	Captcha:<br/>
	@captcha-pic@<br/>@captcha-input@
  </p>
</if2>
<p>
  <input style="padding:0 5px;" id="input-comment-submit" type="submit" value="Post Comment"/>
</p>
</if>
<div class="error-box">@message@</div>

<if>
 <test>@item-no@>1</test>
 <div class="ruler"></div>
</if>
<div>
<div class="date">@date-created@</div>
<div style="">
  <span style="font-weight: bold; font-size: 14px;">
	@author-name@
  </span>
  said:
</div>
<div style="clear: both;"></div>
</div>
<div class="inner">@comment@</div>

<p>
	<a href="@post-link@">@date-year@ (@total@)</a>
</p>

<h1>@title@</h1>

<if>
 <test>@photo@!=</test>
 <div style="float: right; margin-left: 10px; margin-bottom: 10px; max-width: 350px; margin-bottom: 10px;">
   @slideshow@
 </div>
</if>

@body@

<if>
  <operator>or</operator>
  <test>@facebook@!=</test>
  <test>@twitter@!=</test>
  <h3>Social Media</h3>
</if>
<if>
  <test>@facebook@!=</test>
  <p><a href="@facebook@" title="Facebook Page" target="_blank">Facebook</a></p>
</if>
<if>
  <test>@twitter@!=</test>
  <p><a href="@twitter@" title="Twitter Account" target="_blank">Twitter</a></p>
</if>

<p>
	<a href="@post-link@">@title@</a> (@count-comment@)
</p>

<p>
	<a href="@post-link@">@title@</a> (@count-comment@)
</p>

<h1>@title@</h1>

<if>
  <test>@date-hide@!=1</test>
  <p class="date">@date-published@</p>
</if>

<if>
 <test>@author-by-line@!=</test>
 <test>@author-email@!=</test>
  <p class="byline">
   <a href="mailto:@author-email@">
	 @author-by-line@ 
   </a>
  </p>
 <else></else>
</if>
<if>
 <test>@author-by-line@!=</test>
 <test>@author-email@==</test>
  <p class="byline">
    @author-by-line@
  </p>
</if>

<if>
 <test>@photo@!=</test>
 <div style="float: right; margin-left: 10px; margin-bottom: 10px; max-width: 350px; margin-bottom: 10px;">
   @slideshow@
 </div>
</if>

@body@

<p>
	<a href="@post-link@">@title@</a>
</p>

@input@
<input type="submit" value="Search"/>

<h1>Advanced Article Search</h1>
<p>Our advanced search feature allows you to search our website using a combination of phrases or words, 
date ranges and within a selected category of your choice.</p>

<table>
  <tr>
	<td>Search For:</td>
	<td>@input@</td>
  </tr>
  <tr>
	<td>Published Between:</td>
	<td>@input-date-from@ To @input-date-to@</td>
  </tr>
  <tr>
	<td>Category:</td>
	<td>@input-category@</td>
  </tr>
  <tr>
	<td></td>
	<td>
	  <input type="submit" style="padding: 1px 10px;" value="Search"/>
	</td>
  </tr>

</table>
<br/>
<script type="text/javascript">
  $(function(){
	$( "#input-date-from" ).datepicker({ defaultDate: -30 });;
	$( "#input-date-to" ).datepicker();
  });
</script>

<h1>Search Results</h1>
<if>
  <test>
	@search-count@<=0
  </test>
  <p>Your search for '@search-keyword@' returned nothing.</p>
</if>
<if>
  <test>@search-count@==1</test>
  <p>Your search for '@search-keyword@' returned 1 result:</p>
</if>
<if>
  <test>@search-count@>1</test>
  <p>Your search for '@search-keyword@' returned @search-count@ results:</p>
</if>

<div class="ruler"></div>
<if>
  <test>@photo@!=</test>
  <div style="float: right; margin-left: 20px; margin-bottom: 10px;" class="photo">
    <a href="@post-link@">@photo|fitbox=200x200@</a>
  </div>
</if>
<h2>
  <a href="@post-link@">@title@</a>
</h2>
<if>
  <test>@date-hide@!=1</test>
  <p class="date">@date-published@</p>
</if>
<p>@excerpt@</p>
<p class="readmore">
  <a href="@post-link@">read more</a>
</p>
<div style="clear: both;"></div>

<h2>Create a new Post:</h2>
<if>
  <test>@message@!=</test>
  <div class="error-box">
    @message@
  </div>
</if>

<p>
  Name:<br/>
  @input-author-name@
</p>
<p>
  Email:<br/>
  @input-author-email@
</p>
<p>
  Website:<br/>
  @input-author-website@
</p>
<p>
  Category:<br/>
  <select id="select-category">
    <option value="forum">Forum</option>
  </select>
  <div style="display: none;">
    @input-category@
  </div>
  <script type="text/javascript">
    $(function(){
    $("#select-category").change(function(){
      var value = $(this).val();
      $("#input-category").val(value);
    });
    $("#input-category").val('forum'); // initial value
    });
  </script>
</p>
<p>
  Subject:<br/>
  @input-subject@
</p>
<p>
  Post:<br/>
  @input-body@
</p>

<if>
  <test>@captcha-enabled@!=0</test>
  <p>
    Captcha:<br/>
    @captcha-pic@<br/>@captcha-input@
  </p>
</if>

<p>
  <input type="submit" value="Submit"/>
</p>