{if $mode == 'single'}
<h2>Re-create Photo</h2>
<form action="recreate_thumbs.php?mode={$mode}&amp;photo={$data.photo_id}" method="post" enctype="multipart/form-data">
        <p><a href="edit_photo.php?photo={$p.photo_id}">&laquo; Back to Edit Details</a></p>
        {include file="$style_dir/resizing_settings.html"}
        <a href="recreate_thumbs.php?mode={$mode}&amp;photo={$p.photo_id}&amp;recreate=true" class="btn btn-large btn-primary moveR">Re-create Photo</a>
</form>
{/if}

{if $mode == 'mass' || $mode == ''}
    <h2>Mass Re-creation of Photos</h2>
    <p>This will re-create all the photos uploaded on your website, according to the settings shown below</p>
    <p class="alert-danger alert">Take caution while using Mass Recreation. Use MAX of 5 photos per GO.</p>
   {include file="$style_dir/resizing_settings.html"} 
    <form name="mass_recreation" method="get" class="form-horizontal" action="">
            <div class="control-group">
                <label class="control-label">Loop Size</label>
                <div class="controls">
                    <input type="text" name="loop_size" class="input-xlarge" value="{$loop_size}" id="the_loop_size" />
                    <p class="help-block">Number of photos to re-create in one go.</p>
                </div>
            </div>
            <div class="form-actions">
                <input type="submit" name="mass_recreation" id="mass_recreation" value="Start Recreation" class="btn btn-large btn-primary" />
            </div>
      </form>
      
        {if $indexing}
            <div align="right" style="padding:5px">{$from} - {$to} of {$total}</div>
            <ul>
            {foreach from=$index_msgs item=themsg}
            	<li>{$themsg}</li>
            {/foreach}
            </ul>
            {if  $stop_loop!='yes'}
				<script type="text/javascript">
                var start_index = '{$next_index}';
                var loop_size = '{$smarty.get.loop_size}';
                var mode = '{$mode}';
				var button = '{$button}';
                {literal}$(document).oneTime(2000,function(){$(window.location).attr('href', '?loop_size='+loop_size+'&'+button+'=yes&start_index='+start_index)});{/literal}
                </script>
                redirecting....do not close this window
            {else}
            	Re-creation of photos have been completed.
            {/if}
        {/if}
{/if}

{if $mode == "collection"}
	<h2>Recreate Photos</h2>
    {if $items}
    	{assign var=cid value=$items[0].collection_id}
    	{assign var=c_name value=$items[0].collection_id|get_collection_field}
      <p><strong>{$c_name}</strong> - <a href="{$cbcollection->collection_links($items[0].collection_id,'vc')}">View Collection</a> - <a href="{$baseurl}/admin_area/edit_collection.php?collection={$cid}">Edit Collection</a> - <a href="{$baseurl}/admin_area/manage_items.php?collection={$cid}&amp;type={$items[0].collection_id|get_collection_field:type}">Manage Items</a></p>
        {include file="$style_dir/resizing_settings.html"}
        <h2 class="sub_heading">Collection Photos</h2>
        <p>Select photos you want re-created or <a href="javascript:void(0);" class="btn btn-small" id='select-all-thumbs'>Click here to select all</a></p>
        <div class="height20"></div>
        <form action="" method="post" name="collection_photos_recreate">
            <ul class="thumbnails" id="collection-thumbs">
                {foreach from=$items item=photo}
                    <li class="inlineblock relative" style="float: none; vertical-align: top;">
                        <input type="checkbox" class="absolute" value="{$photo.photo_id}" id="re-photo_{$photo.photo_id}" style=" top:-6px; right:-4px; " name="check_photo[]" />
                        <label for="re-photo_{$photo.photo_id}" class="thumbnail">{get_photo output=html details=$photo }</label>
                    </li>
                {/foreach}
            </ul>
            
            <div class="form-actions">
                <input type="submit" name="recreating" value="Re-create Photos"  class="btn btn-large btn-primary"/>
            </div>
        </form>
         
    {else}
        <div class="alert">{lang code='No photos found in collection'}</div>
    {/if}
{/if}