Roasted Chana Chaat

Medium= 2-3 person
Full = 4-5 person
Party Pack = 7-8 person

Roasted Chana Chaat

₹ 75.00

Quantity

Total: ₹ 75.00

Add Special Comments:

</div>
                                                </div>
                                            </div>
                                        </p>

</div>
                                </div>
                            </div>
                        </div>
                    </div>
                        <div class="panel panel-default">
                            <div class="panel-heading">
                                <h4 class="panel-title">
                                    <a data-toggle="collapse" data-parent="#accordion">Customize</a>
                                </h4>
                            </div>
                            <div id="collapseTwo" class="panel-collapse collapse in">
                                <div class="panel-body" id="divElementAddons" style="width: 100%">

</ul>
                                        </div>

<div class="col-lg-6 col-md-6 col-sm-10 col-xs-10">
                                            <span id="lblAddonsRequired" style="color: #ff6666;">Add-ons [Required]</span>
                                            <ul>
                                                    <input type="hidden" id="hdAddonsRequired" value="true" />
                                                    <li>
                                                        <label id="AddonLabel_1">Size

</label>
<span class="WebMandatoryIcon">*</span>                                                        <br />
                                                        <select class="Addon" required="required" id="Addon_1" onfocus="hide();" onchange="calcPriceOnCustomization(this.id)" >
                                                            <option value="0">--Select an Option--</option>
                                                                <option class="listItemPL" id="407" value="0.00" title="Medium">
                                                                    
                                                                    Medium
                                                                </option>
                                                                <option class="listItemPL" id="406" value="65.00" title="Full">
                                                                    
                                                                    Full
                                                                </option>
                                                                <option class="listItemPL" id="408" value="150.00" title="Party Pack">
                                                                    
                                                                    Party Pack
                                                                </option>
                                                        </select>
                                                    </li>
                                                <script>
                                                    //   
                                                    var _flagAddonsRequired=$('#hdAddonsRequired').val();
                                                    if(typeof _flagAddonsRequired!='undefined')
                                                    {
                                                        if(_flagAddonsRequired.toLowerCase()=="true")
                                                        {
                                                        
                                                            $('#lblAddonsRequired').text('Add-ons [Required]');
                                                        }
                                                    }
                                                    else{$('#lblAddonsRequired').text('');}

</div>
                            </div>

</div>
                </div>
                <div class="aa-prod-view-bottom">
                    <a href="#" class="aa-add-to-cart-btn" onclick="addToCartFromPopup()"><span class="fa fa-shopping-cart"></span>Add To Cart</a>

<a href="#" class="aa-add-to-cart-btn" data-dismiss="modal">Close</a>
                </div>
            </div>
        </div>
</form>

//function displayAddons(id) {
        //    if(id<0)
        //        return;
        //    // alert($(this).prev().prev().text())
        //    //console.log("Parent " + $('#'+id).prev().prev().text());
        //    //console.log("Child Text " + $('#' + id + " option:selected").text());
        //    //console.log("Child Text " + $('#' + id + " option:selected").val());
        //    var LabelDisplayAddons = "";
        //    var DisplayAddonsList = "";
        //    var AddonType = "";;
        //    //  alert($('#' + id + " option:selected").text());
        //    if ($('#' + id + " option:selected").text() != "")
        //    { AddonType = "single"; }
        //    else
        //    { AddonType = "multi"; }
        //    if (AddonType == "single") {
        //        if (($.trim($('#' + id + " option:selected").text()) != "--Select an Option--") && $('#' + id + " option:selected").text().indexOf("--Select an Option--") != 0) {
        //            DisplayAddonsList = "";
        //            DisplayAddonsList = "<strong> "+$('#' + id).prev().prev().text() + ":</strong><ul style='list-style:none;padding: 0px;margin: 5px;'>";
        //            DisplayAddonsList += "<li>+ " + ($('#' + id + " option:selected").text()).replace("--Select an Option--", "") + "</li>";
        //            DisplayAddonsList += "</ul>";
        //        }
        //        else {
        //            DisplayAddonsList = "";
        //        }
        //    }
        //    else if (AddonType == "multi") {
        //        var _strMultiAddons = [];
        //        //  var DisplayMultiAddonsList = "";
        //        var i = 0;
        //        $('input[name="MultiAddons_' + id + '"]:checked').each(function () {
                    
        //            _strMultiAddons[i] = $(this).attr("title");
        //            i++;
                  
        //        });
                 
        //        if (_strMultiAddons.length > 0)
        //        {
        //            //alert($('#' + id).prev().prev().prev().text())
        //            DisplayAddonsList = "";
        //            // DisplayAddonsList = $('#' + id).prev().prev().prev().text() + ":</br><ul>";
        //            DisplayAddonsList = "<strong> "+$('#' + id).prev().prev().prev().text() + ":</strong><ul style='list-style:none;padding: 0px;margin: 5px;'>";
        //            for (var j = 0; j < _strMultiAddons.length; j++) {
        //                if (_strMultiAddons[j].indexOf("undefined") == -1)
        //                { DisplayAddonsList += "<li>+ " + $.trim(_strMultiAddons[j]) + "</li>"; }
        //            }
        //            DisplayAddonsList += "</ul>";
                   
        //        }
        //    }
        //    if ($('#Str' + id).length == 0)  // if control is not created yet then create it
        //    {
        //        LabelDisplayAddons = "<br/> <label id='Str" + id + "' style='font-weight: normal !important;'>";
        //        LabelDisplayAddons += DisplayAddonsList + "</label>";
        //    }
        //    else { jQuery('#Str' + id).html(DisplayAddonsList); }

