{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">
            {loop type="coupon" name="read_coupon" id=1 backend_context="true"}
			<div class="alert alert-info">				
				<span class="icon-question-sign"></span>
                {if #IS_ENABLED}{else}This coupon is disabled, you can enable to the bottom of this form.{/if}
			</div>

            <table class="table table-striped">
				<tbody>
					<tr>
						<td>Code</td>
						<td>#CODE</td>
					</tr>
					<tr>
						<td>Title</td>
						<td>#TITLE</td>
					</tr>
					<tr>
						<td>Expiration date</td>
						<td>EXPIRATION_DATE</td>
					</tr>
	    			<tr>
	    				<td>Usage left</td>
	    				<td>
                            {if #USAGE_LEFT}
                            <span class="label label-success">
                                #USAGE_LEFT
                            </span>
                            {else}
                            <span class="label label-important">
                                0
                            </span>
                            {/if}
                        </td>
	    			</tr>
                    <tr>
                        <td colspan="2">#SHORT_DESCRIPTION</td>
                    </tr>
                    <tr>
                        <td colspan="2">#DESCRIPTION</td>
                    </tr>
	    			<tr>
                        <td colspan="2">
                        {if #IS_CUMULATIVE}
                            <span class="label label-success">
                                {intl l="May be cumulative"}
                            </span>
                        {else}
                            <span class="label label-important">
                                {intl l="Can't be cumulative"}
                            </span>
                        {/if}
	    				</td>
	    			</tr>
	    			<tr>
	    				<td colspan="2">
                            {if #IS_REMOVING_POSTAGE}
                                <span class="label label-important">
                                    {intl l="Will remove postage"}
                                </span>
                            {else}
                                <span class="label label-success">
                                    {intl l="Won't remove postage"}
                                </span>
                            {/if}
                        </td>
	    			</tr>
	    			<tr>
	    				<td>Amount</td>
	    				<td>#AMOUNT</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>
            {/loop}
		</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'}