{$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="enabled" class="checkbox">
                    <input id="enabled" type="checkbox" name="isEnabled" value="1" checked>
                    Is enabled ?
                </label>
            </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>
                <label for="is-unlimited" class="checkbox">
                    <input id="is-unlimited" type="checkbox" name="isUnlimited" value="1" checked>
                    Is unlimited ?
                </label>
                <input id="max-usage" type="text" name="maxUsage" placeholder="max usage">
            </div>
        </div>

        <div class="span8">
            <div class="well clearfix">
                <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="control-group">
                <label for="short-description">Short description :</label>
                <textarea id="short-description" name="shortDescription" placeholder="short description" class="span12" rows="5"></textarea>
            </div>
        </div>

        <div class="clearfix"></div>

        <div class="control-group">
            <label for="long-description">Long description :</label>
            <textarea id="long-description" name="longDescription" 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'}