{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>Add a coupon</small></h1>
    </div>
	
	<form action="#" method="post">

	    <section class="row-fluid">
			<div class="span12 general-block-decorator">				
					
				<div class="span4">			
					<div class="control-group">
					    <label for="code">Code :</label>
					    <input id="code" type="text" name="code" placeholder="code">
				    </div>
				
					<div class="control-group">
					    <label for="title">Title :</label>
					    <input id="title" type="text" name="title" placeholder="title">					
				  	</div>

				  	<div class="control-group">
						<label for="available-on-special-offers" class="checkbox">
							<input id="available-on-special-offers" type="checkbox" name="isAvailableOnSpecialOffers" value="1">
							Is available on special offers ?
						</label>
					</div>

					<div class="control-group">
						<label for="cumulative" class="checkbox">
							<input id="cumulative" type="checkbox" name="isCumulative" value="1">
							Is cumulative ?
						</label>
					</div>

					<div class="control-group">
						<label for="renoving-postage" class="checkbox">
							<input id="renoving-postage" type="checkbox" name="isRemovingPostage" value="1">
							Is renoving postage ?
						</label>
					</div>

					<div class="control-group">
						<label for="expiration-date">Expiration date :</label>
					    <div class="input-append date" data-date="12/02/2012" data-date-format="dd/mm/yyyy">
	  						<input type="text" id="expiration-date" name="expirationDate" value="12/02/2012">
	  						<span class="add-on"><span class="icon-th"></span></span>
						</div>
					</div>

					<div class="control-group">
					    <label for="max-usage">Max usage :</label>
					    <input id="max-usage" type="text" name="maxUsage" placeholder="max usage">					
				  	</div>
				</div>
				
				<div class="span8 well">
					<div class="span6">
						<div class="control-group">
						    <label for="effect">Effect :</label>
						    <select name="effect" id="effect" class="span12">
						    	<option value="1" data-description="More description n°1 about item">Remove x percents for category Y</option>
						    	<option value="2" data-description="More description n°2 about item">Remove x percents</option>
						    	<option value="3" data-description="More description n°3 about item">Remove x amount</option>
						    </select>
						    <span class="help-block">More description n°1 about item</span>
					    </div>			
					</div>

					<div class="span6">
						<div class="control-group">
						    <label for="amount">Amount :</label>
						    <input id="amount" type="text" name="amount" placeholder="amount">					
					  	</div>
					  	<div class="control-group">
						    <label for="category">Category :</label>
						    <select name="category" id="category">
						    	<option value="1">Category 1</option>
						    	<option value="1">Category 2</option>
						    	<option value="1">Category 3</option>
						    </select>
					    </div>
					</div>
				</div>
				
				<div class="clearfix"></div>

				<div class="control-group">
				    <label for="short-description">Short description :</label>
				    <textarea id="short-description" name="short-description" placeholder="short description" class="span12" rows="5"></textarea>				
			  	</div>
			  	
				<div class="control-group">
				    <label for="long-description">Long description :</label>
				    <textarea id="long-description" name="long-description" placeholder="long description" class="span12 wysiwyg" rows="10"></textarea>				
			  	</div>

			  	<button type="submit" class="btn btn-primary">Save</button>

			</div>		
		</section>

		<section class="row-fluid">
			<div class="span12 general-block-decorator">
				<table class="table table-striped">
					<caption class="clearfix">
						Rules
						<a class="btn btn-primary pull-right" title="Add a new rule">
	                    	<span class="icon-plus-sign icon-white"></span>
	                    </a>
					</caption>
					<thead>
						<tr>
							<th>Conditions</th>
							<th>Operator</th>
							<th>Value</th>
							<th>Actions</th>
						</tr>
					</thead>
					<tbody>
						<tr>
							<td>Total Amount</td>
							<td><span class="label">is superior or equals to</span></td>
							<td>300 &euro;</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="#delete"><span class="icon-remove icon-white"></span> Delete</a>
		    				</td>
						</tr>
						<tr>
							<td><span class="label">AND</span> NbArticleFromCategory</td>
							<td><span class="label">is equals to</span></td>
							<td>12 - <a href="#" target="_blank">Chaussettes rouges</a></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="#delete"><span class="icon-remove icon-white"></span> Delete</a>
		    				</td>
						</tr>
						<tr>
							<td><span class="label label-info">OR</span> Date</td>
							<td><span class="label">is inferior or equals to</span></td>
							<td>12/02/2014</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="#delete"><span class="icon-remove icon-white"></span> Delete</a>
		    				</td>
						</tr>
					</tbody>
				</table>
			</div>
		</section>

		<section class="row-fluid">
			<div class="span12 general-block-decorator">
				
				<div class="control-group span2">
					<label for="type">Condition type :</label>
					<label class="radio">
						<input type="radio" name="type" id="type" value="1" checked> And
					</label>
					<label class="radio">
						<input type="radio" name="type" value="2"> Or
					</label>
				</div>

				<div class="control-group span4">
				    <label for="category-rule">Rule's category :</label>
				    <select name="categoryRule" id="category-rule">
				    	<option value="1" selected>Total amount</option>
				    	<option value="2">Date</option>
				    	<option value="3">NbArtFromCategory</option>
				    </select>

				    <label for="category-rule">Rule's category :</label>
				    <select name="categoryRule" id="category-rule">
				    	<option value="1">Total amount</option>
				    	<option value="2" selected>Date</option>
				    	<option value="3">NbArtFromCategory</option>
				    </select>

				    <label for="category-rule">Rule's category :</label>
				    <select name="categoryRule" id="category-rule">
				    	<option value="1">Total amount</option>
				    	<option value="2">Date</option>
				    	<option value="3" selected>NbArtFromCategory</option>
				    </select>
			    </div>

			    <div class="control-group span6">
				    <label for="operator">Operator :</label>
				    <div class="controls">
					    <select name="operator" id="operator">
					    	<option value="1">is superior to</option>
					    	<option value="2">equals to</option>
					    	<option value="3">is inferior to</option>
					    	<option value="4">is inferior or equals to</option>
					    	<option value="5">is superior or equals to</option>
					    </select>
					    <div class="input-append input-prepend">
					    	<span class="add-on">&euro;</span>
						    <input type="text" name="value" class="input-mini">
						    <button class="add-on btn btn-primary"><span class="icon-plus icon-white"></span></button>
					    </div>
					</div>

					<label for="operator">Operator :</label>
				    <div class="controls">
					    <select name="operator" id="operator">
					    	<option value="1">is superior to</option>
					    	<option value="2">equals to</option>
					    	<option value="3">is inferior to</option>
					    	<option value="4">is inferior or equals to</option>
					    	<option value="5">is superior or equals to</option>
					    </select>					    
					    <div class="input-append input-prepend date" data-date="12/02/2012" data-date-format="dd/mm/yyyy">
					    	<span class="add-on"><span class="icon-th"></span></span>
						    <input type="text" name="value" class="input-mini">						    
						    <button class="add-on btn btn-primary"><span class="icon-plus icon-white"></span></button>
					    </div>
					</div>
							
					<label for="operator">Operator :</label>
				    <div class="controls">
					    <select name="operator" id="operator">
					    	<option value="1">is superior to</option>
					    	<option value="2">equals to</option>
					    	<option value="3">is inferior to</option>
					    	<option value="4">is inferior or equals to</option>
					    	<option value="5">is superior or equals to</option>
					    </select>					    
					    <input type="text" name="value" class="input-mini">
						
						<table class="table table-bordered">							
                            <tr>
                                <td id="minibrowser-breadcrumb"></td>
                            </tr>
                            <tr>
                                <th><span class="icon-th-list"></span> Categories list</th>
                            </tr>
                            <tr>
                                <td id="minibrowser-categories"></td>
                            </tr>
                        </table>

					</div>

			    </div>

			</div>
		</section>

	</form>

</section> <!-- #wrapper -->

<aside id="delete" class="modal hide fade" role="dialog">
    <div class="modal-header">                                    
        <h3>Confirmation</h3>
    </div>
    <div class="modal-body">
        <p>Do you really want to delete 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> <!-- #delete / Delete confirmation -->

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

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

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

<script>
	$(function($){
		miniBrowser(0, '/test_to_remove/datas_coupon_edit.json');		
	});
</script>

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