<script type="text/javascript">
$(document).ready(function() {
	$("#tab-container").tabs();
	$("#frm_general").validate();
	$("#frm_news").validate();
	$("#frm_showcase").validate();
});
</script>
<h1 style="background: url(skin/images/settings.png) no-repeat left; padding-left: 40px">Website Settings</h1>
<form id="frm_general" action="?controller=pages&view=save_settings" method="post">
<div id="tab-container">
    <ul>
        <li><a href="#general-settings">General Settings</a></li>
        <li><a href="#news-manager">News Manager</a></li>
        <li><a href="#showcase-manager">Showcase Manager</a></li>
    </ul>
    <div id="general-settings">
    <p>Change general website settings here.</p>
    
    <p><label for="site_title">Website Title...</label><input class="biginput required" type="text" name="site_title" id="site_title" value="<%=Pages.GetSettings("site_title")%>" /></p>
    <p><label for="meta_description">Meta Description...</label><textarea name="meta_description" id="meta_description" style="width: 400px; height: 100px"><%=Pages.GetSettings("meta_description")%></textarea></p>
    <p><label for="meta_keywords">Meta Keywords...</label><textarea name="meta_keywords" id="meta_keywords" style="width: 400px; height: 100px"><%=Pages.GetSettings("meta_keywords")%></textarea></p>
    <p><label for="company_name">Company Name...</label><input class="biginput required" type="text" name="company_name" id="company_name" value="<%=Pages.GetSettings("company_name")%>" /></p>
    <p><label for="enquiry_contact">Enquiry Form Contact...</label><input class="biginput required" type="text" name="enquiry_contact" id="enquiry_contact" value="<%=Pages.GetSettings("enquiry_contact")%>" /></p>
    <p><label for="enquiry_email">Enquiry Form E-mail...</label><input class="biginput required email" type="text" name="enquiry_email" id="enquiry_email" value="<%=Pages.GetSettings("enquiry_email")%>" /></p>
    
    </div>
    <div id="news-manager">
    	<p>Change news manager settings here.</p>
        <p><label for="news_items_per_page">Items per page...</label><input class="biginput required number" type="text" name="news_items_per_page" id="news_items_per_page" value="<%=Pages.GetSettings("news_items_per_page")%>" /></p>
    </div>
    <div id="showcase-manager">
    	<p>Change showcase manager settings here.</p>
        <p><label for="showcase_items_per_page">Items per page...</label><input class="biginput required number" type="text" name="showcase_items_per_page" id="showcase_items_per_page" value="<%=Pages.GetSettings("showcase_items_per_page")%>" /></p>
    </div>
</div>
<div class="clearmargin"></div>
<div class="div-box"><p><input type="submit" class="btn" value="Save Settings" style="width: auto" /> or <a href="#">Cancel</a></p></div>
</form>