EVOLUTION-NINJA
Edit File: quotation_new.php
<!---<link rel="stylesheet" href="<?php echo base_url('admin_assets/assets/font-awesome/4.5.0/css/font-awesome.min.css');?>" /> <link rel="stylesheet" href="https://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"> <link rel="stylesheet" href="<?php echo base_url('admin_assets/toastr/toastr.min.css');?>"> <link rel="stylesheet" href="<?php echo base_url('admin_assets/sweet_alert/sweet-alert.css');?>"> <script src="<?php echo base_url('admin_assets/event/assets/js/jquery-3.1.1.min.js');?>"></script> <script src="<?php echo base_url('admin_assets/event/assets/js/bootstrap.min.js');?>"></script> <script src="https://code.jquery.com/jquery-1.10.2.js"></script> <script src="https://code.jquery.com/ui/1.11.4/jquery-ui.js"></script> <script src="<?php echo base_url('admin_assets/toastr/toastr.min.js');?>"></script> <script src="<?php echo base_url('admin_assets/sweet_alert/sweet-alert.js');?>"></script> <link rel='shortcut icon' type='image/x-icon' href="<?php echo base_url('admin_assets/favicon.png');?>" />---> <link rel="stylesheet" href="<?php echo base_url('admin_assets/assets/font-awesome/4.5.0/css/font-awesome.min.css');?>" /> <link rel="stylesheet" href="https://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"> <link rel="stylesheet" href="<?php echo base_url('admin_assets/toastr/toastr.min.css');?>"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <script src="<?php echo base_url('admin_assets/toastr/toastr.min.js');?>"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> <script src="https://code.jquery.com/jquery-1.10.2.js"></script> <script src="https://code.jquery.com/ui/1.11.4/jquery-ui.js"></script> <link rel='shortcut icon' type='image/x-icon' href="<?php echo base_url('admin_assets/favicon.png');?>" /> <link rel="stylesheet" href="<?php echo base_url('admin_assets/sweet_alert/sweet-alert.css');?>"> <script src="<?php echo base_url('admin_assets/sweet_alert/sweet-alert.js');?>"></script> <html> <title>JBERP</title> </head> <form action="" method="post" id="add_accounts" style="padding:10px;"> <body> <div style="width: 800px;float: left;"> <div class="page-header" style="text-align: center"> <div class="row_1" style="border-bottom: 1px solid #000;padding-bottom:65px;"> <img src="<?php echo base_url('admin_assets/logo.jpg');?>" style="float:left;"> <h1 style="color: #A6A6A6;padding-bottom: 5px;margin-bottom: 0px;float:right;padding-right:10px;" class="heading_name">Quotation</h1> </div> <br/> <!--<button type="button" onClick="window.print()" style="background: pink">--> <!-- PRINT ME!--> <!--</button>--> </div> <table id="tableID"> <thead> <tr> <td> <!--place holder for the fixed-position header--> <div class="page-header-space"></div> </td> </tr> </thead> <tbody> <tr> <td colspan="4">Please don't compare our quotation with others as Quality is our main priority!</td> <input type="hidden" name="lead_id" value="<?php echo $account_persons->lead_id;?>" class="lead"> <input type="hidden" name="client_name" value="<?php echo $account_persons->account_name;?>" class="client_name"> </tr> <tr> <td colspan="4" class="invoice_tax" style="padding-top: 15px;"> <label><input type="radio" name="invoice_tax" value="tax" class="invoice_tax_new" required> Add Tax</label>   <label><input type="radio" name="invoice_tax" value="no_tax" class="invoice_tax_new" required> No Tax</label>   <span class="trtt state_option" style="padding-left: 0px;" ></span> </td> </tr> <tr> <td colspan="2"></td> <td style="text-align:right;padding-right:10px;"><b>DATE</b></td> <td><input type="text" style="" class="form-control" name="quo_date" autocomplete="off" value="<?php echo date('d-m-Y'); ?>" id="myInput1"></td> </tr> <tr> <td colspan="2"></td> <td style="text-align:right;padding-right:10px;"><b>Quotation #</b></td> <td><input type="text" name="quotation_number" style="" class="form-control" id="myInput2" value="<?php echo $quo=$quotation->quotation_number+1; ?>" ></td> </tr> <tr> <td colspan="2"></td> <td style="text-align:right;padding-right:10px;"><em>Quotation valid until:</em></td> <td><input type="text" style="" id="myInput3" class="form-control" name="quot_end_date" value="<?php echo $till_date=date('d-m-Y', strtotime("+15 days")); ?>"></td> </tr> <tr> <td colspan="2"></td> <td style="text-align:right;padding-right:10px;"><em>Prepared by:</em></td> <td><?php echo $this->session->userdata('admin'); ?></td> </tr> <tr> <td colspan="4"> <b>To:</b><br> <input type="text" class="form-control" style="margin-bottom:5px;" placeholder="Name" name="to_name" id="myInput4" value="<?php echo $account_persons->account_name.':'.$account_persons->email_id.':'.$account_persons->account_id.':Account'; ?>" > <textarea rows="2" class="form-control" style="" placeholder="Address" name="address" id="myInput5" readonly ><?php if(!empty($account_persons->billing_street)){echo $account_persons->billing_street.',';}if(!empty($account_persons->billing_city)){ echo $account_persons->billing_city.'-';} if(!empty($account_persons->billing_code)){ echo $account_persons->billing_code.','; } if(!empty($account_persons->billing_state)){ echo $account_persons->billing_state.','; } if(!empty($account_persons->billing_country)) {echo $account_persons->billing_country; }?></textarea> </td> </tr> <tr> <td colspan="4"> <b>Comments or special instructions:</b><br> <textarea rows="2" id="myInput6" name="comments" style="" class="form-control" value="<?php if($comment !=''){ echo $comment->field_value; } ?>"><?php if($comment !=''){ echo $comment->field_value; } ?></textarea> </td> </tr> <tr style="background:#7B8CA0;"> <th style="width: 5%;padding: 5px;border: 1px solid #000;">SI NO</th> <th style="width: 35%;padding: 5px;border: 1px solid #000;">DESCRIPTION</th> <th style="width: 30%;padding: 5px;border: 1px solid #000;">Other</th> <th style="width: 20%;padding: 5px;border: 1px solid #000;">PRICE</th> <th style="width: 10%;padding: 5px;border: 1px solid #000;" class="action">Action</th> </tr> <tr> <td style="padding: 5px;border: 1px solid #000;"><input type="text" style="" name="sino" class="form-control sino" id="myInput6" required> <br> <p style="cursor:pointer" class="p_plus"><img src="<?php echo base_url(); ?>/admin_assets/images/blue-plus.png"></p> </td> <td style="padding: 5px;border: 1px solid #000;"><textarea rows="3" style="" name="description[]" class="form-control description" id="myInput7" required></textarea></td> <td style="padding: 5px;border: 1px solid #000;vertical-align: top;">-</td> <td style="padding: 5px;border: 1px solid #000;vertical-align: top;text-align: right;"><i class="fa fa-inr" aria-hidden="true"></i>. <input type="text" style="width:120px;" name="price[]" id="total_price" onfocusout="price();" class="total_price" required></td> <td class="action" style="padding: 5px;border: 1px solid #000;vertical-align: top;text-align: right;"></td> </tr> <tbody class="new_tr"></tbody> <div> <tr style="border-bottom: initial;border-color: transparent;" class="sub_total_tr"> <td colspan="3" style="padding: 5px;text-align: right;border: 1px solid #000;"><b>Sub Total</b></td> <td style="padding: 5px;text-align: right;border: 1px solid #000;"><i class="fa fa-inr" aria-hidden="true"></i>. <input type="text" style="width:120px;" class="sub_total" name="sub_total" id="myInput9" required></td> </tr> <tr style="border-bottom: initial;border-color: transparent;display: none;" class="cgst_tr"> <td colspan="3" style="padding: 5px;text-align: right;border: 1px solid #000;"><p style="display: inline-flex;margin-top:0px;margin-bottom:0px;"><b>CGST @</b> <select class="" class="cgst" id="cgst" name="cgst" required> <?php foreach($gst as $value){ ?> <option value="<?php echo $value; ?>"><?php echo $value; ?></option> <?php } ?> </select></p></td> <td style="padding: 5px;text-align: right;border: 1px solid #000;"><i class="fa fa-inr" aria-hidden="true"></i>. <input type="text" style="width:120px;" name="cgst_amount" class="cgst_amount" id="cgst_amount"></td> </tr> <tr style="border-bottom: initial;border-color: transparent;display: none;" class="sgst_tr"> <td colspan="3" style="padding: 5px;text-align: right;border: 1px solid #000;"><p style="display: inline-flex;margin-top:0px;margin-bottom:0px;"><b>SGST @</b> <select class="" style="" class="sgst" id="sgst" name="sgst" required> <?php foreach($sgst as $value){ ?> <option value="<?php echo $value; ?>"><?php echo $value; ?></option> <?php } ?> </select></p></td> <td style="padding: 5px;text-align: right;border: 1px solid #000;"><i class="fa fa-inr" aria-hidden="true"></i>. <input type="text" style="width: 120px;" class="sgst_amount" id="myInput10" name="sgst_amount"></td> </tr> <tr style="border-bottom: initial;border-color: transparent;display: none;" class="igst_tr"> <td colspan="3" style="padding: 5px;text-align: right;border: 1px solid #000;"><p style="display: inline-flex;margin-top:0px;margin-bottom:0px;"><b>IGST @</b> <select class="" style="" class="igst" id="igst" name="igst" required> <?php foreach($igst as $value){ ?> <option value="<?php echo $value; ?>"><?php echo $value; ?></option> <?php } ?> </select></p></td> <td style="padding: 5px;text-align: right;border: 1px solid #000;"><i class="fa fa-inr" aria-hidden="true"></i>. <input type="text" style="width: 120px;" class="igst_amount" id="myInput20" name="igst_amount"></td> </tr> <tr style="border-bottom: initial;border-color: transparent;"> <td colspan="3" style="padding: 5px;text-align: right;border: 1px solid #000;"><b>Total</b></td> <td style="padding: 5px;text-align: right;border: 1px solid #000;"><i class="fa fa-inr" aria-hidden="true"></i>. <input type="text" style="width: 120px;" class="total" id="myInput11" name="total_amount"></td> </tr> <tr style="border-bottom: initial;border-color: transparent;"> <td colspan="3" style="padding: 5px;text-align: right;border: 1px solid #000;"><b>Grand Total</b></td> <td style="padding: 5px;text-align: right;border: 1px solid #000;"><i class="fa fa-inr" aria-hidden="true"></i>. <input type="text" style="width: 120px;" class="grand_total" name="grand_total" id="grand_total"></td> </tr> <tr style="border-bottom: initial;border-color: transparent;"> <td colspan="" style="padding: 5px;border: 1px solid #000;font-weight: bold;font-size: 13px;"><b>In Words</b></td> <td colspan="3" style="padding: 5px;border: 1px solid #000;"><input type="text" style="" class="form-control amount_in_words" name="amount_in_words" id="myInput14"></td> </tr> <tr> <td colspan="2" style="padding-top:20px;">Company GSTN : 29BZLPS4657J1ZG</td> <td style="padding-top:20px;">Company GSTN : 29BZLPS4657J1ZG</td> <td></td> </tr> <tr> <td colspan="2">Company Bank Details :</td> <td>Company Bank Details :</td> <td style="text-align:right;">For JAYBLUES TECHNOLOGIES</td> </tr> <tr> <td colspan="2">SBI</td> <td>HDFC Bank</td> <td rowspan="3"><img src="<?php echo base_url(); ?>/admin_assets/ajay_sig.jpg" style="float:right;"/></td> </tr> <tr> <td colspan="2">Jayblues</td> <td>Jayblues</td> </tr> <tr> <td colspan="2">Account Type : Current Account</td> <td>Account Type : Current Account</td> </tr> <tr> <td colspan="2">Account Number : 62439776675</td> <td>Account Number : 50200010784596</td> <td style="text-align:right;color:#000;">Authorized Signatory</td> </tr> <tr> <td colspan="2">IFSC : SBIN0020555</td> <td>IFSC : HDFC0000065</td> <td></td> </tr> <tr> <td colspan="2">Branch : Kalidasa Road, Mysore</td> <td>Branch : Saraswathipuram, Mysore</td> <td></td> </tr> </tbody> <tfoot> <tr> <td> <!--place holder for the fixed-position footer--> <div class="page-footer-space"></div> </td> </tr> </tfoot> </table> <div class="page-footer"> <h3 style="text-align: center;padding-bottom: 10px;border-bottom: 1px solid #000;margin-bottom: 5px;">THANK YOU FOR YOUR BUSINESS!</h3> <p style="text-align: center;color:#898989; margin: 0 !important; padding-bottom: 8px;">Head Off. : #656/D, 16th Main, 5th Cross, Saraswathipuram, Mysore, Karnataka-570009.</p> <p style="text-align: center;color:#898989; margin: 0 !important;">K R Square, #1073, 15th cross,30th main, Banashankari 2nd stage, Bangalore - 560070.<br> Ph: 9663933606 / 9740285566, www.jayblues.com</p> </div> <!--- <div class="row_1"> <div class="divheader"> <img src="<?php echo base_url(); ?>/admin_assets/logo.jpg"> <h1 style="color: #A6A6A6; border-bottom: 1px solid #000;text-align: right;padding-bottom: 5px;margin-bottom: 0px;">Quotation</h1> </div> <p style="margin-top: 5px;margin-bottom: 0px;">Please don't compare our quotation with others as Quality is our main priority!</p> </div> <input type="hidden" name="lead_id" value="<?php echo $account_persons->lead_id;?>" class="lead"> <input type="hidden" name="client_name" value="<?php echo $account_persons->account_name;?>" class="client_name"> <div class="row_2"> <div class="col-sm-4 invoice_tax" style="padding-top: 15px;" > <label><input type="radio" name="invoice_tax" value="tax" class="invoice_tax_new" required>Add Tax</label>   <label><input type="radio" name="invoice_tax" value="no_tax" class="invoice_tax_new" required>No Tax</label>   <span class="trtt state_option" style="padding-left: 0px;"></span> </div> <table style="float:right;"> <tr> <td style="text-align:right;padding-right:10px;"><b>DATE</b></td> <td><input type="text" style="width: 80px;" name="quo_date" autocomplete="off" value="<?php echo date('d-m-Y'); ?>" id="myInput1"></td> </tr> <tr> <td style="text-align:right;padding-right:10px;"><b>Quotation #</b></td> <td><input type="text" name="quotation_number" style="width: 80px;" id="myInput2" value="<?php echo $quo=$quotation->quotation_number+1; ?>" ></td> </tr> <tr> <td style="text-align:right;padding-right:10px;"><em>Quotation valid until:</em></td> <td><input type="text" style="width: 80px;" id="myInput3" name="quot_end_date" value="<?php echo $till_date=date('d-m-Y', strtotime("+15 days")); ?>"></td> </tr> <tr> <td style="text-align:right;padding-right:10px;"><em>Prepared by:</em></td> <td><?php echo $this->session->userdata('admin'); ?></td> </tr> </table> </div> <div class="" style="clear:both !important;"></div> <div class="row_3"> <div class="" style="padding-bottom:10px;"> <p style="margin-bottom:5px;"><b>To:</b></p> <input type="text" style="margin-bottom:5px;width:32%;" placeholder="Name" name="to_name" id="myInput4" value="<?php echo $account_persons->account_name.':'.$account_persons->email_id.':'.$account_persons->account_id.':Account'; ?>" > <textarea rows="2" style="width:100%;" placeholder="Address" name="address" id="myInput5" readonly ><?php if(!empty($account_persons->billing_street)){echo $account_persons->billing_street.',';}if(!empty($account_persons->billing_city)){ echo $account_persons->billing_city.'-';} if(!empty($account_persons->billing_code)){ echo $account_persons->billing_code.','; } if(!empty($account_persons->billing_state)){ echo $account_persons->billing_state.','; } if(!empty($account_persons->billing_country)) {echo $account_persons->billing_country; }?></textarea> </div> <p style="margin-bottom: 5px;"><b>Comments or special instructions:</b></p> <p style="margin-top: 5px;"><textarea rows="2" id="myInput6" name="comments" style="width:100%;" value="<?php if($comment !=''){ echo $comment->field_value; } ?>"><?php if($comment !=''){ echo $comment->field_value; } ?></textarea></p> </div> <div class="row_4" style="padding: 10px 0px 30px;"> <table border="1" style="width:100%;border-collapse: collapse;border-left: initial;border-bottom: initial;"> <tr style="background:#7B8CA0;"> <th style="width: 10%;padding: 5px;border: 1px solid #000;">SI NO</th> <th style="width: 52%;padding: 5px;border: 1px solid #000;">DESCRIPTION</th> <th style="width: 18%;padding: 5px;border: 1px solid #000;">Other</th> <th style="width: 20%;padding: 5px;border: 1px solid #000;">PRICE</th> <th style="width: 20%;padding: 5px;border: 1px solid #000;" class="action">Action</th> </tr> <tr> <td style="padding: 5px;border: 1px solid #000;"><input type="text" style="width: 100px;" name="sino" class="sino" id="myInput6" required> <br> <a href="" class="p_plus"><img src="<?php echo base_url(); ?>/admin_assets/images/blue-plus.png"></a> </td> <td style="padding: 5px;border: 1px solid #000;"><textarea rows="3" style="width:100%;" name="description[]" class="description" id="myInput7" required></textarea></td> <td style="padding: 5px;border: 1px solid #000;vertical-align: top;">-</td> <td style="padding: 5px;border: 1px solid #000;vertical-align: top;text-align: right;"><i class="fa fa-inr" aria-hidden="true"></i>. <input type="text" style="width: 100px;" name="price[]" id="total_price" onfocusout="price();" class="total_price" required></td> <td class="action" style="padding: 5px;border: 1px solid #000;vertical-align: top;text-align: right;"></td> </tr> <tbody class="new_tr"></tbody> <div> <tr style="border-bottom: initial;border-color: transparent;" class="sub_total_tr"> <td colspan="2" style="border-bottom:initial;border-left:initial;"></td> <td style="padding: 5px;text-align: right;border: 1px solid #000;"><b>Sub Total</b></td> <td style="padding: 5px;text-align: right;border: 1px solid #000;"><i class="fa fa-inr" aria-hidden="true"></i>. <input type="text" style="width: 100px;" class="sub_total" name="sub_total" id="myInput9" required></td> </tr> <tr style="border-bottom: initial;border-color: transparent;display: none;" class="cgst_tr"> <td colspan="2"></td> <td style="padding: 5px;text-align: right;border: 1px solid #000;"><p style="display: inline-flex;margin-top:0px;margin-bottom:0px;"><b>CGST @</b> <select class="" class="cgst" id="cgst" name="cgst" required> <?php foreach($gst as $value){ ?> <option value="<?php echo $value; ?>"><?php echo $value; ?></option> <?php } ?> </select></p></td> <td style="padding: 5px;text-align: right;border: 1px solid #000;"><i class="fa fa-inr" aria-hidden="true"></i>. <input type="text" style="width: 100px;" name="cgst_amount" class="cgst_amount" id="cgst_amount"></td> </tr> <tr style="border-bottom: initial;border-color: transparent;display: none;" class="sgst_tr"> <td colspan="2"></td> <td style="padding: 5px;text-align: right;border: 1px solid #000;"><p style="display: inline-flex;margin-top:0px;margin-bottom:0px;"><b>SGST @</b> <select class="" style="" class="sgst" id="sgst" name="sgst" required> <?php foreach($sgst as $value){ ?> <option value="<?php echo $value; ?>"><?php echo $value; ?></option> <?php } ?> </select></p></td> <td style="padding: 5px;text-align: right;border: 1px solid #000;"><i class="fa fa-inr" aria-hidden="true"></i>. <input type="text" style="width: 100px;" class="sgst_amount" id="myInput10" name="sgst_amount"></td> </tr> <tr style="border-bottom: initial;border-color: transparent;display: none;" class="igst_tr"> <td colspan="2"></td> <td style="padding: 5px;text-align: right;border: 1px solid #000;"><p style="display: inline-flex;margin-top:0px;margin-bottom:0px;"><b>IGST @</b> <select class="" style="" class="igst" id="igst" name="igst" required> <?php foreach($igst as $value){ ?> <option value="<?php echo $value; ?>"><?php echo $value; ?></option> <?php } ?> </select></p></td> <td style="padding: 5px;text-align: right;border: 1px solid #000;"><i class="fa fa-inr" aria-hidden="true"></i>. <input type="text" style="width: 100px;" class="igst_amount" id="myInput20" name="igst_amount"></td> </tr> <tr style="border-bottom: initial;border-color: transparent;"> <td colspan="2" style="padding: 5px;"><b>In Words -</b></td> <td style="padding: 5px;text-align: right;border: 1px solid #000;"><b>Total</b></td> <td style="padding: 5px;text-align: right;border: 1px solid #000;"><i class="fa fa-inr" aria-hidden="true"></i>. <input type="text" style="width: 100px;" class="total" id="myInput11" name="total_amount"></td> </tr> <tr style="border-bottom: initial;border-color: transparent;"> <td colspan="2" style="padding: 5px;"><input type="text" style="width: 100%;" class="amount_in_words" name="amount_in_words" id="myInput14"></td> <td style="padding: 5px;text-align: right;border: 1px solid #000;"><b>Grand Total</b></td> <td style="padding: 5px;text-align: right;border: 1px solid #000;"><i class="fa fa-inr" aria-hidden="true"></i>. <input type="text" style="width: 100px;" class="grand_total" name="grand_total" id="grand_total"></td> </tr> </div> </table> </div> <div class="row_5"> <table style="width:100%; color:#898989;"> <tr> <td>Company GSTN : 29BZLPS4657J1ZG</td> <td>Company GSTN : 29BZLPS4657J1ZG</td> <td style="text-align:right;">For JAYBLUES TECHNOLOGIES</td> </tr> <tr> <td>Company Bank Details :</td> <td>Company Bank Details :</td> <td rowspan="3"><img src="<?php echo base_url(); ?>/admin_assets/ajay_sig.jpg" style="float:right;"/></td> </tr> <tr> <td>SBI</td> <td>HDFC Bank</td> </tr> <tr> <td>Jayblues</td> <td>Jayblues</td> </tr> <tr> <td>Account Type : Current Account</td> <td>Account Type : Current Account</td> <td style="text-align:right;color:#000;">Authorized Signatory</td> </tr> <tr> <td>Account Number : 62439776675</td> <td>Account Number : 50200010784596</td> <td></td> </tr> <tr> <td>IFSC : SBIN0020555</td> <td>IFSC : HDFC0000065</td> <td></td> </tr> <tr> <td>Branch : Kalidasa Road, Mysore</td> <td>Branch : Saraswathipuram, Mysore</td> <td></td> </tr> </table> </div> <div class="row_5 divfooter"> <h3 style="text-align: center;padding-bottom: 10px;border-bottom: 1px solid #000;margin-bottom: 5px;">THANK YOU FOR YOUR BUSINESS!</h3> <p style="text-align: center;color:#898989; margin: 0 !important; padding-bottom: 8px;">Head Off. : #656/D, 16th Main, 5th Cross, Saraswathipuram, Mysore, Karnataka-570009.</p> <p style="text-align: center;color:#898989; margin: 0 !important;">K R Square, #1073, 15th cross,30th main, Banashankari 2nd stage, Bangalore - 560070.<br> Ph: 9663933606 / 9740285566, www.jayblues.com</p> </div>---> <div class="row_6" style="text-align:center;padding-top:50px;"> <button type="button" style="background:blue;color:#fff;" class="print">Print</button> <button type="submit" style="background:blue;color:#fff;" id="submit">Save</button> </div> </div> <div style="width:100px; float:left;padding-left: 30px;padding-top: 30px;"> <a href="<?php echo site_url('quotation-list');?>" style="color:blue;"><i class="fa fa-long-arrow-left fa-2x arro_w"></i></a> </div> </body> </form> </html> <script> $('.p_plus').click(function(e){ e.preventDefault(); var content=''; content+='<tr>'; content+='<td style="padding: 5px;border: 1px solid #000;"><input type="text" style="" name="sino" class="form-control sino" id="myInput6" required>'; content+='<br>'; content+='<td style="padding: 5px;border: 1px solid #000;"><textarea rows="3" style="" name="description[]" class="form-control description" id="myInput7" required></textarea></td>'; content+='<td style="padding: 5px;border: 1px solid #000;vertical-align: top;"></td>'; content+='<td style="padding: 5px;border: 1px solid #000;vertical-align: top;text-align: right;"><i class="fa fa-inr" aria-hidden="true"></i>. <input type="text" style="width:120px;" name="price[]" id="total_price" class="total_price" onfocusout="price();" required></td>'; content += '<td class="action" style="text-align:center;padding: 5px;border: 1px solid #000;vertical-align: middle;"><a class="remove" href="javascript:void(0);"><i class="fa fa-trash" aria-hidden="true"></i></a></td>'; content+='</tr>'; $('.new_tr').append(content); $(".remove").click(function(){ $(this).closest('tr').remove(); price(); }); }); function price(){ var tax=$('input[name=invoice_tax]:checked').val(); if(tax=='no_tax'){ $('.sub_total').removeAttr('required'); $('#cgst').removeAttr('required'); $('.cgst_amount').removeAttr('required'); $('#sgst').removeAttr('required'); $('.sgst_amount').removeAttr('required'); var sum=0; $(".total_price").each(function(i,val){ if($(this).val()!=''){ m=$(this).val(); m=parseInt(m); sum+=m; } }); var total_sum = sum; x=sum.toString(); var lastThree = x.substring(x.length-3); var otherNumbers = x.substring(0,x.length-3); if(otherNumbers != '') lastThree = ',' + lastThree; var sum = otherNumbers.replace(/\B(?=(\d{2})+(?!\d))/g, ",") + lastThree; $('.total').val(sum); $('.grand_total').val(sum); total_pending_amount = 0; total_balance_amount = 0; var words = new Array(); words[0] = ''; words[1] = 'One'; words[2] = 'Two'; words[3] = 'Three'; words[4] = 'Four'; words[5] = 'Five'; words[6] = 'Six'; words[7] = 'Seven'; words[8] = 'Eight'; words[9] = 'Nine'; words[10] = 'Ten'; words[11] = 'Eleven'; words[12] = 'Twelve'; words[13] = 'Thirteen'; words[14] = 'Fourteen'; words[15] = 'Fifteen'; words[16] = 'Sixteen'; words[17] = 'Seventeen'; words[18] = 'Eighteen'; words[19] = 'Nineteen'; words[20] = 'Twenty'; words[30] = 'Thirty'; words[40] = 'Forty'; words[50] = 'Fifty'; words[60] = 'Sixty'; words[70] = 'Seventy'; words[80] = 'Eighty'; words[90] = 'Ninety'; amount = sum.toString(); var atemp = amount.split("."); var number = atemp[0].split(",").join(""); var n_length = number.length; var words_string = ""; if (n_length <= 9) { var n_array = new Array(0, 0, 0, 0, 0, 0, 0, 0, 0); var received_n_array = new Array(); for (var i = 0; i < n_length; i++) { received_n_array[i] = number.substr(i, 1); } for (var i = 9 - n_length, j = 0; i < 9; i++, j++) { n_array[i] = received_n_array[j]; } for (var i = 0, j = 1; i < 9; i++, j++) { if (i == 0 || i == 2 || i == 4 || i == 7) { if (n_array[i] == 1) { n_array[j] = 10 + parseInt(n_array[j]); n_array[i] = 0; } } } value = ""; for (var i = 0; i < 9; i++) { if (i == 0 || i == 2 || i == 4 || i == 7) { value = n_array[i] * 10; } else { value = n_array[i]; } if (value != 0) { words_string += words[value] + " "; } if ((i == 1 && value != 0) || (i == 0 && value != 0 && n_array[i + 1] == 0)) { words_string += "Crores "; } if ((i == 3 && value != 0) || (i == 2 && value != 0 && n_array[i + 1] == 0)) { words_string += "Lakhs "; } if ((i == 5 && value != 0) || (i == 4 && value != 0 && n_array[i + 1] == 0)) { words_string += "Thousand "; } if (i == 6 && value != 0 && (n_array[i + 1] != 0 && n_array[i + 2] != 0)) { words_string += "Hundred and "; } else if (i == 6 && value != 0) { words_string += "Hundred "; } } words_string = words_string.split(" ").join(" "); $('.amount_in_words').val(words_string+ "Rupees Only"); } }else { var sum=0; $(".total_price").each(function(i,val){ if($(this).val()!=''){ m=$(this).val(); m=parseInt(m); sum+=m; } }); x=sum.toString(); var lastThree = x.substring(x.length-3); var otherNumbers = x.substring(0,x.length-3); if(otherNumbers != '') lastThree = ',' + lastThree; var sum = otherNumbers.replace(/\B(?=(\d{2})+(?!\d))/g, ",") + lastThree; $('.sub_total').val(sum); var invoice_tax=$(".state option:selected").val(); if(invoice_tax=='Within State'){ cgst(); sgst(); }else if(invoice_tax=='Out of State'){ igst(); } } } function igst(){ var value=$('#igst').val(); var value=value.replace(/%/g,''); var igst =parseInt(value); var sub_total =$('.sub_total').val(); var sub_total = sub_total.replace(/[_\W]+/g, ""); var igst_amount =Math.round((igst*sub_total)/100); x=igst_amount.toString(); var lastThree = x.substring(x.length-3); var otherNumbers = x.substring(0,x.length-3); if(otherNumbers != '') lastThree = ',' + lastThree; var igst_amount = otherNumbers.replace(/\B(?=(\d{2})+(?!\d))/g, ",") + lastThree; $('.igst_amount').val(igst_amount); var igst_amount=$('.igst_amount').val(); igst_amount=igst_amount.replace(/[_\W]+/g, ""); total_amount=parseInt(igst_amount)+parseInt(sub_total); var total_round_new=Math.round(total_amount); x=total_round_new.toString(); var lastThree = x.substring(x.length-3); var otherNumbers = x.substring(0,x.length-3); if(otherNumbers != '') lastThree = ',' + lastThree; var total_round = otherNumbers.replace(/\B(?=(\d{2})+(?!\d))/g, ",") + lastThree; $('.total').val(total_round); $('.grand_total').val(total_round); var words = new Array(); words[0] = ''; words[1] = 'One'; words[2] = 'Two'; words[3] = 'Three'; words[4] = 'Four'; words[5] = 'Five'; words[6] = 'Six'; words[7] = 'Seven'; words[8] = 'Eight'; words[9] = 'Nine'; words[10] = 'Ten'; words[11] = 'Eleven'; words[12] = 'Twelve'; words[13] = 'Thirteen'; words[14] = 'Fourteen'; words[15] = 'Fifteen'; words[16] = 'Sixteen'; words[17] = 'Seventeen'; words[18] = 'Eighteen'; words[19] = 'Nineteen'; words[20] = 'Twenty'; words[30] = 'Thirty'; words[40] = 'Forty'; words[50] = 'Fifty'; words[60] = 'Sixty'; words[70] = 'Seventy'; words[80] = 'Eighty'; words[90] = 'Ninety'; amount = total_round_new.toString(); var atemp = amount.split("."); var number = atemp[0].split(",").join(""); var n_length = number.length; var words_string = ""; if (n_length <= 9) { var n_array = new Array(0, 0, 0, 0, 0, 0, 0, 0, 0); var received_n_array = new Array(); for (var i = 0; i < n_length; i++) { received_n_array[i] = number.substr(i, 1); } for (var i = 9 - n_length, j = 0; i < 9; i++, j++) { n_array[i] = received_n_array[j]; } for (var i = 0, j = 1; i < 9; i++, j++) { if (i == 0 || i == 2 || i == 4 || i == 7) { if (n_array[i] == 1) { n_array[j] = 10 + parseInt(n_array[j]); n_array[i] = 0; } } } value = ""; for (var i = 0; i < 9; i++) { if (i == 0 || i == 2 || i == 4 || i == 7) { value = n_array[i] * 10; } else { value = n_array[i]; } if (value != 0) { words_string += words[value] + " "; } if ((i == 1 && value != 0) || (i == 0 && value != 0 && n_array[i + 1] == 0)) { words_string += "Crores "; } if ((i == 3 && value != 0) || (i == 2 && value != 0 && n_array[i + 1] == 0)) { words_string += "Lakhs "; } if ((i == 5 && value != 0) || (i == 4 && value != 0 && n_array[i + 1] == 0)) { words_string += "Thousand "; } if (i == 6 && value != 0 && (n_array[i + 1] != 0 && n_array[i + 2] != 0)) { words_string += "Hundred and "; } else if (i == 6 && value != 0) { words_string += "Hundred "; } } words_string = words_string.split(" ").join(" "); $('.amount_in_words').val(words_string+ "Rupees Only"); } } function cgst(){ var value =$('#cgst').val(); var cgst =parseInt(value); var sub_total =$('.sub_total').val(); var sub_total = sub_total.replace(/[_\W]+/g, ""); var cgst_amount =Math.round((cgst*sub_total)/100); x=cgst_amount.toString(); var lastThree = x.substring(x.length-3); var otherNumbers = x.substring(0,x.length-3); if(otherNumbers != '') lastThree = ',' + lastThree; var cgst_amount = otherNumbers.replace(/\B(?=(\d{2})+(?!\d))/g, ",") + lastThree; $('.cgst_amount').val(cgst_amount); } function sgst(){ var value=$('#sgst').val(); var sgst =parseInt(value); var sub_total =$('.sub_total').val(); var sub_total = sub_total.replace(/[_\W]+/g, ""); var sgst_amount =Math.round((sgst*sub_total)/100); x=sgst_amount.toString(); var lastThree = x.substring(x.length-3); var otherNumbers = x.substring(0,x.length-3); if(otherNumbers != '') lastThree = ',' + lastThree; var sgst_amount = otherNumbers.replace(/\B(?=(\d{2})+(?!\d))/g, ",") + lastThree; $('.sgst_amount').val(sgst_amount); sgst_amount=sgst_amount.replace(/[_\W]+/g, ""); var cgst_amount=$('.cgst_amount').val(); cgst_amount=cgst_amount.replace(/[_\W]+/g, ""); var sub_total = sub_total.replace(/[_\W]+/g, ""); total_amount=parseInt(sgst_amount)+parseInt(cgst_amount)+parseInt(sub_total); var total_round_new=Math.round(total_amount); x=total_round_new.toString(); var lastThree = x.substring(x.length-3); var otherNumbers = x.substring(0,x.length-3); if(otherNumbers != '') lastThree = ',' + lastThree; var total_round = otherNumbers.replace(/\B(?=(\d{2})+(?!\d))/g, ",") + lastThree; $('.total').val(total_round); $('.grand_total').val(total_round); var words = new Array(); words[0] = ''; words[1] = 'One'; words[2] = 'Two'; words[3] = 'Three'; words[4] = 'Four'; words[5] = 'Five'; words[6] = 'Six'; words[7] = 'Seven'; words[8] = 'Eight'; words[9] = 'Nine'; words[10] = 'Ten'; words[11] = 'Eleven'; words[12] = 'Twelve'; words[13] = 'Thirteen'; words[14] = 'Fourteen'; words[15] = 'Fifteen'; words[16] = 'Sixteen'; words[17] = 'Seventeen'; words[18] = 'Eighteen'; words[19] = 'Nineteen'; words[20] = 'Twenty'; words[30] = 'Thirty'; words[40] = 'Forty'; words[50] = 'Fifty'; words[60] = 'Sixty'; words[70] = 'Seventy'; words[80] = 'Eighty'; words[90] = 'Ninety'; amount = total_round_new.toString(); var atemp = amount.split("."); var number = atemp[0].split(",").join(""); var n_length = number.length; var words_string = ""; if (n_length <= 9) { var n_array = new Array(0, 0, 0, 0, 0, 0, 0, 0, 0); var received_n_array = new Array(); for (var i = 0; i < n_length; i++) { received_n_array[i] = number.substr(i, 1); } for (var i = 9 - n_length, j = 0; i < 9; i++, j++) { n_array[i] = received_n_array[j]; } for (var i = 0, j = 1; i < 9; i++, j++) { if (i == 0 || i == 2 || i == 4 || i == 7) { if (n_array[i] == 1) { n_array[j] = 10 + parseInt(n_array[j]); n_array[i] = 0; } } } value = ""; for (var i = 0; i < 9; i++) { if (i == 0 || i == 2 || i == 4 || i == 7) { value = n_array[i] * 10; } else { value = n_array[i]; } if (value != 0) { words_string += words[value] + " "; } if ((i == 1 && value != 0) || (i == 0 && value != 0 && n_array[i + 1] == 0)) { words_string += "Crores "; } if ((i == 3 && value != 0) || (i == 2 && value != 0 && n_array[i + 1] == 0)) { words_string += "Lakhs "; } if ((i == 5 && value != 0) || (i == 4 && value != 0 && n_array[i + 1] == 0)) { words_string += "Thousand "; } if (i == 6 && value != 0 && (n_array[i + 1] != 0 && n_array[i + 2] != 0)) { words_string += "Hundred and "; } else if (i == 6 && value != 0) { words_string += "Hundred "; } } words_string = words_string.split(" ").join(" "); $('.amount_in_words').val(words_string+ "Rupees Only"); } } $('.invoice_tax_new').change(function(e){ e.preventDefault(); var mm=$(this).val(); invoice_tax(mm); }); $('.state').change(function(e){ e.preventDefault(); var state=$(this).val(); if(state=='Out of State'){ var tax=$('input[name=invoice_tax]:checked').val(); if(tax=='tax'){ $('.igst_tr').show(); $('.cgst_tr').hide(); $('.sgst_tr').hide(); } }else if(state=='Within State'){ var tax=$('input[name=invoice_tax]:checked').val(); if(tax=='tax'){ $('.igst_tr').hide(); $('.cgst_tr').show(); $('.sgst_tr').show(); } }else{ $('.igst_tr').hide(); $('.cgst_tr').hide(); $('.sgst_tr').hide(); } }); var val = $("input[name='invoice_tax']:checked").val(); invoice_tax(val); function invoice_tax(val) { if(val=='no_tax'){ $('.sub_total_tr').hide(); $('.cgst_tr').hide(); $('.sgst_tr').hide(); $('.igst_tr').hide(); }else{ $('.sub_total_tr').show(); $('.cgst_tr').show(); $('.sgst_tr').show(); $('.igst_tr').show(); } } $('.qut_amt').focusout(function(e){ e.preventDefault(); var t=$(this).val(); var res=$(this).val(); var res = res.replace(/[_\W]+/g, ""); var t=res; x=res.toString(); var lastThree = x.substring(x.length-3); var otherNumbers = x.substring(0,x.length-3); if(otherNumbers != '') lastThree = ',' + lastThree; var res = otherNumbers.replace(/\B(?=(\d{2})+(?!\d))/g, ",") + lastThree; $('.qut_amt').val(res); $('#myInput9').val(res); var type=$('input[name=invoice_tax]:checked').val(); if(type=='tax'){ var state = $('select.state option:selected').val(); if(state=='Within State'){ var gst_per=$("#myInput10 option:selected").val().replace(/%/g,''); va=parseInt(gst_per); t=parseInt(t); var gst=t*va/100; gst=parseInt(gst); x=gst.toString(); var lastThree = x.substring(x.length-3); var otherNumbers = x.substring(0,x.length-3); if(otherNumbers != '') lastThree = ',' + lastThree; var res = otherNumbers.replace(/\B(?=(\d{2})+(?!\d))/g, ",") + lastThree; $('#myInput11').val(res); var sgst_per=$("#myInput100 option:selected").val().replace(/%/g,''); sva=parseInt(sgst_per); t=parseInt(t); var sgst=t*sva/100; sgst=parseInt(sgst); x=sgst.toString(); var lastThree = x.substring(x.length-3); var otherNumbers = x.substring(0,x.length-3); if(otherNumbers != '') lastThree = ',' + lastThree; var res = otherNumbers.replace(/\B(?=(\d{2})+(?!\d))/g, ",") + lastThree; $("#myInput111").val(res); var tot=parseInt(gst+sgst+t); x=tot.toString(); var lastThree = x.substring(x.length-3); var otherNumbers = x.substring(0,x.length-3); if(otherNumbers != '') lastThree = ',' + lastThree; var res = otherNumbers.replace(/\B(?=(\d{2})+(?!\d))/g, ",") + lastThree; $('#myInput12').val(res); }else if(state=='Out of State'){ t=parseInt(t); var igst_per=$("#myInput201 option:selected").val().replace(/%/g,''); igst_va=parseInt(igst_per); t=parseInt(t); var igst=t*igst_va/100; igst=parseInt(igst); x=igst.toString(); var lastThree = x.substring(x.length-3); var otherNumbers = x.substring(0,x.length-3); if(otherNumbers != '') lastThree = ',' + lastThree; var res = otherNumbers.replace(/\B(?=(\d{2})+(?!\d))/g, ",") + lastThree; $('#myInput211').val(res); var tot=parseInt(igst+t); x=tot.toString(); var lastThree = x.substring(x.length-3); var otherNumbers = x.substring(0,x.length-3); if(otherNumbers != '') lastThree = ',' + lastThree; var res = otherNumbers.replace(/\B(?=(\d{2})+(?!\d))/g, ",") + lastThree; $('#myInput12').val(res); } }else{ $('#myInput12').val(res); } }); $('.invoice_tax_new').change(function(e){ e.preventDefault(); var mm=$(this).val(); if(mm=='no_tax'){ $('.state_option').empty(); $('.cgst_tr').hide(); $('.sgst_tr').hide(); $('.igst_tr').hide(); }else{ var con=''; //con+='<span class="trtt" style="padding-left: 0px;" >'; con+='<label>Invoice Tax</label> '; con+='<select type="select" name="invoice_tax" onchange="state_change();" class="state" style="padding-bottom:5px;padding-top: 5px;" required>'; con+='<option value="">Select</option>'; con+='<option value="Within State">Within State</option>'; con+='<option value="Out of State">Out of State</option>'; con+='</select>'; // con+='</span>'; $('.state_option').empty(); $('.state_option').append(con); } }); function state_change(){ var state=$('.state').val(); if(state=='Out of State'){ var tax=$('input[name=invoice_tax]:checked').val(); if(tax=='tax'){ $('.igst_tr').show(); $('.cgst_tr').hide(); $('.sgst_tr').hide(); } }else if(state=='Within State'){ var tax=$('input[name=invoice_tax]:checked').val(); if(tax=='tax'){ $('.igst_tr').hide(); $('.cgst_tr').show(); $('.sgst_tr').show(); } }else{ $('.igst_tr').hide(); $('.cgst_tr').hide(); $('.sgst_tr').hide(); } } $('#myInput10').change(function(e){ e.preventDefault(); var amt=$('.qut_amt').val(); var res = amt.replace(/[_\W]+/g, ""); var t=parseInt(res); var per=$("#myInput10 option:selected").val().replace(/%/g,''); per=parseInt(per); var gst=t*per/100; var tot=gst+t; x=gst.toString(); var lastThree = x.substring(x.length-3); var otherNumbers = x.substring(0,x.length-3); if(otherNumbers != '') lastThree = ',' + lastThree; var gst = otherNumbers.replace(/\B(?=(\d{2})+(?!\d))/g, ",") + lastThree; x=tot.toString(); var lastThree = x.substring(x.length-3); var otherNumbers = x.substring(0,x.length-3); if(otherNumbers != '') lastThree = ',' + lastThree; var tot = otherNumbers.replace(/\B(?=(\d{2})+(?!\d))/g, ",") + lastThree; $('#myInput11').val(gst); $('#myInput12').val(tot); }); $("#myInput4").autocomplete({ source: function( request, callback ) { var val=$('#myInput4').val(); var type = 'post' $.ajax({ type:type, url: '<?php echo site_url('search-lead'); ?>', data: {'val':val}, success: function( data ) { data=jQuery.parseJSON(data); $('#submit').removeAttr("disabled"); if(data!='0'){ multiple:true; callback($.map(data, function(vx){ return [ { label: vx.first_name + ":" +vx.email, value: vx.first_name + ":" +vx.email + ":"+vx.lead_id + ":"+vx.type } ]; })); }else{ swal("Lead is not yet Created"); $('#submit').attr("disabled", "disabled"); } } }); }, minLength: 1, select: function( event, ui ) { $("#myInput4").val( ui.item.label); $("#myInput4").val( ui.item.value); address(); return { value: ui.item.value }; }, open: function() { // Do something on open event. }, close: function() { // Do something on close event } }); function address(){ var val=$('#myInput4').val(); var name=val.split(':'); var n=name[0]; var company=name[1]; var lead_id=name[2]; var type=name[3]; $('.client_name').val(n); $('.lead').val(lead_id); if(type=='LEAD'){ var type = 'post' $.ajax({ type:type, url: '<?php echo site_url('lead-address'); ?>', data: {'lead_id':lead_id}, success: function( data ) { data=jQuery.parseJSON(data); $('textarea#myInput5').html(''); $("textarea#myInput5").append(data.street+' '+data.city); $("textarea#myInput5").append('</br>'+' '+data.state+' '+data.zip_code); } }); } else{ var type = 'post' $.ajax({ type:type, url: '<?php echo site_url('yaskawa/get_potentialnew_detail'); ?>', data: {'lead_id':lead_id}, success: function( data ) { data=jQuery.parseJSON(data); $('textarea#myInput5').html(''); $("textarea#myInput5").append(data.mailing_street+' '+data.mailing_city); $("textarea#myInput5").append('</br>'+' '+data.mailing_state); } }); } } $('.print').click(function(){ $('.invoice_tax').hide(); $('.print').toggle(); $('#submit').toggle(); $("select").css({"-webkit-appearance": "none"}); $('.p_plus').hide(); $('.action').hide(); $('.delete_icon').hide(); $(".sino").css({"border-style": "none"}); $('.description').css({"border-style": "none"}); $('.sac').css({"border-style": "none"}); $('.total_price').css({"border-style": "none"}); $('#tds').css({"border-style": "none"}); $("textarea").css({"resize": "none"}); $("#main_div").css({"width": "100%"}); $("#name_to_new").css({"padding": "0px"}) $(".action").css({"display": "none"}); $(".action").hide(); $(".supply_to").css({"padding": "0px"}); $(".supply_to").css({"margin": "0px"}); $(".row_4").css({"height": "510px"}); var val=$('#myInput4').val(); var name=val.split(':'); var n=name[0]; $('#myInput4').val(n); $("textarea").css({"resize": "none"}); var myInput1 = document.getElementById("myInput1").style; myInput1.borderStyle="none"; var myInput2 = document.getElementById("myInput2").style; myInput2.borderStyle="none"; var myInput3 = document.getElementById("myInput3").style; myInput3.borderStyle="none"; $('#myInput5').removeAttr('placeholder'); $('#myInput4').removeAttr('placeholder'); $('.arro_w').hide(); var myInput1 = document.getElementById("myInput4").style; myInput1.borderStyle="none"; var myInput2 = document.getElementById("myInput5").style; myInput2.borderStyle="none"; var myInput6 = document.getElementById("myInput6").style; myInput6.borderStyle="none"; var myInput1 = document.getElementById("myInput7").style; myInput1.borderStyle="none"; /*var myInput2 = document.getElementById("myInput8").style; myInput2.borderStyle="none";*/ var myInput3 = document.getElementById("myInput9").style; myInput3.borderStyle="none"; var myInput1 = document.getElementById("myInput10").style; myInput1.borderStyle="none"; var myInput2 = document.getElementById("myInput11").style; myInput2.borderStyle="none"; /*var myInput2 = document.getElementById("myInput12").style; myInput2.borderStyle="none"; */ $("#tableID .action").remove(); window.print(); }); window.onafterprint = function(){ window.location.reload(true); } $('#add_accounts').submit(function(e){ e.preventDefault(); if (confirm("Do You Want to Save")) { formdata = new FormData($(this)[0]); $.ajax({ type : 'post', url : '<?php echo site_url("add-quotation")?>', data : formdata, contentType: false, processData: false, success:function(response){ response=jQuery.parseJSON(response); console.log(response); if(response) { toastr["success"]("Added Successfully"); window.location.href="<?php echo site_url('quotation-list');?>"; } else { toastr["error"]("Something went wrong..Try again"); } } }); } else { } }); </script> <style> .p_plus img { width: 18px; padding-top: 5px; display: block; margin: auto; } .page-header { border-bottom: transparent !important; margin: 0px 0 20px; } table tr td { padding-bottom:1%; } @media print { textarea { resize:none; } .page-header { margin: 0px 0 0px; } .page-header, .page-header-space { height: 100px; } .page-footer, .page-footer-space { height: 150px; } .page-footer { position: fixed; bottom: 0; width: 100%; border-top: 1px solid black; /* for demo */ background: yellow; /* for demo */ } .page-header { position: fixed; top: 0mm; width: 100%; border-bottom: 1px solid black; /* for demo */ background: yellow; /* for demo */ } .page { page-break-after: always; } table tr { page-break-after: always; } @page { margin: 20mm } thead {display: table-header-group;} tfoot {display: table-footer-group;} button {display: none;} body {margin: 0;} a[href]:after { content: none !important; } } </style>