//    jQuery("#StrAddons").html(jQuery("#StrAddons").html() + LabelDisplayAddons);

//    //  alert($("#StrAddon_20").text());
        //}

//function calcPriceOnCustomization(id) {
            
        //    // Calc Avaliable Single Selected Addons Price
        //    var AddonValues = 0;
            
           
        //    // Calc Avaliable Single Selected Addons Price
        //    var AddonValues = 0;
        //    $("select.Addon").each(function () {

//        if (!isNaN(parseFloat($(this).val()))) {
        //            // alert($(this).prev().prev().text());
        //            AddonValues += parseFloat($(this).val())
        //        }
        //    });
        //    // Calc Avaliable isMulti Selection Allowed Addons Price
        //    var chklistPrice = 0;
        //    i = 0;    //name="MultiAddons_'+id+'"
        //    $('input[class="chkStore"]:checked').each(function () {
        //        if (!isNaN(parseFloat(this.value))) {
        //            chklistPrice += parseFloat(this.value);
                     
                    
        //            i++;
        //        }
        //    });
        //    // get Actual Rate of Product
        //    var ProductRate = 0;
        //    if (!isNaN($('#hdProductRate').val()))
        //        ProductRate = $('#hdProductRate').val();

//    var sumOfSingleItem = parseFloat(ProductRate) + parseFloat(AddonValues) + parseFloat(chklistPrice);

//    var Qty = parseInt(($('#ProductQtypopup').val()));
        //    var sum = 0;
        //    if (!isNaN($('#ProductQtypopup').val()))
        //        var sum = sumOfSingleItem * Qty;

//    //  jQuery("label[for='ProductTotalPrice']").html(sum.toFixed(2).toLocaleString());
        //    $('#lblTotalProductPrice').text(sum.toFixed(2).toString().replace(/\B(?=(\d{3})+(?!\d))/g, ","));
             
        //    handleClick(id);
        //    $('#hdAddonTotalAmt').val(sumOfSingleItem - ProductRate);

//    displayAddons(id);

//}

$(function () {
            $('#approve-btn').click(function () {
                $('#modal-container').modal('hide');
            });
        });
    </script>
    <style>
        #divaddons.row {
            margin-left: 0;
        }

.foreColor {
            color: #ff6666;
            font-weight: bold;
        }

.simpleLens-container {
            display: block;
        }

.scrollable {
            overflow: auto;
            width: 300px; /* adjust this width depending to amount of text to display */
            height: 200px; /* adjust height depending on number of options to display */
        }

.scrollable select {
                border: none;
            }

.customDrop, customDropHeader {
            padding-left: 0px !important;
            z-index: 9999999999;
            position: absolute;
            box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
        }

.listItemPL {
            color: #fff;
            cursor: pointer;
            padding: 0 0 0 5px;
            list-style: none;
            border-bottom-style: none;
            background-color: #363940;
        }

.listItemPL:hover {
                background-color: #ff6666;
            }

.btnclose:hover {
            background-color: yellow;
            color: red;
        }
    </style>

with (document.getElementById('ProductCustomization'))
            incrementButtons(add, subtract, qty,this.id);

</script>