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);
    }
</style>
<section class="wrapper">
    <div class="row">
        <div class="col-lg-12">
            <h3 class="page-header"><i class="icon_document_alt"></i>Affiliate Product</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>Affiliate Product</li>
                <li class="pull-right">
                    <button class="btn btn-primary map-catalog" type="button" data-toggle="modal"
                            data-target="#addAffiliateProductModal">
                        <i class="icon_document_alt"></i>Create New
                    </button>
                </li>
            </ol>
        </div>
    </div>
    <table class="table table-border table-condensed table-bordered"
           id="categoriesed-catalog-list" style="width: 100%;">
        <h3 class="ribbon-highlight">All Active Affiliate Product List</h3>
        <thead class="row">
        <tr>
            <th>Product Id</th>
            <th>Catalog Brand</th>
            <th>Gift Id</th>
            <th>Status</th>
            <th>Commission</th>
            <th>Featured</th>
            <th>Expire Date</th>
            <th>Action</th>
        </tr>
        </thead>
        <tbody>
            #foreach($product in $affiliateProductList)
            <tr>
                <td>$product.getId()</td>
                <td>$catalogIdMap.get($product.getCatalogId()).getBrand()</td>
                <td>$product.getGiftId()</td>
                <td>$product.getStatus()</td>
                <td>#if($product.getCommission())$product.getCommission()
                #else
                    0
                #end
                </td>
                <td>$product.isFeatured()</td>
                <td> $dateFormatter.format( $product.getExpiryDate()) </td>
                <td>
                    <button class="btn btn-info btn-sm edit-affiliate-product" data-target="#editAffiliateProductModal"
                            data-productid="$product.getId()">Update
                    </button>
                    <button class="btn btn-primary btn-sm delete-affiliate-product"
                            data-productid="$product.getId()" data-toggle="modal"
                    >Delete
                    </button>
                </td>
            </tr>

            #end

        </tbody>
    </table>
</section>

<div id="addAffiliateProductModal" class="modal" role="dialog">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h4 class="modal-title">Create New Affiliate Product</h4>
            </div>
            <div class="modal-body" id="manageSuperCatalogModalBody">
                <form id="affiliateProductForm">
                    <div class="row">
                        <div class="col-md-6">
                            <div class="form-group">
                                <label class="w-full" for="catalog_id">Select Catalog *</label>

                                <select id="catalog_id" name="catalogId" class="form-control" required>
                                    <option value="">-- Select Catalog First --</option>
                                    #foreach($catalog in $catalogList)
                                        <option value="$catalog.id">$catalog.description</option>
                                    #end
                                </select>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label class="w-full" for="gift_ids">Gift IDs (comma separated)</label>
                                <select id="gift_ids" name="giftId" class="form-control" required multiple>
                                    <option value="">-- Select Gift --</option>
                                    #foreach($gift in $giftsList)
                                        <option value="$gift.getId()">$gift.getName()</option>
                                    #end
                                </select>
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-md-4">
                            <div class="form-group">
                                <label for="status">Status *</label>
                                <select id="status" name="status" class="form-control" required>
                                    #foreach($status in $productStatus)
                                        <option value="$status">$status</option>
                                    #end
                                </select>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                <label for="commission">Commission %</label>
                                <input type="number" class="form-control" id="commission" name="commission">
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                <label for="expiry_date">Expiry Date</label>
                                <input type="datetime-local" class="form-control" id="expiry_date" name="expiryDate">
                            </div>
                        </div>
                    </div>

                </form>
            </div>
            <div class="modal-footer d-flex justify-content-between align-items-center">
                <span class="pull-left">
                    <input type="checkbox" id="featured"> Featured
                </span>
                <div>
                    <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
                    <button type="button" class="btn btn-primary saveAffiliateProduct">Save</button>
                </div>
            </div>
        </div>
    </div>
</div>

<div id="editAffiliateProductModal" class="modal" role="dialog">
    <div class="modal-dialog modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
                <h4 class="modal-title">Update Affiliate Product</h4>
            </div>
            <div class="modal-body" id="editModalBody">
                <form id="editAffiliateProductForm">
                    <!-- Hidden field to store product ID for updates -->
                    <input type="hidden" id="edit_product_id" name="productId" value="">

                    <div class="row">
                        <div class="col-md-6">
                            <div class="form-group">
                                <label class="w-full" for="edit_catalog_id">Select Catalog *</label>
                                <select id="edit_catalog_id" name="catalogId" class="form-control" required>
                                    <option value="">-- Select Catalog First --</option>
                                    #foreach($catalog in $catalogList)
                                        <option value="$catalog.id">$catalog.description</option>
                                    #end
                                </select>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="form-group">
                                <label class="w-full" for="edit_gift_ids">Select Gift *</label>
                                <select id="edit_gift_ids" name="giftId" class="form-control" required multiple>
                                    <option value="">-- Select Gift --</option>
                                    #foreach($gift in $giftsList)
                                        <option value="$gift.getId()">$gift.getName()</option>
                                    #end
                                </select>
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-md-4">
                            <div class="form-group">
                                <label for="edit_status">Status *</label>
                                <select id="edit_status" name="status" class="form-control" required>
                                    #foreach($status in $productStatus)
                                        <option value="$status">$status</option>
                                    #end
                                </select>
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                <label for="edit_commission">Commission %</label>
                                <input type="number" class="form-control" id="edit_commission" name="commission"
                                       placeholder="Enter Commission Percentage">
                            </div>
                        </div>
                        <div class="col-md-4">
                            <div class="form-group">
                                <label for="edit_expiry_date">Expiry Date</label>
                                <input type="datetime-local" class="form-control" id="edit_expiry_date"
                                       name="expiryDate">
                            </div>
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                 <span class="pull-left">
                    <input type="checkbox" id="edit_featured"> Featured
                </span>
                <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
                <button type="button" class="btn btn-primary updateAffiliateProduct">Update</button>
            </div>
        </div>
    </div>
</div>

<script>

    $(document).ready(function () {
        $('#catalog_id').multiselect({
            includeSelectAllOption: true,
            multiple: false,
            maxHeight: 400,
            buttonWidth: '400px',
            numberDisplayed: 1,
            nonSelectedText: 'Catalog',
            nSelectedText: ' - Catalog Selected',
            allSelectedText: 'All Catalog Selected',
            enableFiltering: true,
            enableCaseInsensitiveFiltering: true
        });
        $('#gift_ids').multiselect({
            includeSelectAllOption: true,
            multiple: true,
            maxHeight: 400,
            buttonWidth: '400px',
            numberDisplayed: 1,
            nonSelectedText: 'Gifts',
            nSelectedText: ' - Gifts Selected',
            allSelectedText: 'All Gifts Selected',
            enableFiltering: true,
            enableCaseInsensitiveFiltering: true
        });
        $('#edit_catalog_id').multiselect({
            includeSelectAllOption: true,
            multiple: false,
            maxHeight: 400,
            buttonWidth: '400px',
            numberDisplayed: 1,
            nonSelectedText: 'Catalog',
            enableFiltering: true,
            enableCaseInsensitiveFiltering: true
        });

        $('#edit_gift_ids').multiselect({
            includeSelectAllOption: true,
            multiple: true,
            maxHeight: 400,
            buttonWidth: '400px',
            numberDisplayed: 1,
            nonSelectedText: 'Gifts',
            nSelectedText: ' - Gifts Selected',
            allSelectedText: 'All Gifts Selected',
            enableFiltering: true,
            enableCaseInsensitiveFiltering: true
        });
    });

</script>