Subversion Repositories SmartDukaan

<style>
    .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_genius"></i>Analysis</h3>
            <ol class="breadcrumb">
                <li><i class="fa fa-home"></i><a href="${rc.contextPath}/dashboard">Home</a></li>
                <li><i class="icon_genius"></i>Purchase Sale Ratio</li>
            </ol>
        </div>
    </div>
    <div id="pur-sale-panel">
        <div id="ratio-criteria" class="container">
            <div class="row">
                <div class="col-md-3">
                    <div class="form-group">
                        <label>Start Date</label>
                        <input type="date" name="startDate" value="$startDate" class="form-control"
                               style="height: 30px;" id="purSaleStartDate">
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="form-group">
                        <label>End Date</label>
                        <input type="date" name="endDate" value="$endDate" class="form-control" style="height: 30px;" id="purSaleEndDate">
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="form-group">
                        <label>Brand</label>
                        <select name="brand" class="form-control" style="height: 30px;" id="purSaleBrand">
                            <option selected disabled>Select Brand</option>
                            #foreach($brand in $brands)
                                <option value="$brand" #if($brand == $selectedBrand) selected #end>$brand</option>
                            #end
                        </select>
                    </div>
                </div>
                <div class="col-md-3">
                    <div class="form-group">
                        <label>Suppliers</label>
                        #if($brandWiseSuppliers)
                            <select name="supplier" class="form-control suppliersList" style="height: 30px;" id="purSaleSupplier">
                                <option selected disabled>Select Supplier</option>
                                <option value="0">All</option>
                                #foreach($supplier in $brandWiseSuppliers)
                                    <option value="$supplier.getSupplierId()">$supplier.getSupplierName()</option>
                                #end
                            </select>
                        #else
                            <select name="supplier" class="form-control suppliersList" style="height: 30px;">
                                <option selected disabled>Select Supplier</option>
                            </select>
                        #end
                    </div>
                </div>
            </div>
        </div>
        <div class="row" style="margin-top: 10px; margin-right: 0; text-align: right;">
            <button class="btn btn-success btn-sm" id="exportCsvBtn" style="display:none;">
                <i class="fa fa-download"></i> Export CSV
            </button>
        </div>
        <div class="row text-center" style="margin-top: 2% ;text-align: center" id="chartContainer">
            <div class="col-md-6">
                <input type="hidden" id="purchaseSaleQuantities" value="$purchaseSaleQuantities">
                <label>Purchase Sale </label>
                <canvas id="salesChart" style="max-height: 400px"></canvas>
                ##                render dinemically created div catalog purchase sale ratio graph
            </div>
        </div>
    </div>
</section>
<div class="modal fade modal-md" id="catalog-age-div" role="dialog">
    <div class="modal-dialog modal-lg">

        <!-- Modal content-->
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal">&times;</button>
            </div>
            <div class="modal-body" style="width: 100% ;align-items: center">
                <div id="catalogModalBody">
                    ## dynemic model bodies
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
            </div>
        </div>

    </div>
</div>
<script>
    $(document).ready(function () {
        $('#catalogRatio').hide();
        createPurchaseSaleBarChart($purchaseSaleQuantities, `$startDate`, `$endDate`, `$selectedBrand`, 0);
    });
</script>