<link href="https://windsweptmarketing.com/wimpie/css/bootstrap.min.css" rel="stylesheet" type="text/css"/> <div class="wimpie"> <div class="row"> <div class="col-lg-8"> <div class="row"> <div class="col-lg-4"> <div class="form-group"> <label for="pname" class="wimp_label">Item Name</label> <input type="text" value="" id="pname" class="form-control"/> </div> </div> <div class="col-lg-4"> <label class="wimp_label">Product</label> <select class="form-control backing" title="Backing"> <option value="ieflatem" selected>IE</option> <option value="patch">Emblem</option> </select> </div> <div class="col-lg-4"> <div class="form-group"> <label class="wimp_label">Product dimensions</label> <input id="dimensions" type="text" class="form-control"/> </div> </div> </div> <div class="row"> <div class="col-lg-6"> <div class="form-group"> <label class="wimp_label">Border</label> <select required id="Border" name="Border" class="form-control"> <option value="-1">Select a border</option> <option selected value="Merrowed">Merrowed</option> <option value="Heat Cut">Heat Cut</option> <option value="Die Cut">Die Cut</option> <option value="Laser Cut">Laser Cut</option> </select> </div> </div> <div class="col-lg-6"> <div class="form-gropup"> <label class="wimp_label">Material</label> <select id="material" class="form-control"> <option value="Fully Embroidered" selected>Fully Embroidered</option> <option value="Twill">Twill</option> <option value="Dye Sub over Twill">Dye Sub over Twill</option> <option value="Dye Sub Over Full Embroidered">Dye Sub Over Full Embroidered</option> <option value="other">Other</option> </select> </div> </div> <div class="col-lg-4 hidden"> <div class="form-group"> <label class="wimp_label" for="markup">Markup</label> <div class="input-group"> <span class="input-group-addon"> <i class="fa fa-plus"></i> <input type="radio" name="markupAction" class="markupAction" value="+"> </span> <span class="input-group-addon"> <i class="fa fa-asterisk"></i> <input type="radio" checked name="markupAction" class="markupAction" value="*"> </span> <input style="text-align: right;" type="text" value="1.0" id="markup" class="form-control" ria-label=""> </div> </div> </div> </div> <div class="row"> <div class="col-lg-4 hidden"> <div id="pc-form" class="form-group-sm extra"> <label class="wimp_label">Percentage Embroidery</label> <select id="pc" class="form-control"> <option value="-1">Percentage</option> <option value="40%">40</option> <option value="50%">50</option> <option value="60%">60</option> <option value="75%">75</option> <option value="85%">85</option> <option value="100%" selected>100</option> </select> </div> <div id="additional" class="form-group hidden extra" style="margin-top: 10px;"> <label class="wimp_label">Backing</label> <select id="heatSealOrPns" class="form-control"> <option value="na">Select</option> <option value="PNS">PNS</option> <option value="heatseal">Heat Seal</option> <option value="Plastic">Plastic</option> </select> </div> </div> <div class="col-lg-6"> <div class="form-group"> <label class="wimp_label">Cut</label> <select id="cut" class="form-control"> <option value="Round">Round</option> <option value="Square">Square</option> <option value="Rectangle">Rectangle</option> <option value="Contour" selected>Contour(Cut to shape of design)</option> </select> </div> </div> <div class="col-lg-6"> <div><i>Max dimensions of Width and Height</i></div> <div class="form-group"> <label class="wimp_label">Width</label> <div class="form-group"> <div class="form-group"> <select id="widthWholeNumber" class="form-control-static"> <option value="0">0"</option> <option value="1">1"</option> <option selected value="2">2"</option> <option value="3">3"</option> <option value="4">4"</option> <option value="5">5"</option> </select> <div class="input-group pull-right" style="width: 70%"> <input type="number" value="0" required id="widthFraction" class="form-control"> <div class="input-group-btn"> <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <span class="caret"></span> </button> <ul class="dropdown-menu dropdown-menu-right"> <li><a class="wdecValue" href="#">0</a></li> <li><a class="wdecValue" href="#">1/8</a></li> <li><a class="wdecValue" href="#">2/8</a></li> <li><a class="wdecValue" href="#">3/8</a></li> <li><a class="wdecValue" href="#">4/8</a></li> <li><a class="wdecValue" href="#">5/8</a></li> <li><a class="wdecValue" href="#">6/8</a></li> <li><a class="wdecValue" href="#">7/8</a></li> </ul> </div> </div> </div> </div> </div> <div class="form-group"> <label class="wimp_label">Height</label> <div class="form-group"> <div class="form-group"> <select id="lengthWholeNumber" class="form-control-static"> <option value="0">0"</option> <option value="1">1"</option> <option selected value="2">2"</option> <option value="3">3"</option> <option value="4">4"</option> <option value="5">5"</option> </select> <div class="input-group pull-right" style="width: 70%"> <input type="number" value="0" required id="lengthFraction" class="form-control"> <div class="input-group-btn"> <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <span class="caret"></span> </button> <ul class="dropdown-menu dropdown-menu-right"> <li><a class="decValue" href="#">0</a></li> <li><a class="decValue" href="#">1/8</a></li> <li><a class="decValue" href="#">2/8</a></li> <li><a class="decValue" href="#">3/8</a></li> <li><a class="decValue" href="#">4/8</a></li> <li><a class="decValue" href="#">5/8</a></li> <li><a class="decValue" href="#">6/8</a></li> <li><a class="decValue" href="#">7/8</a></li> </ul> </div> </div> </div> </div> </div> </div> <div class="row"> <div class="col-sm-12"> <div class="form-group-sm"> <label class="wimp_label">Description</label> <textarea id="description" class="blockquote form-control" style="text-align: left;" placeholder="For specialty emblems (not basic embroidered emblem) please include all details for this type of backing"></textarea> </div> </div> </div> <div class="row"> <div class="col-lg-4 col-md-offset-7"> <div class="form-group-sm"> <label class="wimp_label"> </label> <div style="width: 130px;"> <button id="process" class="btn btn-primary"> Process</button> <img src="https://windsweptmarketing.com/wimpie/images/spinny_2x.gif" id="loadingDiv" style="display: none; width: 32px;"/></div> </div> </div> </div> </div> </div> <div class="col-lg-4"> <div class="form-group-sm"> <label class="wimp_label"> </label> <table class="table table-bordered table-striped"> <tfoot> <tr> <td colspan="2"></td> </tr> </tfoot> <thead> <tr> <th>Quantity</th> <th></th> </tr> </thead> <tbody> <tr> <td>50</td> <td><input class="inputQuantity" type="checkbox" value="pcs50"/></td> </tr> <tr> <td>100</td> <td><input class="inputQuantity" type="checkbox" checked value="pcs100"/></td> </tr> <tr> <td>200</td> <td><input class="inputQuantity" type="checkbox" value="pcs200"/></td> </tr> <tr> <td>300</td> <td><input class="inputQuantity" type="checkbox" value="pcs300"/></td> </tr> <tr> <td>500</td> <td><input class="inputQuantity" type="checkbox" value="pcs500"/></td> </tr> <tr> <td>1000</td> <td><input class="inputQuantity" type="checkbox" value="pcs1000"/></td> </tr> <tr class="extra hidden"> <td>2000</td> <td><input class="inputQuantity" type="checkbox" value="pcs2000"/></td> </tr> <tr class="extra hidden"> <td>3000</td> <td><input class="inputQuantity" type="checkbox" value="pcs3000"/></td> </tr> <tr class="extra hidden"> <td>5000</td> <td><input class="inputQuantity" type="checkbox" value="pcs5000"/></td> </tr> </tbody> </table> </div> </div> </div> </div> <div class="modal fade" id="finalResult"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header bg-primary"> <button type="button" class="close" data-dismiss="modal">×</button> <h4 class="modal-title"><i class="icon icon-info-sign"></i></h4> </div> <div class="modal-body"> <div class="form-group" style="height: auto;"> <textarea id="output" style="height: 450px; width: 100%; border: none;"> </textarea> </div> </div> <div class="modal-footer bg-primary"> <button type="button" class="btn btn-default" data-dismiss="modal">Close </button> </div> </div> </div> </div> <script type="text/javascript" src="https://windsweptmarketing.com/portal/wimpie/jquery.js"></script> <script type="text/javascript" src="https://windsweptmarketing.com/portal/wimpie/bootstrap.min.js"></script> <script type="text/javascript" src="https://windsweptmarketing.com/portal/wimpie/jinqjs.js"></script> <script type="text/javascript" src="https://windsweptmarketing.com/portal/wimpie/dataentry.js"></script> <script src="https://cloud.tinymce.com/stable/tinymce.min.js?apiKey=9kxhpfe6n82bu26rexh0hmon7bc9ik2llpir9igbyyi2k6p9"></script> <script>tinymce.init({ selector: #description });</script>