{check_auth context="admin" roles="ADMIN" permissions="admin.coupon.view" login_tpl="/admin/login"}

{$page_title={intl l='Coupon'}}

{$thelia_page_css_file = "assets/bootstrap-editable/css/bootstrap-editable.css"}

{include file='includes/header.inc.html'}

<section id="wrapper" class="container">

    <nav>
        <ul class="breadcrumb">
            {include file="includes/coupon_breadcrumb.html"}
        </ul>
    </nav>
    
    <div class="page-header">
        <h1>Coupons : <small>Read coupon n°1</small></h1>
    </div>

    <section class="row-fluid">
		<div class="span12 general-block-decorator">
			
			<div class="alert alert-info">				
				<span class="icon-question-sign"></span> This coupon is disabled, you can enable to the bottom of this form.
			</div>

			<table class="table table-striped">
				<tbody>
					<tr>
						<td>Code</td>
						<td>XMAS13</td>
					</tr>
					<tr>
						<td>Title</td>
						<td>Coupon for XMAS -30 &euro;</td>
					</tr>
					<tr>
						<td>Expiration date</td>
						<td>25/12/2013</td>
					</tr>
	    			<tr>
	    				<td>Usage left</td>
	    				<td>49 times</td>
	    			</tr>
	    			<tr>
	    				<td>May be combined</td>
	    				<td><span class="label label-success">Yes</span></td>
	    			</tr>
	    			<tr>
	    				<td>Cancel shipping</td>
	    				<td><span class="label label-important">No</span></td>
	    			</tr>
	    			<tr>
	    				<td>Effect</td>
	    				<td>Remove 30 &euro; to the cart price</td>
	    			</tr>
	    			<tr>
	    				<td>Conditions of application</td>
	    				<td>
	    					<ul class="unstyled">
	    						<li>Total cart supperior to 400 &euro;</li>
	    						<li><span class="label label-info">OR</span></li>
	    						<li>At least 4 products</li>
	    					</ul>
	    				</td>
	    			</tr>	
	    			<tr>
	    				<td>Actions</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 -->

<aside id="enable" class="modal hide fade" role="dialog">
    <div class="modal-header">                                    
        <h3>Confirmation</h3>
    </div>
    <div class="modal-body">
        <p>Do you really want to enable this element?</p>
    </div>
    <div class="modal-footer">
        <button class="btn btn-inverse" data-dismiss="modal">Cancel</button>
        <a href="#" class="btn btn-success" data-confirm="confirm">Confirm</a>
    </div>
</aside> <!-- #enable / Enable confirmation -->


{include file='includes/js.inc.html'}

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


<script>
	// === Confirm Box === //
	$('[data-toggle="confirm"]').click(function(e){		

		var $link = $(this);
		var modal = $(this).data('target');		

		$(modal).modal('show');

		$(modal).on('shown', function () {
  			$('[data-confirm]').attr('href', $link.attr('href'));
		});

		if($(modal).is(':hidden')){
			e.preventDefault();
		}

	});	
</script>

{include file='includes/footer.inc.html'}