Subversion Repositories SmartDukaan

<section class="wrapper">
    <div class="row">
        <div class="col-lg-12">
            <h3 class="page-header"><i class="fa fa-fire"></i> Hot Deals</h3>
            <ol class="breadcrumb">
                <li><i class="fa fa-home"></i><a href="${rc.contextPath}/dashboard">Home</a></li>
                <li><i class="fa fa-fire"></i>Hot Deals</li>
            </ol>
        </div>
    </div>

    <div class="row">
        <div class="col-lg-12">
            <div class="panel panel-default">
                <div class="panel-heading">Add Model
                    <span id="hot-deal-slots" class="label label-default" style="font-size:12px;margin-left:10px;"></span>
                </div>
                <div class="panel-body" style="display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;">
                    <div class="form-group" style="margin:0;">
                        <label>Brand</label>
                        <select id="hot-deal-brand" class="form-control" style="width:180px;">
                            <option value="">-- Select brand --</option>
                            #foreach($brand in $brands)
                                <option value="$brand.getId()">$brand.getName()</option>
                            #end
                        </select>
                    </div>
                    <div class="form-group" style="flex:1;min-width:240px;margin:0;">
                        <label>Model</label>
                        <input type="text" id="hot-deal-model-search" class="form-control" disabled
                               autocomplete="off" placeholder="Select a brand first..." />
                    </div>
                    <div class="form-group" style="margin:0;">
                        <label>Start Date</label>
                        <input type="date" id="hot-deal-start-date" class="form-control" />
                    </div>
                    <div class="form-group" style="margin:0;">
                        <label>End Date</label>
                        <input type="date" id="hot-deal-end-date" class="form-control" />
                    </div>
                    <div class="form-group" style="margin:0;width:100px;">
                        <label>Warranty (mo)</label>
                        <input type="number" id="hot-deal-warranty" class="form-control" min="0" max="12" placeholder="0-12" />
                    </div>
                    <div class="form-group" style="margin:0;">
                        <label>Condition</label>
                        <select id="hot-deal-condition" class="form-control">
                            <option value="">-- Select --</option>
                            <option value="NEW">New</option>
                            <option value="OPEN_BOX">Open Box</option>
                            <option value="REFURBISHED">Refurbished</option>
                        </select>
                    </div>
                    <div class="form-group" style="margin:0;">
                        <label>Activated</label>
                        <select id="hot-deal-activated" class="form-control">
                            <option value="">--</option>
                            <option value="true">Yes</option>
                            <option value="false">No</option>
                        </select>
                    </div>
                    <div class="form-group" style="margin:0;">
                        <label>Finance Mapping</label>
                        <select id="hot-deal-finance" class="form-control">
                            <option value="">--</option>
                            <option value="true">Yes</option>
                            <option value="false">No</option>
                        </select>
                    </div>
                    <div class="form-group" style="margin:0;">
                        <label>Affordability</label>
                        <select id="hot-deal-affordability" class="form-control">
                            <option value="">--</option>
                            <option value="true">Yes</option>
                            <option value="false">No</option>
                        </select>
                    </div>
                    <button class="btn btn-primary add-hot-deal" type="button">Add Hot Deal</button>
                </div>
                <div class="panel-footer text-danger" id="hot-deal-cap-notice" style="display:none;">
                    This brand already has the maximum of $maxDeals active hot deals. Remove one or let one expire to add more.
                </div>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-lg-12">
            <div class="panel panel-default">
                <div class="panel-heading" style="display:flex;align-items:center;justify-content:space-between;">
                    <span>All Hot Deal Models</span>
                    <input type="text" id="hot-deal-table-search" class="form-control input-sm"
                           style="width:260px;" placeholder="Search model or brand..." />
                </div>
                <div id="hot-deals-table-container"></div>
            </div>
        </div>
    </div>
</section>