<link rel="stylesheet" type="text/css" href="/portal/css/bootstrap.css"> <link rel="stylesheet" type="text/css" href="/portal/css/bootstrap-multiselect.css"> <link rel="stylesheet" type="text/css" href="/portal/css/portal.css"> <script type="text/javascript" src="/portal/js/helper.js"></script> <script type="text/javascript" src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script> <script type="text/javascript" src="/portal/js/newEstimate.js"> </script> <script type="text/javascript" src="/portal/js/bootstrap.min.js"></script> <script type="text/javascript" src="/portal/js/colorchart.js"></script><script type="text/javascript" src="/portal/js/bootstrap-multiselect.min.js"></script> <div class="port-header"></div> <div class="portal line-item"> <form id="item-details" method="POST" enctype="multipart/form-data"> <div class="row order_controls"> <div class="row subrow"> <div class="col-md-6"> <div id="est_calulate"> <div id="est_cost"><span class="edit-label">Estimated Price:</span><span id="dest_cost"></span ></div> <div id="est_backing"><span class="edit-label">Backing:</span><span id="dest_backingt"></span ></div> <div id="est_pricing"><span class="edit-label">Pricing: </span><span id="dest_pricing"></span ></div> <div id="est_vendor"><span class="edit-label">Vendor:</span><span id="dest_vendor"></span ></div> <div id="est_date"><span class="edit-label">Date:</span><span id="dest_date"></span ></div> <div id="est_markup"><span class="edit-label">Markup:</span><span id="dest_markup"></span ></div> <div id="est_pc"><span class="edit-label">PC:</span><span id="dest_pc"></span ></div> <div id="est_quote"><span class="edit-label"><b>Quote</b></span><span id="dest_quote"></span ></div> <div id="est_product"><span class="edit-label">Product Name:</span><span id="dest_product"></span ></div> <div id="est_border"><span class="edit-label">Border:</span><span id="dest_border"></span ></div> <div id="est_bg"><span class="edit-label">BackGround:</span><span id="dest_bg"></span ></div> <div id="est_backing"><span class="edit-label">Backing:</span><span id="dest_backing"></span ></div> <div id="est_shape"><span class="edit-label">Shape:</span><span id="dest_shape"></span ></div> <div id="est_size"><span class="edit-label">Size:</span><span id="dest_size"> </span ></div> <div id="est_size_cost"><span class="edit-label">Price:</span><span id="dest_size_cost"></span ></div> <div id="est_cost1"><span class="edit-label">Cost:</span><span id="dest_cost1"></span ></div> <div id="est_print"><span class="edit-label"></span><span id="dest_print"><a href="#" class="formBtn" id="Rprint">Print</a></span ></div> </div> </div> <div class="col-md-6 line-item-right"> <div id="order_type" ><span class="edit-label">Product</span><select name="product[refcode]"> </select> </div> <div id="order_type_options"></div> <div id="cf_opportunity_line_item_optional_item_number"><span class="edit-label">Optional Item #</span><input type="text" name="cf_opportunity_line_item_optional_item_number"></div> <div id="cf_opportunity_line_item_width" style="display: flex"> <div class="floatL"><span class="edit-label">Width</span></div> <div class="floatR"> <select name="widthWholeNumber" id="widthWholeNumber" > <option selected value="1">1"</option> <option value="2">2"</option> <option value="3">3"</option> <option value="4">4"</option> <option value="5">5"</option> <option value="6">6"</option> <option value="7">7"</option> <option value="8">8"</option> <option value="9">9"</option> </select> <input name="widthFraction" type="text" value="0" required id="widthFraction" readonly><button type="button" class="formBtnSquare caretDown dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> </button> <ul class="dropdown-menu dropdown-menu-right"> <li><a class="wdecValue">0</a></li> <li><a class="wdecValue"">1/8</a></li> <li><a class="wdecValue">2/8</a></li> <li><a class="wdecValue"">3/8</a></li> <li><a class="wdecValue">4/8</a></li> <li><a class="wdecValue">5/8</a></li> <li><a class="wdecValue">6/8</a></li> <li><a class="wdecValue">7/8</a></li> </ul> <!-- /btn-group --> </div> </div> <div id="cf_opportunity_line_item_height" style="display: flex"> <div class="floatL"><span class="edit-label">Height</span></div> <div class="floatR"> <select name="heightWholeNumber" id="heightWholeNumber" > <option selected value="1">1"</option> <option value="2">2"</option> <option value="3">3"</option> <option value="4">4"</option> <option value="5">5"</option> <option value="6">6"</option> <option value="7">7"</option> <option value="8">8"</option> <option value="9">9"</option> </select> <input name="heightFraction" type="text" value="0" required id="heightFraction" readonly><button type="button" class="formBtnSquare dropdown-toggle caretDown" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> </button> <ul class="dropdown-menu dropdown-menu-right"> <li><a class="decValue">0</a></li> <li><a class="decValue">1/8</a></li> <li><a class="decValue">2/8</a></li> <li><a class="decValue">3/8</a></li> <li><a class="decValue">4/8</a></li> <li><a class="decValue">5/8</a></li> <li><a class="decValue">6/8</a></li> <li><a class="decValue">7/8</a></li> </ul> </div> </div> <div id="cf_opportunity_line_item_size"><span class="edit-label">Size</span><input type="text" name="cf_opportunity_line_item_size" class="readonly" readonly></input></div> <div id="multicolors"> <div><span class="edit-label">Colors</span><input type="text" id="colorchooser" placeholder="Type a color code then click add..."></div> <div><span class="edit-label"></span><button type="button" class="addcolor">Add Color</button><button type="button" class="remcolor">Remove Color</button></div> <div><span class="edit-label"></span><select name ="colorchosen" id="colorchosen" multiple size="5" style="height:auto"></select></div> <div> <span class="edit-label"></span> <div ></div> </div> </div> <div id="cf_opportunity_line_item_background"> <span class="edit-label">Background Color</span> <select name="cf_opportunity_line_item_background"> <option value="">-Select-</option> </select> </div> <div id="cf_opportunity_line_item_border"> <span class="edit-label">Border Type</span> <select name="cf_opportunity_line_item_border"> <option value="">-Select-</option> </select> </div> <div id="cf_opportunity_line_item_backing"> <span class="edit-label">Backing Type</span> <select name="cf_opportunity_line_item_backing"> <option value="">-Select-</option> </select> </div> </div> </div> </form>