WIP

- Implémentation coupon/list en cours
- Implémentation coupon/read OK
- Implémentation coupon/edit en cours

templates/admin/default/coupon/read.html

@@ -6,15 +6,91 @@
 
 {include file='includes/header.inc.html'}
 
-<div class="coupons">
-    <div id="wrapper" class="container">
+<section id="wrapper" class="container">
 
+    <nav>
         <ul class="breadcrumb">
             {include file="includes/coupon_breadcrumb.html"}
         </ul>
-        <h1>Read</h1>
+    </nav>
+    
+    <div class="page-header">
+        <h1>Coupons : <small>Read coupon n°1</small></h1>
     </div>
-</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'}
@@ -23,7 +99,25 @@
 <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'}