EVOLUTION-NINJA
Edit File: addmore1.php
<?php //include("menu.php"); ?> <!-- BEGIN CONTENT --> <script> $(function() { $( "#datepicker2" ).datepicker({ dateFormat: "d/m/yy" }); }); function createcustomerid(str) { var res = str.substr(0, 1); var res = res.toUpperCase(); if(res=="") { document.getElementById("customerid").value=""; } else { $.ajax({ type:"post", url:"<?php echo base_url(); ?>display_data/create_cust_id", data:"custname="+res, success:function(data) { document.getElementById("customerid").value=data; } }); } } </script> <script type="text/javascript"> $(document).ready(function(){ var counter = 2; $("#addButton").click(function () { if(counter>5){ alert("Only 5 textboxes allow"); return false; } var newTextBoxDiv = $(document.createElement('div')) .attr("id", 'TextBoxDiv' + counter); newTextBoxDiv.after().html('<div class="col-md-8"><div class="form-group"><label class="control-label col-md-3"></label><div class="col-md-8"><input type="text" name="notes[]" class="form-control"><br></div></div></div><br>'); newTextBoxDiv.appendTo("#TextBoxesGroup"); counter++; }); $("#removeButton").click(function () { if(counter==2){ alert("No more Notes to remove"); return false; } counter--; $("#TextBoxDiv" + counter).remove(); }); }); </script> <script type="text/javascript"> $(document).ready(function(){ var counter = 2; $("#addButton1").click(function () { if(counter>5){ alert("Only 5 textboxes allow"); return false; } var newTextBoxDiv = $(document.createElement('div')) .attr("id", 'TextBoxDiv' + counter); newTextBoxDiv.after().html('<div class="row"><div class="col-md-8"><div class="form-group"><label class="control-label col-md-3"> <b>Mobile No'+counter+'</b> :</label><div class="col-md-9"><input type="text" name="mobileno[]" id="" class="form-control"><br></div></div></div></div>'); newTextBoxDiv.appendTo("#mobilerelateddiv"); counter++; }); $("#removeButton1").click(function () { if(counter==2){ alert("No more Mobile numbers to remove"); return false; } counter--; $("#TextBoxDiv" + counter).remove(); }); }); </script> <script type="text/javascript"> $(document).ready(function(){ var counter = 2; $("#addButton2").click(function () { if(counter>5){ alert("Only 5 textboxes allow"); return false; } var newTextBoxDiv = $(document.createElement('div')) .attr("id", 'TextBoxDiv' + counter); newTextBoxDiv.after().html('<div class="row"><div class="col-md-8"><div class="form-group"><label class="control-label col-md-3"> <b>Phone No'+counter+'</b> :</label><div class="col-md-9"><input type="text" name="phoneno[]" id="" class="form-control"><br></div></div></div></div>'); newTextBoxDiv.appendTo("#phonerelateddiv"); counter++; }); $("#removeButton2").click(function () { if(counter==2){ alert("No more Phone numbers to remove"); return false; } counter--; $("#TextBoxDiv" + counter).remove(); }); }); </script> <script type="text/javascript"> $(document).ready(function(){ var counter = 2; $("#addButton3").click(function () { if(counter>5){ alert("Only 5 textboxes allow"); return false; } var newTextBoxDiv = $(document.createElement('div')) .attr("id", 'TextBoxDiv' + counter); newTextBoxDiv.after().html('<div class="row"><div class="col-md-8"><div class="form-group"><label class="control-label col-md-3"> <b>E-mail'+counter+'</b> :</label><div class="col-md-9"><input type="text" name="email[]" id="" class="form-control"><br></div></div></div></div>'); newTextBoxDiv.appendTo("#emailrelateddiv"); counter++; }); $("#removeButton3").click(function () { if(counter==2){ alert("No more Emails to remove"); return false; } counter--; $("#TextBoxDiv" + counter).remove(); }); }); </script> <script type="text/javascript"> $(document).ready(function(){ var counter = 2; $("#addButton4").click(function () { if(counter>5){ alert("Only 5 textboxes allow"); return false; } var newTextBoxDiv = $(document.createElement('div')) .attr("id", 'TextBoxDiv' + counter); newTextBoxDiv.after().html('<div class="row"><div class="col-md-8"><div class="form-group"><label class="control-label col-md-3"> <b>Website'+counter+'</b> :</label><div class="col-md-9"><input type="text" name="website[]" id="" class="form-control"><br></div></div></div></div>'); newTextBoxDiv.appendTo("#websiterelateddiv"); counter++; }); $("#removeButton4").click(function () { if(counter==2){ alert("No more Websites to remove"); return false; } counter--; $("#TextBoxDiv" + counter).remove(); }); }); </script> <script type="text/javascript"> $(document).ready(function(){ var counter = 2; $("#addButtons1").click(function () { if(counter>5){ alert("Only 5 textboxes allow"); return false; } var newTextBoxDiv = $(document.createElement('div')) .attr("id", 'TextBoxDiv' + counter); newTextBoxDiv.after().html('<div class="row"><div class="col-md-8"><div class="form-group"><label class="control-label col-md-3"> <b>Mobile'+counter+'</b> :</label><div class="col-md-9"><input type="text" name="agentmobile[]" id="" class="form-control"><br></div></div></div></div>'); newTextBoxDiv.appendTo("#mobilerelateddiv1"); counter++; }); $("#removeButtons1").click(function () { if(counter==2){ alert("No more Mobile numbers to remove"); return false; } counter--; $("#TextBoxDiv" + counter).remove(); }); }); </script> <script type="text/javascript"> $(document).ready(function(){ var counter = 2; $("#addButtons2").click(function () { if(counter>5){ alert("Only 5 textboxes allow"); return false; } var newTextBoxDiv = $(document.createElement('div')) .attr("id", 'TextBoxDiv' + counter); newTextBoxDiv.after().html('<div class="row"><div class="col-md-8"><div class="form-group"><label class="control-label col-md-3"> <b>Phone'+counter+'</b> :</label><div class="col-md-9"><input type="text" name="agentphone[]" id="" class="form-control"><br></div></div></div></div>'); newTextBoxDiv.appendTo("#phonerelateddiv2"); counter++; }); $("#removeButtons2").click(function () { if(counter==2){ alert("No more Phone numbers to remove"); return false; } counter--; $("#TextBoxDiv" + counter).remove(); }); }); </script> <script type="text/javascript"> $(document).ready(function(){ var counter = 2; $("#addButtons3").click(function () { if(counter>5){ alert("Only 5 textboxes allow"); return false; } var newTextBoxDiv = $(document.createElement('div')) .attr("id", 'TextBoxDiv' + counter); newTextBoxDiv.after().html('<div class="row"><div class="col-md-8"><div class="form-group"><label class="control-label col-md-3"> <b>E-mail'+counter+'</b> :</label><div class="col-md-9"><input type="text" name="agentemail[]" id="" class="form-control"><br></div></div></div></div>'); newTextBoxDiv.appendTo("#emailrelateddiv3"); counter++; }); $("#removeButtons3").click(function () { if(counter==2){ alert("No more Emails to remove"); return false; } counter--; $("#TextBoxDiv" + counter).remove(); }); }); </script> <script> function checknotes(str) { if(str==true) { $("#TextBoxesGroup").show(); } else { $("#TextBoxesGroup").hide(); } } function checkagentdetails(str) { if(str==true) { $("#agentalldetails").show(); } else { $("#agentalldetails").hide(); } } </script> <script> $(function() { <?php foreach($customermaster as $results) { $result[]=$results->department; } $existed_department = array_unique($result); ?> var availableTags = <?php echo '["' . implode('", "', $existed_department) . '"]' ?>; $("#department").autocomplete({ source: availableTags }); }); </script> <div class="page-content-wrapper"> <div class="page-content"> <!-- BEGIN PAGE HEADER--> <h3 class="page-title"> Import Transactions </h3> <div class="page-bar"> <ul class="page-breadcrumb"> <li> <i class="fa fa-home"></i> <a href="dashboard.php">Home</a> <i class="fa fa-angle-right"></i> Import Transactions</li> </ul> </div> <!-- END PAGE HEADER--> <!-- BEGIN DASHBOARD STATS --> <div class="portlet-body form"> <!-- BEGIN FORM--> <form action="#" class="form-horizontal"> <div class="form-body"> <div class="row"> <div class="col-md-12"> <div class="row"> <div class="col-md-12"> <fieldset> <br> <div class="row"> <div class="col-md-6"> <div class="form-group"> <label class="control-label col-md-3" style="padding-right: 0;">Article No :</label> <div class="col-md-7"> <input type="text" class="form-control"> </div> </div> <div class="form-group"> <label class="control-label col-md-3" style="padding-right: 0;">Quality :</label> <div class="col-md-7"> <input type="text" class="form-control"> </div> </div> <div class="form-group"> <label class="control-label col-md-3" style="padding-right: 0;">Design :</label> <div class="col-md-7"> <input type="text" class="form-control"> </div> </div> <div class="form-group"> <label class="control-label col-md-3" style="padding-right: 0;">Width :</label> <div class="col-md-7"> <input type="text" class="form-control"> </div> </div> </div> <div class="col-md-6"> <div class="form-group"> <label class="control-label col-md-3" style="padding-right: 0;">Warp End :</label> <div class="col-md-7"> <input type="text" class="form-control"> </div> </div> <div class="form-group"> <label class="control-label col-md-3" style="padding-right: 0;">Reed :</label> <div class="col-md-7"> <input type="text" class="form-control"> </div> </div> <div class="form-group"> <label class="control-label col-md-3" style="padding-right: 0;">Picks :</label> <div class="col-md-7"> <input type="text" class="form-control"> </div> </div> </div> </div> </fieldset> </div> </div> <br> <div class="row"> <div class="col-md-6"> <fieldset> <legend>Warp <a href="javascript:;" class="btn btn-icon-only btn-circle green" > <i class="fa fa-plus"></i> </a></legend> <div class="form-group"> <label class="control-label col-md-3" style="padding-right: 0;">Warp Quality:</label> <div class="col-md-6"> <select name="foo" class="form-control"> <option value="1">Select Weft Qty</option> <option value="1">Abc</option> <option value="1">ABC</option> </select> </div> </div> <div class="form-group"> <label class="control-label col-md-3" style="padding-right: 0;">Warp Denier:</label> <div class="col-md-6"> <select name="foo" class="form-control"> <option value="1">Select Weft Denier</option> <option value="1">Abc</option> <option value="1">ABC</option> </select> </div> </div> <div class="form-group"> <label class="control-label col-md-3" style="padding-right: 0;">Specifications:</label> <div class="col-md-6"> <select name="foo" class="form-control"> <option value="1">Select Specifications</option> <option value="1">Abc</option> <option value="1">ABC</option> </select> </div> </div> <div class="form-group"> <label class="control-label col-md-3" style="padding-right: 0;">Final Denier:</label> <div class="col-md-6"> <input type="text" class="form-control"> </div> </div> <div class="form-group"> <label class="control-label col-md-3" style="padding-right: 0;">Warp Wt:</label> <div class="col-md-6"> <input type="text" class="form-control"> </div> </div> <div class="form-group"> <label class="control-label col-md-3" style="padding-right: 0;">Warp Sr%:</label> <div class="col-md-6"> <input type="text" class="form-control"> </div> </div> <div class="form-group"> <label class="control-label col-md-3" style="padding-right: 0;">Warp%:</label> <div class="col-md-6"> <input type="text" class="form-control"> </div> </div> <div class="form-group"> <label class="control-label col-md-3" style="padding-right: 0;">Loom Fin Wt:</label> <div class="col-md-6"> <input type="text" class="form-control"> </div> </div> </fieldset> </div> <div class="col-md-6"> <fieldset> <legend>Weft <a href="javascript:;" class="btn btn-icon-only btn-circle green" > <i class="fa fa-plus"></i> </a></legend> <div class="form-group"> <label class="control-label col-md-3" style="padding-right: 0;">Weft Qty:</label> <div class="col-md-6"> <select name="foo" class="form-control"> <option value="1">Select Weft Qty</option> <option value="1">Abc</option> <option value="1">ABC</option> </select> </div> </div> <div class="form-group"> <label class="control-label col-md-3" style="padding-right: 0;">Weft Denier:</label> <div class="col-md-6"> <select name="foo" class="form-control"> <option value="1">Select Weft Denier</option> <option value="1">Abc</option> <option value="1">ABC</option> </select> </div> </div> <div class="form-group"> <label class="control-label col-md-3" style="padding-right: 0;">Specifications:</label> <div class="col-md-6"> <select name="foo" class="form-control"> <option value="1">Select Specifications</option> <option value="1">Abc</option> <option value="1">ABC</option> </select> </div> </div> <div class="form-group"> <label class="control-label col-md-3" style="padding-right: 0;">Final Denier:</label> <div class="col-md-6"> <input type="text" class="form-control"> </div> </div> <div class="form-group"> <label class="control-label col-md-3" style="padding-right: 0;">Weft Wt:</label> <div class="col-md-6"> <input type="text" class="form-control"> </div> </div> <div class="form-group"> <label class="control-label col-md-3" style="padding-right: 0;">Weft Sr%:</label> <div class="col-md-6"> <input type="text" class="form-control"> </div> </div> <div class="form-group" style="margin-bottom: 59px;"> <label class="control-label col-md-3" style="padding-right: 0;">Waste%:</label> <div class="col-md-6"> <input type="text" class="form-control"> </div> </div> </fieldset> </div> </div> <br> <div class="row"> <div class="col-md-12"> <fieldset> <br> <div class="row"> <div class="col-md-4"> <div class="form-group"> <label class="control-label col-md-3" style="padding-right: 0;">Composition:</label> <div class="col-md-7"> <input type="text" class="form-control"> </div> </div> </div> <div class="col-md-4"> <div class="form-group"> <label class="control-label col-md-3" style="padding-right: 0;">Ratio:</label> <div class="col-md-7"> <input type="text" class="form-control"> </div> </div> </div> <div class="col-md-4"> <div class="form-group"> <label class="control-label col-md-3" style="padding-right: 0;">Remark:</label> <div class="col-md-6"> <input type="text" class="form-control"> </div> </div> </div> </div> <br> <div class="form-actions" > <div class="row" > <div class="col-md-8" > <div class="row"> <div class="col-md-offset-1 col-md-9"> <button type="submit" class="btn" style=" color:#FFFFFF; background:#485b7f;">Submit</button> <button type="button" class="btn default" style=" width:20%;">Cancel</button> </div> </div> </div> </div> </div> </fieldset> </div> </div> </div> </div> </form> <div class="form-body"> <div class="row"> <div class="col-md-12"> <div class="row"> <fieldset> <legend></legend> <div class="col-md-6"> <div class="row"> <div class="col-md-12"> <div class="form-group"> <label class="control-label col-md-4">Import File No. : :</label> <div class="col-md-8"> <input type="text" class="form-control" readonly="readonly"> </div> </div> </div> </div> <!--/row--> <div class="row"> <div class="col-md-12"> <div class="form-group"> <label class="control-label col-md-4">File No. :</label> <div class="col-md-8"> <select name="foo" class="form-control"> <option value="1">Select Country</option> <option value="1">Abc</option> <option value="1">ABC</option> </select> </div> </div> </div> </div> <div class="row"> <div class="col-md-12"> <div class="form-group"> <label class="control-label col-md-4">Address :</label> <div class="col-md-8"> <input type="text" class="form-control" readonly="readonly"> </div> </div> </div> </div> </div> <div class="col-md-6"> <div class="row"> <div class="col-md-12"> <div class="form-group"> <label class="control-label col-md-4">Consignment No. :</label> <div class="col-md-8"> <input type="text" class="form-control" readonly="readonly"> </div> </div> </div> </div> <!--/row--> <div class="row"> <div class="col-md-12"> <div class="form-group"> <label class="control-label col-md-4">Name :</label> <div class="col-md-8"> <input type="text" class="form-control" readonly="readonly"> </div> </div> </div> </div> <!--/row--> <div class="row"> <div class="col-md-12"> <div class="form-group"> <label class="control-label col-md-4">Purchase Type :</label> <div class="col-md-8"> <select name="foo" class="form-control"> <option value="1">Select Purchase Type</option> <option value="1">Abc</option> <option value="1">ABC</option> </select> </div> </div> </div> </div> <!--/row--> </div> </fieldset> </div> <br><br> <div class="portlet-body"> <div class="panel-group accordion" id="accordion3"> <div class="panel panel-default"> <div class="panel-heading"> <h4 class="panel-title"> <a class="accordion-toggle accordion-toggle-styled" data-toggle="collapse" data-parent="#accordion3" href="#collapse_3_1" aria-expanded="true"> <b>Booking Details</b> </a> </h4> </div> <div id="collapse_3_1" class="panel-collapse collapse in" aria-expanded="true"> <div class="panel-body"><br> <div class="row"> <div class="col-md-6"> <div class="form-group"> <label class="control-label col-md-3" style="padding-right: 0;">Quality :</label> <div class="col-md-8"> <select name="foo" class="form-control"> <option value="1">Select Quality</option> <option value="1">Abc</option> <option value="1">ABC</option> </select> </div> </div> <div class="form-group"> <label class="control-label col-md-3" style="padding-right: 0;">Dinear :</label> <div class="col-md-8"> <select name="foo" class="form-control"> <option value="1">Select Dinear</option> <option value="1">Abc</option> <option value="1">ABC</option> </select> </div> </div> <div class="form-group"> <label class="control-label col-md-3" style="padding-right: 0;">Grade :</label> <div class="col-md-8"> <input type="text" class="form-control"> </div> </div> <div class="form-group"> <label class="control-label col-md-3" style="padding-right: 0;">Mill No :</label> <div class="col-md-8"> <input type="text" class="form-control"> </div> </div> <div class="form-group"> <label class="control-label col-md-3" style="padding-right: 0;">Booking Date :</label> <div class="col-md-8"> <div class="input-group"> <input type="text" class="form-control" data-provide="datepicker"> <span class="input-group-addon"> <i class="fa fa-calendar"></i> </span> </div> </div> </div> <div class="form-group"> <label class="control-label col-md-3" style="padding-right: 0;">Booking Type :</label> <div class="col-md-8"> <div class="input-group"> <input type="text" class="form-control" data-provide="datepicker"> <span class="input-group-addon"> <i class="fa fa-calendar"></i> </span> </div> </div> </div> </div> <div class="col-md-6"> <div class="form-group"> <label class="control-label col-md-3" style="padding-right: 0;">Payment Type:</label> <div class="col-md-8"> <input type="text" class="form-control"> </div> </div> <div class="form-group"> <label class="control-label col-md-3" style="padding-right: 0;">Sales Contract No:</label> <div class="col-md-8"> <input type="text" class="form-control"> </div> </div> <div class="form-group"> <label class="control-label col-md-3">Quantity Booked :</label> <div class="col-md-8"> <div class="input-group"> <input type="text" value="" name="quantitybooked" id="quantitybooked" class="form-control" placeholder=""> <div class="input-group-btn"> <select name="qbweights" class="form-control" style="width: 60px;"> <option value="KGS">KGS</option> <option value="YARDS">YARDS</option> <option value="PCS">PCS</option> <option value="NO(S)">NO(S)</option> <option value="SETS">SETS</option> <option value="PAIRS">PAIRS</option> <option value="MTRS">MTRS</option> </select> </div> </div> </div> </div> <div class="form-group"> <label class="control-label col-md-3" style="padding-right: 0;">Box No of Bale:</label> <div class="col-md-8"> <input type="text" class="form-control"> </div> </div> <div class="form-group"> <label class="control-label col-md-3">Unit Price :</label> <div class="col-md-8"> <div class="input-group"> <div class="input-group-btn"> <select name="qbweights" class="form-control" style="width: 40px;"> <option value="$">$</option> <option value="YARDS">INR</option> </select> </div> <input type="text" value="" name="quantitybooked" id="quantitybooked" class="form-control" placeholder=""> </div> </div> </div> </div> </div> </div> </div> </div> <div class="panel panel-default"> <div class="panel-heading"> <h4 class="panel-title"> <a class="accordion-toggle accordion-toggle-styled collapsed" data-toggle="collapse" data-parent="#accordion3" href="#collapse_3_2" aria-expanded="false"> <b>LC Details</b> </a> </h4> </div> <div id="collapse_3_2" class="panel-collapse collapse" aria-expanded="false" style="height: 0px;"> <div class="panel-body" style="height:auto; overflow-y:auto;"> <br> <div class="row"> <div class="col-md-10"> <div class="form-group"> <label class="control-label col-md-3" style="padding-right: 0;">LC No.:</label> <div class="col-md-9"> <input type="text" class="form-control"> </div> </div> <div class="form-group"> <label class="control-label col-md-3" style="padding-right: 0;">Exchange Rate:</label> <div class="col-md-9"> <input type="text" class="form-control"> </div> </div> <div class="form-group"> <label class="control-label col-md-3" style="padding-right: 0;">LC Date:</label> <div class="col-md-9"> <div class="input-group"> <input type="text" class="form-control" data-provide="datepicker"> <span class="input-group-addon"> <i class="fa fa-calendar"></i> </span> </div> </div> </div> <div class="form-group"> <label class="control-label col-md-3" style="padding-right: 0;">LC Value FCN:</label> <div class="col-md-9"> <input type="text" class="form-control"> </div> </div> <div class="form-group"> <label class="control-label col-md-3" style="padding-right: 0;">LC Bank Address:</label> <div class="col-md-9"> <textarea class="form-control"></textarea> </div> </div> <div class="form-group"> <label class="control-label col-md-3" style="padding-right: 0;">LC Expiry Date:</label> <div class="col-md-9"> <div class="input-group"> <input type="text" class="form-control" data-provide="datepicker"> <span class="input-group-addon"> <i class="fa fa-calendar"></i> </span> </div> </div> </div> <div class="form-group"> <label class="control-label col-md-3" style="padding-right: 0;">LC Amend:</label> <div class="col-md-9"> <div class="input-group"> <input type="text" class="form-control" data-provide="datepicker"> <span class="input-group-addon"> <i class="fa fa-calendar"></i> </span> </div> </div> </div> </div> </div> </div> </div> </div> <div class="panel panel-default"> <div class="panel-heading"> <h4 class="panel-title"> <a class="accordion-toggle accordion-toggle-styled collapsed" data-toggle="collapse" data-parent="#accordion3" href="#collapse_3_3" aria-expanded="false"> <b>Goods details</b> </a> </h4> </div> <div id="collapse_3_3" class="panel-collapse collapse" aria-expanded="false" style="height: 0px;"> <div class="panel-body"> <br> <div class="row" > <div class="col-md-6"> <div class="form-group"> <label class="control-label col-md-4">Recieved Date :</label> <div class="col-md-8"> <div class="input-group"> <input type="text" class="form-control" data-provide="datepicker"> <span class="input-group-addon"> <i class="fa fa-calendar"></i> </span> </div> </div> </div> <div class="form-group"> <label class="control-label col-md-4">No of Bale/Box :</label> <div class="col-md-8"> <input type="text" class="form-control"> </div> </div> <div class="form-group"> <label class="control-label col-md-4">Recieved Location :</label> <div class="col-md-8"> <input type="text" class="form-control"> </div> </div> <div class="form-group"> <label class="control-label col-md-4">Transport Charges :</label> <div class="col-md-8"> <input type="text" class="form-control"> </div> </div> <div class="form-group"> <label class="control-label col-md-4">Select Category :</label> <div class="col-md-8"> <div class="radio-list"> <label class="radio-inline"> <input type="radio" name="optionsRadios2" value="option1"/> Import </label> <label class="radio-inline"> <input type="radio" name="optionsRadios2" value="option2"/> Local Purchase</label> </div> </div> <div class="form-group"> <label class="control-label col-md-4"></label> <div class="col-md-8"> <div class="radio-list"> <label class="radio-inline"> <select class="form-control" style="padding-right:0px; "> <option>Select License</option> </select> </label> <label class="radio-inline"> <input type="text" class="form-control" placeholder="Recieved Quantity" style="width: 145px;"/> </label> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="panel panel-default"> <div class="panel-heading"> <h4 class="panel-title"> <a class="accordion-toggle accordion-toggle-styled collapsed" data-toggle="collapse" data-parent="#accordion3" href="#collapse_3_4" aria-expanded="false"> <b>Shiping details</b> </a> </h4> </div> <div id="collapse_3_4" class="panel-collapse collapse" aria-expanded="false"> <div class="panel-body"> <br> <div class="row" style="padding-bottom:11px;"> <div class="col-md-6"> <div class="form-group"> <label class="control-label col-md-4">Bill of entry No :</label> <div class="col-md-8"> <input type="text" class="form-control"> </div> </div> <div class="form-group"> <label class="control-label col-md-4">Bill Entry Date :</label> <div class="col-md-8"> <div class="input-group"> <input type="text" class="form-control" data-provide="datepicker"> <span class="input-group-addon"> <i class="fa fa-calendar"></i> </span> </div> </div> </div> <div class="form-group"> <label class="control-label col-md-4">Bill of Lading No :</label> <div class="col-md-8"> <input type="text" class="form-control"> </div> </div> <div class="form-group"> <label class="control-label col-md-4">Bill Lading Date :</label> <div class="col-md-8"> <div class="input-group"> <input type="text" class="form-control" data-provide="datepicker"> <span class="input-group-addon"> <i class="fa fa-calendar"></i> </span> </div> </div> </div> <div class="form-group"> <label class="control-label col-md-4">Port :</label> <div class="col-md-8"> <input type="text" class="form-control"> </div> </div> <div class="form-group"> <label class="control-label col-md-4">ETA :</label> <div class="col-md-8"> <div class="input-group"> <input type="text" class="form-control" data-provide="datepicker"> <span class="input-group-addon"> <i class="fa fa-calendar"></i> </span> </div> </div> </div> </div> </div> </div> </div> </div> <div class="panel panel-default"> <div class="panel-heading"> <h4 class="panel-title"> <a class="accordion-toggle accordion-toggle-styled collapsed" data-toggle="collapse" data-parent="#accordion3" href="#collapse_3_5" aria-expanded="false"> <b>Invoice details</b> </a> </h4> </div> <div id="collapse_3_5" class="panel-collapse collapse" aria-expanded="false"> <div class="panel-body"> <br> <div class="row"> <div class="col-md-4"> <div class="form-group"> <label class="control-label col-md-4">Invoice No.:</label> <div class="col-md-8"> <input type="text" class="form-control"> </div> </div> <div class="form-group"> <label class="control-label col-md-4">Invoice Date:</label> <div class="col-md-8"> <div class="input-group"> <input type="text" class="form-control" data-provide="datepicker"> <span class="input-group-addon"> <i class="fa fa-calendar"></i> </span> </div> </div> </div> <div class="form-group"> <label class="control-label col-md-4">Doc Accept Date:</label> <div class="col-md-8"> <div class="input-group"> <input type="text" class="form-control" data-provide="datepicker"> <span class="input-group-addon"> <i class="fa fa-calendar"></i> </span> </div> </div> </div> <div class="form-group"> <label class="control-label col-md-4">Reference No.:</label> <div class="col-md-8"> <input type="text" class="form-control"> </div> </div> <div class="form-group"> <label class="control-label col-md-4">Bank Charges:</label> <div class="col-md-8"> <input type="text" class="form-control"> </div> </div> <div class="form-group"> <label class="control-label col-md-4">Foreign Bank Charge:</label> <div class="col-md-8"> <input type="text" class="form-control"> </div> </div> </div> <!--/row--> <div class="col-md-4"> <div class="form-group"> <label class="control-label col-md-4">Other Charges:</label> <div class="col-md-8"> <input type="text" class="form-control"> </div> </div> <div class="form-group"> <label class="control-label col-md-4">C and F Charges :</label> <div class="col-md-8"> <input type="text" class="form-control"> </div> </div> <div class="form-group"> <label class="control-label col-md-4">Custom Duty :</label> <div class="col-md-8"> <input type="text" class="form-control"> </div> </div> <div class="form-group"> <label class="control-label col-md-4">Insurance Amount :</label> <div class="col-md-8"> <input type="text" class="form-control"> </div> </div> <div class="form-group"> <label class="control-label col-md-4">P and T charges :</label> <div class="col-md-8"> <input type="text" class="form-control"> </div> </div> <div class="form-group"> <label class="control-label col-md-4">Payment Date:</label> <div class="col-md-8"> <div class="input-group"> <input type="text" class="form-control" data-provide="datepicker"> <span class="input-group-addon"> <i class="fa fa-calendar"></i> </span> </div> </div> </div> </div> <div class="col-md-4"> <div class="form-group"> <label class="control-label col-md-4">FC value :</label> <div class="col-md-8"> <input type="text" class="form-control" readonly="readonly"> </div> </div> <div class="form-group"> <label class="control-label col-md-4">Ex Rate :</label> <div class="col-md-8"> <input type="text" class="form-control" readonly="readonly"> </div> </div> <div class="form-group"> <label class="control-label col-md-4">INR Value :</label> <div class="col-md-8"> <input type="text" class="form-control" readonly="readonly"> </div> </div> <div class="form-group"> <label class="control-label col-md-4">Total Value :</label> <div class="col-md-8"> <input type="text" class="form-control" readonly="readonly"> </div> </div> <div class="form-group"> <label class="control-label col-md-4">Average Rate :</label> <div class="col-md-8"> <input type="text" class="form-control" readonly="readonly"> </div> </div> <div class="form-group"> <label class="control-label col-md-4">Remarks :</label> <div class="col-md-8"> <input type="text" class="form-control"> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="form-actions" > <div class="row" > <div class="col-md-8" > <div class="row"> <div class="col-md-offset-1 col-md-9"> <button type="submit" class="btn" style=" color:#FFFFFF; background:#485b7f;">Submit</button> <button type="button" class="btn default" style=" width:20%;">Cancel</button> </div> </div> </div> </div> </div> </div> </div> </div> </form> <!-- END FORM--> </div> <!-- END DASHBOARD STATS --> </div> <!-- END DASHBOARD STATS --> </div> </div> </div> <!-- End BEGIN CONTAINER --> <!-- BEGIN FOOTER --> <!--Display content in new popup.. --> <div class="doc_main"><span class="doc_content"> <div class="manag"> <div id="myModal" class="reveal-modal"> <div class="form-body"> <h3 class="form-section">Customer Details</h3> <div class="row"> <div class="col-md-8"> <div class="form-group"> <label class="control-label col-md-3">Customer Name :</label> <div class="col-md-6"> <span id="customerName"></span> </div> </div> </div> </div> <div class="row" > <div class="col-md-8"> <div class="form-group"> <label class="control-label col-md-3">Product Type :</label> <div class="col-md-6"> <span id="productType"></span> </div> </div> </div> <!--/span--> </div> <!--/row--> <!--<h3 class="form-section">Customer Details</h3>--> <div class="row"> <div class="col-md-8"> <div class="form-group"> <label class="control-label col-md-3">customer id :</label> <div class="col-md-6"> <span id="customerid"></span> </div> </div> </div> <!--/span--> </div> <!--/row--> <div class="row"> <div class="col-md-8"> <div class="form-group"> <label class="control-label col-md-3">Customer Address :</label> <div class="col-md-6"> <span id="customerAddress"></span> </div> </div> </div> </div> <div class="row"> <div class="col-md-8"> <div class="form-group"> <label class="control-label col-md-3">Country :</label> <div class="col-md-6"> <span id="country"></span> </div> </div> </div> </div> <div class="row"> <div class="col-md-8"> <div class="form-group"> <label class="control-label col-md-3">Banker Name :</label> <div class="col-md-6"> <span id="bankerName"></span> </div> </div> </div> </div> <div class="row"> <div class="col-md-8"> <div class="form-group"> <label class="control-label col-md-3">Banker Address :</label> <div class="col-md-6"> <span id="bankerAddress"></span> </div> </div> </div> </div> <div class="row"> <div class="col-md-8"> <div class="form-group"> <label class="control-label col-md-3">Notes</label> <div class="col-md-6"> <span id="notes"></span> </div> </div> </div> </div> <h3 class="form-section">Contact Person</h3> <div class="row"> <div class="col-md-8"> <div class="form-group"> <label class="control-label col-md-3">Department :</label> <div class="col-md-6"> <span id="department"></span> </div> </div> </div> </div> <div class="row"> <div class="col-md-8"> <div class="form-group"> <label class="control-label col-md-3">Mobile No :</label> <div class="col-md-6"> <span id="mobileno"></span> </div> </div> </div> </div> <div class="row"> <div class="col-md-8"> <div class="form-group"> <label class="control-label col-md-3">Phone No :</label> <div class="col-md-6"> <span id="phoneno"></span> </div> </div> </div> </div> <div class="row"> <div class="col-md-8"> <div class="form-group"> <label class="control-label col-md-3">E-mail :</label> <div class="col-md-6"> <span id="email"></span> </div> </div> </div> </div> <div class="row"> <div class="col-md-8"> <div class="form-group"> <label class="control-label col-md-3">Website:</label> <div class="col-md-6"> <span id="website"></span> </div> </div> </div> </div> <!--/row--> <h3 class="form-section">Consignee Details</h3> <div class="row"> <div class="col-md-8"> <div class="form-group"> <label class="control-label col-md-3">Consignee Name :</label> <div class="col-md-6"> <span id="consigneename"></span> </div> </div> </div> </div> <!--/row--> <div class="row"> <div class="col-md-8"> <div class="form-group"> <label class="control-label col-md-3">Consignee Address :</label> <div class="col-md-6"> <span id="consigneeAddress"></span> </div> </div> </div> </div> <div class="row"> <div class="col-md-8"> <div class="form-group"> <label class="control-label col-md-3">Agent Name :</label> <div class="col-md-6"> <span id="agentname"></span> </div> </div> </div> </div> <div class="row"> <div class="col-md-8"> <div class="form-group"> <label class="control-label col-md-3">Agent Address :</label> <div class="col-md-6"> <span id="agentAddress"></span> </div> </div> </div> </div> <div class="row"> <div class="col-md-8"> <div class="form-group"> <label class="control-label col-md-3">Agent Contact person :</label> <div class="col-md-6"> <span id="agentcontactperson"></span> </div> </div> </div> </div> <div class="row"> <div class="col-md-8"> <div class="form-group"> <label class="control-label col-md-3">Mobile No :</label> <div class="col-md-6"> <span id="agentmobile"></span> </div> </div> </div> </div> <div class="row"> <div class="col-md-8"> <div class="form-group"> <label class="control-label col-md-3">Phone No :</label> <div class="col-md-6"> <span id="agentphone"></span> </div> </div> </div> </div> <div class="row"> <div class="col-md-8"> <div class="form-group"> <label class="control-label col-md-3">E-mail :</label> <div class="col-md-6"> <span id="agentemail"></span> </div> </div> </div> </div> <div class="row"> <div class="col-md-8"> <div class="form-group"> <label class="control-label col-md-3">Website:</label> <div class="col-md-6"> <span id="agentwebsite"></span> </div> </div> </div> </div> <div class="row"> <div class="col-md-8"> <div class="form-group"> <label class="control-label col-md-3">Agent Commission(%) :</label> <div class="col-md-6"> <span id="agentCommission"></span> </div> </div> </div> </div> <div class="row"> <div class="col-md-8"> <div class="form-group"> <label class="control-label col-md-3">Agency From date :</label> <div class="col-md-6"> <span id="agentValidityDate"></span> </div> </div> </div> </div> </div> </div> <!--/row--> <!--/row--> <br> <div class="form-actions"> <div class="row"> <div class="col-md-8"> <div class="row"> <div class="col-md-offset-3 col-md-9"> <input type="submit" name="submitcustomer" value="Add New Customer" class="btn" style=" width:50%; color:#FFFFFF; background:#485b7f;"> <a href="<?php echo base_url(); ?>dashboard/customer_master_details" class="btn default" style=" width:20%;">Cancel</a> </div> </div> </div> </div> </div> </div> </div> </span> </div> <div class="doc_main"></div> <!-- End BEGIN CONTAINER --> <!-- BEGIN FOOTER -->