<div class="col-sm-4" id="Generatebilltab" style="padding: 20px; border-radius: 10px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; z-index: 10000; left: 513.5px; position: fixed; top: 0px; opacity: 1; display: block;">
    <h1 class="fa fa-times closbtn b-close"></h1><h5 style="margin: 0 0 15px;"><large>Booking</large>&nbsp;<b class="booking_no" id="bokref">HARA0026</b></h5>
        <div class="col-sm-12">
    
     
            <div id="userTabContent" class="tab-content">
            
        <!--options box Start-->
            
              <div class="tab-pane fade active in" id="">
                                <div class="row border" style="margin: -1px 0;">
                                    <div class="col-sm-12 col-md-12">
                                       <div class="portlet-body">
                                          
                                          <div class="form-group clearfix">
 
                                               <div class="col-sm-12" id="genbillresults"> <div style="height:500px;overflow:scroll;width:100%;">
 	 <form method="post" id="chngchrgsform" onsubmit=" return addextrachrg(this.id,'/tunnel/menu/livebillgenadmin',addextrachrgresults,0,'0026','0');">
  <fieldset>
    <legend>General description</legend>
    <div class="settings">
      <ul>
      	<li>Bill No</li>
        <li>HARA0026</li>
        <li>Booking Date</li>
        <li>2019-08-14 11:15:29</li>
        <li>Starting Time</li>
        <li></li>
        <li>Distance</li>
        <li><input type="text" name="km" value="0"></li>
        <li>Pre-waiting Time</li>
        <li><input type="text" name="pre_wait" value=""></li>
         <li>Waiting Time</li>
        <li><input type="text" name="wait" value=""></li>
        <li>Running Time</li>
        <li><input type="text" name="hour" value="00:00:00"></li>
        <li>Running Bill</li>
        <li><i class="fa fa-inr"></i>  <span class="fright">For 1 Cab</span></li>
        <li>Extra Charges</li>
        <li><input type="button" data-toggle="modal" data-target="#myModal1" value="click here"></li>
        <li>Night Charge</li>
        <li><i class="fa fa-inr"></i> 0</li>
        <li>Tax Amount</li>
        <li><i class="fa fa-inr"></i> 0 ( % )</li>
        <li><strong>Total Amount</strong></li>
        <li><strong><i class="fa fa-inr"></i> 0</strong></li>
       
      </ul>
    </div>
  </fieldset>
 
  <fieldset>
    <legend>Fair description</legend>
    <div class="settings">
      <ul>
        <li>Night Charge</li>
        <li><i class="fa fa-inr"></i> 0</li>
        <li>Night Time</li>
        <li>  to   </li>
        <li>Extra charge</li>
        <li>
          <textarea name="extrachrgs" rows="3" cols="40" id="extrachrgesdesc">             =   
          </textarea>
        </li>
        <li>Peak Time</li>
        <li>  to  </li>
        <li>Peak Time Apply</li>
        <li>% for Minimum Charges</li>
        <input type="hidden" name="btnval" id="btnval">
      </ul>
    </div>
  </fieldset>
 
<legend class="show_hide">Fare Charge Details</legend>
  <fieldset class="slidingDiv" style="display:none;">
    <legend>Fare Details</legend>
    <div class="settings ">
      <ul>
        <li>Minimum Charge</li>
        <li><i class="fa fa-inr"></i> 0</li>
        <li>Extra Price</li>
        <li><i class="fa fa-inr"></i> 0</li>
        <li>Night Charges</li>
        <li><i class="fa fa-inr"></i> 0</li>
        <li style="margin-bottom:0;">Peak Charges</li>
        <li style="margin-bottom:0;"><i class="fa fa-inr"></i> 0</li>
        <li style="border-bottom:1px solid #333;width:90%; margin-bottom:0;"></li>
        <li>Total Charges</li>
        <li><i class="fa fa-inr"></i> 0</li>
        <li style="border-bottom:1px solid #333;width:90%;"></li>
        <li>Basic Tax Type</li>
        <li>% of Total Charges</li>
        <li>Basic Tax Charges</li>
        <li><i class="fa fa-inr"></i> 0</li>
        <li style="border-bottom:1px solid #333;width:90%;"></li>
        <li>Total Bill</li>
        <li><i class="fa fa-inr"></i> 0</li>
      </ul>
    </div>
  </fieldset>

  <input type="submit" name="ReGenerate" onclick="$('#btnval').val($(this).val())" value="ReGenerate" style="cursor:pointer;">
  <input type="submit" name="Save" onclick="$('#btnval').val($(this).val())" value="Save" style="cursor:pointer;">
</form>
</div>
<div id="myModal1" class="modal fade" role="dialog">
  <div class="modal-dialog">

    <!-- Modal content-->
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">×</button>
        <h4 class="modal-title">Extra Charges</h4>
      </div>
      <div class="modal-body">
       <div class="settings">
      <ul>
      <form method="post" id="extrachargeform" onsubmit=" return addextrachrg(this.id,'http://www.hello42cab.com/tunnel/menu/livebillgenadmin',addextrachrgresults,1,'0026','0');">
        <li>Parking Charge</li>
        <li><input type="number" required="" name="Parking_Charge" id="Parking_Charge" value="0"></li>
        <li>Toll Tax</li>
        <li><input type="number" required="" name="Toll_Taxe" id="Toll_Taxe" value="0"></li>
         <li>Other Charge</li>
        <li><input type="number" required="" name="Other_Charge" id="Other_Charge" value="0"></li>
        
        <li><strong></strong></li>
        <li><strong><input type="submit" value="Save" style="cursor:pointer;"></strong></li><strong>
       
      </strong></form></ul><strong>
    </strong></div><strong>
      </strong></div><strong>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
      </div>
    </strong></div><strong>

  </strong></div><strong>
</strong></div><strong>
</strong></div>
                      
                                            </div>
                                        </div> 
                                    </div>
                                </div>
              </div>
  
            </div>                            
        </div>             
    </div>