<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
	<head>
		<title>{$CONFIG.site_title}</title>
		<meta http-equiv="content-type" content="text/html; charset=utf-8" />
		<link rel="stylesheet" type="text/css" href="/templates/css/all.css" />
		<!--[if lte IE 6]><link rel="stylesheet" type="text/css" media="screen" href="/templates/css/ie.css" /><![endif]-->
		<link rel="icon" href="/templates/img/favicon.ico" type="image/x-icon" />
		<script src="/js/jquery-1.2.6.pack.js" type="text/javascript"></script>
		<script src="/js/jquery.jeditable.js" type="text/javascript" charset="utf-8"></script>
		<script src="/js/jquery.tablesorter.min.js"></script>
		<script type="text/javascript" charset="utf-8">
		jQuery(document).ready(function() {ldelim}
		     jQuery(".edit").editable("{$_SERVER.REQUEST_URI}", {ldelim}
			 indicator : "Saving...",
			 tooltip   : 'Click to edit...',
			 onblur    : 'submit'
		 {rdelim});
		jQuery(".edit_type").editable("{$_SERVER.REQUEST_URI}", {ldelim} 
		     data   : "{ldelim}{section name=row loop=$type_list}'{$type_list[row].title}':'{$type_list[row].title}',{/section}{rdelim}",
		     type   : "select",
		     onblur    : 'submit',
		     indicator : "Saving..."
		 {rdelim});
		jQuery(".edit_level").editable("{$_SERVER.REQUEST_URI}", {ldelim} 
                     data   : "{ldelim}{section name=row loop=$levels_list}'{$levels_list[row].title}':'{$levels_list[row].title}',{/section}{rdelim}",
                     type   : "select",
                     onblur    : 'submit',
                     indicator : "Saving..."
                 {rdelim});
		jQuery(".edit_enabled").editable("{$_SERVER.REQUEST_URI}", {ldelim} 
                     data   : "{ldelim}'Enabled':'Enabled','Disabled':'Disabled',{rdelim}",
                     type   : "select",
		     onblur    : 'submit',
		     indicator : "Saving..."
                 {rdelim});
		jQuery("#sortable").tablesorter(); 
		{rdelim});
		</script>
	</head>
	<body id="activity">
		<div id="pagebody">
			<div id="content_container">
				{include file="$TEMPLATES/includes/header.tpl"}
				<div id="content">
					{include file="$TEMPLATES/includes/admin_side_menu.tpl"}
					<div class="main">
					<table id="sortable">
					<thead>
					<tr>
						<th>Album&nbsp;Title</th>
						<th>Type</th>
						<th>Access</th>
						<th>Date&nbsp;Created</th>
						<th>Date&nbsp;Last&nbsp;Modified</th>
						<th>Photos</th>
						<th>View</th>
						{if $s !== 'rolls'}<th>Delete</th>{/if}
					</tr>
					</thead>
					<tbody>
					{section name=row loop=$album_list}
					<tr>
						<td><div{if $s !== 'rolls'} class="edit" id="{$album_list[row].album_id}_title"{/if}>{$album_list[row].title}</div></td>
						<td><div{if $s !== 'rolls'} class="edit_type" id="{$album_list[row].album_id}_type"{/if}>{$album_list[row].type_title}</div></td>
						<td><div class="edit_level" id="{$album_list[row].album_id}_level">{$album_list[row].level_title}</div></td>
						<td><div class="edit" id="{$album_list[row].album_id}_timestamp_created">{$album_list[row].timestamp_created|date_format}</div></td>
						<td><div class="edit" id="{$album_list[row].album_id}_timestamp_modified">{$album_list[row].timestamp_modified|date_format}</div></td>
						<td><div><a href="{$album_list[row].url}" target="_blank">Open</a></div></td>
						<td>{$album_list[row].num_photos}</td>
						{if $s !== 'rolls'}
						<td>
						<form method="post" action="{$_SERVER.REQUEST_URI}">
						<input type="hidden" name="id" value="{$album_list[row].album_id}_delete" />
						<input type="submit" value="X" class="input_button" />
						</form>
						</td>
						{/if}
					</tr>
					{/section}
					</tbody>
					</table>

					<table>
					<thead>
					{if $s !== 'rolls'}
					<tr>
                                                <form method="post" action="{$_SERVER.REQUEST_URI}">
                                                <th><input name="title" class="input_text" /></th>
						<th>
                                                <select name="type">
                                                {section name=row loop=$type_list}
                                                <option>{$type_list[row].title}</option>
                                                {/section}
                                                </select>
                                                </th>

                                                <th>
                                                <select name="level">
                                                {section name=row loop=$levels_list}
                                                <option>{$levels_list[row].title}</option>
                                                {/section}
                                                </select>
                                                </th>
                                                <th colspan="5"><input type="submit" value="Add New Album" class="input_text" /></th>
                                                </form>
                                        </tr>
					{/if}
					</thead>
					</table>
					</div>
				</div>
			{include file="$TEMPLATES/includes/footer.tpl"}
			</div>
		</div>
	</body>
</html>
