Subversion Repositories SmartDukaan

<style>
    .select2-container .select2-selection--single {
        box-sizing: border-box;
        cursor: pointer;
        display: block;
        height: 35px;
        padding: 3px;
        user-select: none;
        -webkit-user-select: none;
    }

    .modal-body {
        overflow-y: auto;
        max-height: calc(100vh - 200px);
        min-height: 41vh;
    }
</style>
<section class="wrapper">
    <div class="row">
        <div class="col-lg-12">
            <h3 class="page-header"><i class="icon_document_alt"></i>Liquidations</h3>
            <ol class="breadcrumb">
                <li><i class="fa fa-home"></i><a href="${rc.contextPath}/dashboard">Dashboard</a></li>
                <li><i class="icon_document_alt"></i>Liquidations</li>
                <li class="pull-right">
                    <button class="btn btn-primary map-catalog" type="button" data-toggle="modal" data-target="#manageLiquidationModal">
                    <i class="icon_document_alt"></i> Create New</button>
                </li>
            </ol>
        </div>
    </div>
    <div class="table-responsive">
        <table class="table table-bordered" id="liquidation-table">
            <thead class="table-light">
            <tr>
                <th>Catalog</th>
                <th>Start Price</th>
                <th>Start - End</th>
                <th>Status</th>
                <th>Actions</th>
            </tr>
            </thead>
            <tbody>
                #foreach($item in $liquidations)
                    <tr>
                        <td>$item.catalogId</td>
                        <td>$item.price</td>
                        <td>$item.startDate - $item.endDate</td>
                        <td>$item.status</td>
                        <td>
                            <a role="button" onclick="editLiquidation($item.id)" class="btn btn-sm btn-info"><i class="fa fa-eye"></i> View</a>
                            #*<a role="button" onclick="deleteLiquidation($item.id)" class="btn btn-sm btn-danger">Delete</a>*#
                        </td>
                    </tr>
                #end
            </tbody>
        </table>
    </div>
</section>

<div id="manageLiquidationModal" class="modal" role="dialog">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h4 class="modal-title">Manage Liquidations</h4>
            </div>
            <div class="modal-body" id="manageLiquidationModalBody">
                <form id="biddingForm" action="$formActionUrl" method="post" class="row g-3 mb-4">
                    <input type="hidden" name="id" id="id">

                    <div class="col-md-7">
                        <div class="form-group">
                            <label class="form-label" for="catalogId">Catalog</label>
                            <span class="pull-right"><input name="restricted" value="true" id="restricted" type="checkbox"> Restricted?</span>
                            <select name="catalogId" id="catalogId" class="form-select" required>
                                <option value="">Select</option>
                                #foreach($entry in $catalogs)
                                    <option value="$entry.catalogId">$entry.brand $entry.modelNumber ($entry.shaholicNetAvailability)</option>
                                #end
                            </select>
                        </div>
                    </div>

                    <div class="col-md-5">
                        <div class="form-group">
                            <label for="price" class="form-label">Bidding Price</label>
                            <input type="number" name="price" id="price" class="form-control" required>
                        </div>
                    </div>

                    <div class="col-md-4">
                        <div class="form-group">
                            <label for="startDate" class="form-label">Start Date</label>
                            <input type="date" name="startDate" id="startDate" class="form-control" required>
                        </div>
                    </div>

                    <div class="col-md-4">
                        <div class="form-group">
                            <label for="endDate" class="form-label">End Date</label>
                            <input type="date" name="endDate" id="endDate" class="form-control" required>
                        </div>
                    </div>

                    <div class="col-md-4">
                        <div class="form-group">
                            <label for="status" class="form-label">Status</label>
                            <select name="status" id="status" class="form-select">
                                <option value="active">Active</option>
                                <option value="inactive">Inactive</option>
                                <option value="closed">Closed</option>
                            </select>
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
                <button type="button" class="btn btn-primary save-liquidation">Save</button>
            </div>
        </div>
    </div>
</div>