{extends file="admin-layout.tpl"}
{block name="check-permissions"}admin.coupon.view{/block}
{block name="page-title"}{intl l='Coupons'}{/block}

{block name="main-content"}
<section id="wrapper" class="container">

    <nav>
        <ul class="breadcrumb">
            {include file="includes/coupon_breadcrumb.html"}
        </ul>
    </nav>
    
    <div class="page-header">
        <h1>Coupons : <small>List of coupons</small></h1>
    </div>

    <section class="row-fluid">
		<div class="span12 general-block-decorator">
	    	<table class="table table-striped tablesorter">
	    		<caption>
	    			List of enabled coupons
	    		</caption>
	    		<thead>
	    			<tr>
	    				<th>Code</th>
	    				<th>Title</th>
	    				<th>Expiration date</th>
	    				<th>Usage left</th>
	    				<th class="sorter-false filter-false">Actions</th>
	    			</tr>	    			
	    		</thead>
	    		<tbody>
	    			<tr>
	    				<td><a href="#">XMAS13</a></td>
	    				<td>Coupon for XMAS -30 &euro;</td>
	    				<td>18/10/2013</td>
	    				<td>49</td>
	    				<td>
	    					<a href="#url" class="btn btn-primary btn-medium"><span class="icon-edit icon-white"></span> Edit</a>
	    					<a href="#url" class="btn btn-danger btn-medium" data-toggle="confirm" data-target="#disable"><span class="icon-off icon-white"></span> Disable</a>
	    				</td>
	    			</tr>
	    			<tr>
	    				<td><a href="#">XMAS13</a></td>
	    				<td>Coupon for XMAS -30 &euro;</td>
	    				<td>05/09/2013</td>
	    				<td>20</td>
	    				<td>
	    					<a href="#url" class="btn btn-primary btn-medium"><span class="icon-edit icon-white"></span> Edit</a>
	    					<a href="#url" class="btn btn-danger btn-medium" data-toggle="confirm" data-target="#disable"><span class="icon-off icon-white"></span> Disable</a>
	    				</td>
	    			</tr>
	    			<tr>
	    				<td><a href="#">XMAS13</a></td>
	    				<td>Coupon for XMAS -30 &euro;</td>
	    				<td>03/12/2013</td>
	    				<td>9</td>
	    				<td>
	    					<a href="#url" class="btn btn-primary btn-medium"><span class="icon-edit icon-white"></span> Edit</a>
	    					<a href="#url" class="btn btn-danger btn-medium" data-toggle="confirm" data-target="#disable"><span class="icon-off icon-white"></span> Disable</a>
	    				</td>
	    			</tr>
	    			<tr>
	    				<td><a href="#">XMAS13</a></td>
	    				<td>Coupon for XMAS -30 &euro;</td>
	    				<td>25/01/2013</td>
	    				<td>4</td>
	    				<td>
	    					<a href="#url" class="btn btn-primary btn-medium"><span class="icon-edit icon-white"></span> Edit</a>
	    					<a href="#url" class="btn btn-danger btn-medium" data-toggle="confirm" data-target="#disable"><span class="icon-off icon-white"></span> Disable</a>
	    				</td>
	    			</tr>
	    		</tbody>
	    	</table>
		</div>
    </section>

    <section class="row-fluid">
		<div class="span12 general-block-decorator">
	    	<table class="table table-striped tablesorter">
	    		<caption>
	    			List of disabled coupons
	    		</caption>
	    		<thead>
	    			<tr>
	    				<th>Code</th>
	    				<th>Title</th>
	    				<th>Expiration date</th>
	    				<th>Usage left</th>
	    				<th class="sorter-false filter-false">Actions</th>
	    			</tr>
	    		</thead>
	    		<tbody>
	    			<tr>
	    				<td>XMAS13</td>
	    				<td>Coupon for XMAS -30 &euro;</td>
	    				<td>18/10/2013</td>
	    				<td>49</td>
	    				<td>
	    					<a href="#url" class="btn btn-primary btn-medium"><span class="icon-edit icon-white"></span> Edit</a>
	    					<a href="#url" class="btn btn-success btn-medium" data-toggle="confirm" data-target="#enable"><span class="icon-ok icon-white"></span> Enabled</a>
	    				</td>
	    			</tr>
	    			<tr>
	    				<td>XMAS13</td>
	    				<td>Coupon for XMAS -20 &euro;</td>
	    				<td>05/09/2013</td>
	    				<td>49</td>
	    				<td>
	    					<a href="#url" class="btn btn-primary btn-medium"><span class="icon-edit icon-white"></span> Edit</a>
	    					<a href="#url" class="btn btn-success btn-medium" data-toggle="confirm" data-target="#enable"><span class="icon-ok icon-white"></span> Enabled</a>
	    				</td>
	    			</tr>
	    			<tr>
	    				<td>XMAS13</td>
	    				<td>Coupon for XMAS -50 &euro;</td>
	    				<td>03/12/2013</td>
	    				<td>49</td>
	    				<td>
	    					<a href="#url" class="btn btn-primary btn-medium"><span class="icon-edit icon-white"></span> Edit</a>
	    					<a href="#url" class="btn btn-success btn-medium" data-toggle="confirm" data-target="#enable"><span class="icon-ok icon-white"></span> Enabled</a>
	    				</td>
	    			</tr>
	    			<tr>
	    				<td>XMAS13</td>
	    				<td>Coupon for XMAS -5 &euro;</td>
	    				<td>25/01/2013</td>
	    				<td>49</td>
	    				<td>
	    					<a href="#url" class="btn btn-primary btn-medium"><span class="icon-edit icon-white"></span> Edit</a>
	    					<a href="#url" class="btn btn-success btn-medium" data-toggle="confirm" data-target="#enable"><span class="icon-ok icon-white"></span> Enabled</a>
	    				</td>
	    			</tr>
	    		</tbody>
	    	</table>
		</div>
    </section>

</section> <!-- #wrapper -->
{/block}

{include file='includes/confirmation-modal.html' id="disable" message="{intl l='Do you really want to disable this element ?'}"}
{include file='includes/confirmation-modal.html' id="enable" message="{intl l='Do you really want to enable this element ?'}"}

{block name="javascript-initialization"}
    {include file='includes/js.inc.html'}

    {stylesheets file='../assets/css/jqueryui/custom-theme/*' filters='less,cssembed'}
        <link rel="stylesheet" href="{$asset_url}">
    {/stylesheets}

    <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.0/jquery-ui.min.js"></script>

    {javascripts file='../assets/bootstrap-editable/js/bootstrap-editable.js'}
        <script src="{$asset_url}"></script>
    {/javascripts}

    {javascripts file='../assets/js/tablesorter/jquery.tablesorter.min.js'}
        <script src="{$asset_url}"></script>
    {/javascripts}

    {javascripts file='../assets/js/tablesorter/jquery.metadata.js'}
        <script src="{$asset_url}"></script>
    {/javascripts}

    {javascripts file='../assets/js/tablesorter/jquery.tablesorter.widgets.js'}
        <script src="{$asset_url}"></script>
    {/javascripts}

    {javascripts file='../assets/js/tablesorter/jquery.tablesorter.widgets-filter-formatter.js'}
        <script src="{$asset_url}"></script>
    {/javascripts}

    {javascripts file='../assets/js/main.js'}
        <script src="{$asset_url}"></script>
    {/javascripts}
{/block}