<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- CSRF Token -->
<meta name="csrf-token" content="VBGnLvCZPaBbixKgjgjUqjOkMQVnneyYesaEziUH">
<title>Nijer Travels</title>
<!-- Styles -->
<link href="https://billing.nijertravels.com/asset/bs/css/bootstrap.min.css" rel="stylesheet">
<link href="https://billing.nijertravels.com/asset/fa/css/all.min.css" rel="stylesheet">
<link href="https://billing.nijertravels.com/css/style.css" rel="stylesheet">
</head>
<body>
<header>
<div class="container-fluid">
<div class="row">
<nav class="navbar navbar-dark fixed-top bg-primary flex-md-nowrap p-0 shadow" style="position: absolute!important; z-index: 99!important;">
<a class="col-2 text-white font-weight-bold text-decoration-none" href="https://billing.nijertravels.com/home">NIJERTRAVELS</a>
<button class="navbar-toggler d-lg-none float-right" type="button" data-toggle="collapse" data-target="#navbarTogglerDemo01" aria-controls="navbarTogglerDemo01" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="container-fluid">
<div class="col-7 col-lg-5 text-left d-none d-lg-block">
<form action="https://billing.nijertravels.com/search_global" method="get"><input type="hidden" name="_token" value="VBGnLvCZPaBbixKgjgjUqjOkMQVnneyYesaEziUH"> <div class="input-group mb-1 mt-1 rounded-0">
<select name="searchtype">
<option value="supplier">Supplier</option>
<option value="customer">Customer</option>
<option value="employee">Employee</option>
</select>
<input type="text" name="searchkey" class="form-control rounded-0" placeholder="Search Supplier, Customer..." aria-label="Search Supplier, Customer..." aria-describedby="button-addon2">
<div class="input-group-append">
<button class="btn btn-primary rounded-0" type="submit" id="button-addon2"><i class="fas fa-search"></i> </button>
</div>
</div>
</form>
</div>
<div class="col-5 col-lg-5 col-md-10 d-none d-lg-block">
<div class="dropdown text-right float-right">
<a class="btn btn-primary dropdown-toggle" href="https://billing.nijertravels.com" role="button" id="dropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
<i class="fas fa-user"></i> A.H.M Saifullah <span class="caret"></span>
</a>
<div class="dropdown-menu dropdown-menu-right" aria-labelledby="dropdownMenuLink">
<a class="dropdown-item" href="https://billing.nijertravels.com" target="_blank"><i class="fas fa-home"></i> Site Home</a>
<a class="dropdown-item" href="https://billing.nijertravels.com/updateBalance"><i class="fas fa-spinner fa-pulse"></i> Update Balance</a>
<a class="dropdown-item d-none" href="https://billing.nijertravels.com"><i class="fab fa-buromobelexperte"></i> POS</a>
<a class="dropdown-item" href="https://billing.nijertravels.com/logout" onclick="event.preventDefault();
document.getElementById('logout-form').submit();">
<i class="fas fa-power-off"></i> Logout
</a>
<form id="logout-form" action="https://billing.nijertravels.com/logout" method="POST" style="display: none;">
<input type="hidden" name="_token" value="VBGnLvCZPaBbixKgjgjUqjOkMQVnneyYesaEziUH"> </form>
</div>
</div>
</div>
</div>
</nav>
</div>
</div>
</header>
<section>
<div class="container-fluid">
<div class="row mainadminbox">
<nav class="col-12 col-lg-2 bg-primary sidebar p-0 collapse" id="navbarTogglerDemo01">
<div class="sidebar-sticky pt-3">
<div class="text-center pt-4 pb-3" style="border-bottom: 1px solid #006ee5;">
<img src="https://billing.nijertravels.com/application/storage/app/logo.jpg" class="img-fluid" style="height: 102px; border-radius: 50px; border: 10px #248af9 solid;">
</div>
<ul class="nav flex-column" id="accordion">
<li class="nav-item">
<a class="nav-link " href="https://billing.nijertravels.com/home">
<i class="fas fa-tachometer-alt"></i>
Dashboard <span class="sr-only">(current)</span>
</a>
</li>
<li class="nav-item">
<a class="nav-link " href="https://billing.nijertravels.com/accounts">
<i class="fas fa-users"></i>
Accounts
</a>
</li>
<li class="nav-item ">
<a class="nav-link active " href="https://billing.nijertravels.com/invoices">
<i class="fas fa-receipt"></i>
Sales Invoice
</a>
</li>
<li class="nav-item ">
<a class="nav-link " href="https://billing.nijertravels.com/purchases_invoice">
<i class="fas fa-receipt"></i>
Purchases Invoice
</a>
</li>
<li class="nav-item d-none">
<a class="nav-link " href="https://billing.nijertravels.com/orders">
<i class="fas fa-cart-plus"></i>
Orders
<span class="badge badge-pill badge-success">10</span>
</a>
</li>
<li class="nav-item d-none">
<a class="nav-link " href="https://billing.nijertravels.com/customers">
<i class="fas fa-users"></i>
Customers
</a>
</li>
<li class="nav-item d-none">
<a class="nav-link " href="https://billing.nijertravels.com/comments">
<i class="fas fa-comments"></i>
Comments
</a>
</li>
<li class="nav-item d-none">
<a class="nav-link " href="https://billing.nijertravels.com/promotions">
<i class="fas fa-bullhorn"></i>
Promotions
</a>
</li>
<li class="nav-item">
<a class="nav-link " href="https://billing.nijertravels.com/suppliers">
<i class="fas fa-users"></i>
Suppliers
</a>
</li>
<li class="nav-item">
<a class="nav-link " href="https://billing.nijertravels.com/customers">
<i class="fas fa-users"></i>
Customers
</a>
</li>
<li class="nav-item">
<a class="nav-link " href="https://billing.nijertravels.com/banking">
<i class="fas fa-users"></i>
Banking
</a>
</li>
<li class="nav-item">
<a class="nav-link " href="https://billing.nijertravels.com/employees">
<i class="fas fa-users"></i>
Employees
</a>
</li>
<li class="nav-item">
<a class="nav-link " href="https://billing.nijertravels.com/salaries">
<i class="fas fa-users"></i>
Salaries
</a>
</li>
<li class="nav-item">
<a class="nav-link " href="https://billing.nijertravels.com/loans">
<i class="fas fa-users"></i>
Loans
</a>
</li>
<li class="nav-item ">
<a class="nav-link " href="https://billing.nijertravels.com/products_serivces">
<i class="fas fa-cubes"></i>
Products & Services
</a>
</li>
<li class="nav-item d-none">
<a class="nav-link " href="https://billing.nijertravels.com/members">
<i class="fas fa-users"></i>
Members
</a>
</li>
<li class="nav-item d-none">
<a class="nav-link " href="https://billing.nijertravels.com/registration">
<i class="fas fa-chart-line"></i>
New Registration
</a>
</li>
<li class="nav-item d-none">
<a class="nav-link " href="https://billing.nijertravels.com/process_balance">
<i class="fas fa-chart-line"></i>
Process Balance
</a>
</li>
<li class="nav-item d-none">
<a class="nav-link " href="https://billing.nijertravels.com/ledger">
<i class="fas fa-chart-line"></i>
Ledger
</a>
</li>
<li class="nav-item d-none">
<a class="nav-link " href="https://billing.nijertravels.com/wallet">
<i class="fas fa-chart-line"></i>
Wallet
</a>
</li>
<li class="nav-item d-none">
<a class="nav-link " href="https://billing.nijertravels.com/wallet_search">
<i class="fas fa-chart-line"></i>
Wallet Transfer
</a>
</li>
<li class="nav-item d-none">
<a class="nav-link " href="https://billing.nijertravels.com/wallet_transfer_report">
<i class="fas fa-chart-line"></i>
Wallet Transfer Report
</a>
</li>
<li class="nav-item d-none">
<a class="nav-link " href="https://billing.nijertravels.com/payment_settings">
<i class="fas fa-chart-line"></i>
Payment Settings
</a>
</li>
<li class="nav-item d-none">
<a class="nav-link " href="https://billing.nijertravels.com/withdraw">
<i class="fas fa-chart-line"></i>
Withdraw
</a>
</li>
<li class="nav-item d-none">
<a class="nav-link " href="https://billing.nijertravels.com/withdraw_report">
<i class="fas fa-chart-line"></i>
Withdraw Report
</a>
</li>
<li class="nav-item d-none">
<a class="nav-link " href="https://billing.nijertravels.com/delivery_report">
<i class="fas fa-chart-line"></i>
Delivery Report
</a>
</li>
<li class="nav-item d-none">
<a class="nav-link " href="https://billing.nijertravels.com/my_team">
<i class="fas fa-chart-line"></i>
My Team
</a>
</li>
<li class="nav-item d-none">
<a class="nav-link " href="https://billing.nijertravels.com/unilevel">
<i class="fas fa-chart-line"></i>
Unilevel Tree
</a>
</li>
<li class="nav-item d-none">
<a class="nav-link " href="https://billing.nijertravels.com/rank_gallery">
<i class="fas fa-chart-line"></i>
Rank Gallery
</a>
</li>
<li class="nav-item d-none">
<a class="nav-link " href="https://billing.nijertravels.com/sellers">
<i class="fas fa-user-friends"></i>
Sellers
</a>
</li>
<li class="nav-item d-none">
<a class="nav-link " href="https://billing.nijertravels.com/brands">
<i class="fab fa-product-hunt"></i>
Brands
</a>
</li>
<li class="nav-item d-none">
<a class="nav-link " href="https://billing.nijertravels.com/nhcare_foundation">
<i class="fas fa-user-friends"></i>
NH Care Foundation
</a>
</li>
<li class="nav-item d-none">
<a class="nav-link " href="https://billing.nijertravels.com/blood_donate">
<i class="fas fa-user-friends"></i>
Blood Donate
</a>
</li>
<li class="nav-item d-none">
<a class="nav-link " href="https://billing.nijertravels.com/referral_link">
<i class="fas fa-user-friends"></i>
Referral Link
</a>
</li>
<li class="nav-item">
<a class="nav-link " data-toggle="collapse" href="#reports">
<i class="fas fa-exclamation-triangle"></i>
Reports
<i class="fas fa-angle-down float-right"></i>
</a>
<ul id="reports" class="collapse " data-parent="#accordion">
<li class="nav-item ">
<a class="nav-link " href="https://billing.nijertravels.com/daily_report">
<i class="fas fa-chart-bar"></i>
Daily Report
</a>
</li>
<li class="nav-item ">
<a class="nav-link " href="https://billing.nijertravels.com/reports/account/summary" >
<i class="fas fa-chart-bar"></i> Account Summary </a>
</li>
<li class="nav-item ">
<a class="nav-link " href="https://billing.nijertravels.com/reports/account/creditdetails" >
<i class="fas fa-chart-bar"></i>
Credit Detail Report </a>
</li>
<li class="nav-item ">
<a class="nav-link " href="https://billing.nijertravels.com/reports/account/debitdetails" >
<i class="fas fa-chart-bar"></i>
Debit Detail Report </a>
</li>
<!--<li class="nav-item ">-->
<!-- <a class="nav-link " href="https://billing.nijertravels.com/service">-->
<!-- <i class="fas fa-chart-bar"></i>-->
<!-- Daily Service-->
<!-- </a>-->
<!--</li>-->
<!--<li class="nav-item ">-->
<!-- <a class="nav-link " href="https://billing.nijertravels.com/supplier_report">-->
<!-- <i class="fas fa-chart-bar"></i>-->
<!-- Suplier Report-->
<!-- </a>-->
<!--</li>-->
<!--<li class="nav-item ">-->
<!-- <a class="nav-link " href="https://billing.nijertravels.com/customer_report">-->
<!-- <i class="fas fa-chart-bar"></i>-->
<!-- Customer Report-->
<!-- </a>-->
<!--</li>-->
<!--<li class="nav-item ">-->
<!-- <a class="nav-link " href="https://billing.nijertravels.com/banking_report">-->
<!-- <i class="fas fa-chart-bar"></i>-->
<!-- Banking Report-->
<!-- </a>-->
<!--</li>-->
<!--<li class="nav-item ">-->
<!-- <a class="nav-link " href="https://billing.nijertravels.com/all_party_due">-->
<!-- <i class="fas fa-chart-bar"></i>-->
<!-- All Party Due-->
<!-- </a>-->
<!--</li>-->
</ul>
</li>
<li class="nav-item">
<a class="nav-link " data-toggle="collapse" href="#settings">
<i class="fas fa-sliders-h"></i>
Settings
<i class="fas fa-angle-down float-right"></i>
</a>
<ul id="settings" class="collapse " data-parent="#accordion">
<li class="nav-item">
<a href="https://billing.nijertravels.com/category" class=""><i class="fas fa-angle-right"></i> Categories</a>
</li>
<li class="nav-item">
<a href="https://billing.nijertravels.com/payment_methods" class=""><i class="fas fa-angle-right"></i> Payment Methods</a>
</li>
<li class="nav-item ">
<a href="https://billing.nijertravels.com/sale_taxs" class=""><i class="fas fa-angle-right"></i>Sale Tax</a>
</li>
<li class="nav-item ">
<a href="https://billing.nijertravels.com/product_groups" class=""><i class="fas fa-angle-right"></i>Product Group</a>
</li>
<li class="nav-item ">
<a href="https://billing.nijertravels.com/profile" class=""><i class="fas fa-angle-right"></i>Profile</a>
</li>
<li class="nav-item ">
<a href="https://billing.nijertravels.com/password_reset" class=""><i class="fas fa-angle-right"></i>Change Password</a>
</li>
</ul>
</li>
<li class="nav-item d-none">
<a class="nav-link " href="https://billing.nijertravels.com/lc">
<i class="fas fa-users"></i>
LC Document
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://billing.nijertravels.com/logout" onclick="event.preventDefault();
document.getElementById('logout-form').submit();">
<i class="fas fa-power-off"></i> Logout
</a>
<form id="logout-form" action="https://billing.nijertravels.com/logout" method="POST" style="display: none;">
<input type="hidden" name="_token" value="VBGnLvCZPaBbixKgjgjUqjOkMQVnneyYesaEziUH"> </form>
</li>
<li class="nav-item d-none">
<a class="nav-link " data-toggle="collapse" href="#users">
<i class="fas fa-users"></i>
System Users
<i class="fas fa-angle-down float-right"></i>
</a>
<ul id="users" class="collapse" data-parent="#accordion">
<li class="nav-item">
<a href="https://billing.nijertravels.com/users"><i class="fas fa-angle-right"></i> Users</a>
</li>
<li class="nav-item d-none">
<a href="https://billing.nijertravels.com/roles"><i class="fas fa-angle-right"></i> Roles</a>
</li>
<li class="nav-item d-none">
<a href="https://billing.nijertravels.com/permissions"><i class="fas fa-angle-right"></i> Permissions</a>
</li>
</ul>
</li>
<li class="nav-item d-none">
<a class="nav-link " data-toggle="collapse" href="#appearence">
<i class="fas fa-pencil-ruler"></i>
Appearence
<i class="fas fa-angle-down float-right"></i>
</a>
<ul id="appearence" class="collapse" data-parent="#accordion">
<li class="nav-item">
<a href="https://billing.nijertravels.com/themes"><i class="fas fa-angle-right"></i> Themes</a>
</li>
<li class="nav-item">
<a href="https://billing.nijertravels.com/plugins"><i class="fas fa-angle-right"></i> Plugins</a>
</li>
<li class="nav-item">
<a href="https://billing.nijertravels.com/widgets"><i class="fas fa-angle-right"></i> Widgets</a>
</li>
<li class="nav-item">
<a href="https://billing.nijertravels.com/pages"><i class="fas fa-angle-right"></i> Pages</a>
</li>
<li class="nav-item">
<a href="https://billing.nijertravels.com/menus"><i class="fas fa-angle-right"></i> Menus</a>
</li>
</ul>
</li>
<li class="nav-item d-none">
<a class="nav-link " data-toggle="collapse" href="#logs">
<i class="fas fa-clipboard-list"></i>
Logs
<i class="fas fa-angle-down float-right"></i>
</a>
<ul id="logs" class="collapse" data-parent="#accordion">
<li class="nav-item">
<a href="https://billing.nijertravels.com/adminActivity"><i class="fas fa-angle-right"></i> Admin Activity</a>
</li>
<li class="nav-item">
<a href="https://billing.nijertravels.com/customerActivity"><i class="fas fa-angle-right"></i> Customer Activity</a>
</li>
<li class="nav-item">
<a href="https://billing.nijertravels.com/supportTeamLogs"><i class="fas fa-angle-right"></i> Support Team Activity</a>
</li>
<li class="nav-item">
<a href="https://billing.nijertravels.com/cartLogs"><i class="fas fa-angle-right"></i> Cart Log</a>
</li>
<li class="nav-item">
<a href="https://billing.nijertravels.com/systemLogs"><i class="fas fa-angle-right"></i> System Log</a>
</li>
</ul>
</li>
<li class="nav-item d-none">
<a class="nav-link " data-toggle="collapse" href="#developer">
<i class="fab fa-dev"></i>
Developer
<i class="fas fa-angle-down float-right"></i>
</a>
<ul id="developer" class="collapse" data-parent="#accordion">
<li class="nav-item">
<a href="https://billing.nijertravels.com/developerSettings"><i class="fas fa-angle-right"></i> Developer Home</a>
</li>
<li class="nav-item">
<a href="https://billing.nijertravels.com/updateSettings"><i class="fas fa-angle-right"></i> Update Info</a>
</li>
<li class="nav-item">
<a href="https://billing.nijertravels.com/versions"><i class="fas fa-angle-right"></i> Versions</a>
</li>
<li class="nav-item">
<a href="https://billing.nijertravels.com/contacts"><i class="fas fa-angle-right"></i> Contacts</a>
</li>
</ul>
</li>
</ul>
</div>
</nav>
<main role="main" class="col-12 col-lg-10 ml-sm-auto px-4" id="mainlayout">
<div class="d-flex justify-content-between flex-wrap flex-md-nowrap align-items-center pt-3 pb-2 mb-3">
<h1 class="h2">New Invoice</h1>
<a href="https://billing.nijertravels.com/invoices" class="btn btn-outline-secondary float-right">Back to List</a>
</div>
<div class="container">
<div class="row">
<div class="col-md-8">
<form action="https://billing.nijertravels.com/invoices" method="post" enctype="multipart/form-data">
<input type="hidden" name="_token" value="VBGnLvCZPaBbixKgjgjUqjOkMQVnneyYesaEziUH"> <div class="row">
<div class="col-md-12">
<div class="card mb-2">
<div class="card-header">
<div class="row py-2">
<div class="col-md-10 mx-auto">
<input type="text" class="form-control" id="search-query" placeholder="Search Items">
<select id="editable-select" multiple type="text" size='5' class="form-control " style="display:none" >
</select>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<div class="card">
<div class="card-header">
<div id="item_add">
<div class="row text-center table-responsive-md" id="inputFormRow">
<table class="table">
<tbody>
<tr>
<td>
<div class="form-group">
<input type="text" placeholder="Passenger Name" class="form-control mb-2 shadow-sm" name="name[]">
<input type="text" placeholder="Class" class="form-control shadow-sm mb-2 " name="classes[]">
</div>
</td>
<td>
<div class="form-group">
<input type="text" placeholder="Route" class="form-control mb-2 shadow-sm" name="route[]">
<input type="text" placeholder="Airways Name" class="form-control mb-2 shadow-sm" name="airways[]">
<input type="date" placeholder="Flights Date" class="form-control mb-2 shadow-sm" name="flights_date[]">
</div>
</td>
<td>
<div class="form-group">
<input type="text" placeholder="Ticket No" class="form-control mb-2 shadow-sm" name="ticket_no[]">
<input type="text" placeholder="PNR" class="form-control mb-2 shadow-sm" name="PNR[]">
<input type="date" placeholder="Ticket Date" class="form-control mb-2 shadow-sm" name="ticket_date[]">
</div>
</td>
<td style="width:100px!important">
<input type="hidden" name="qty[]" placeholder="qty" value="1" class="form-control quantity mb-2 shadow-sm" required="" >
<input type="text" name="amount[]" placeholder="Amount" class="form-control budget mb-2 shadow-sm" required="">
<input type="hidden" placeholder="Total" class="form-control amount mb-2 shadow-sm" required="">
</td>
<td></td>
</tr>
</tbody>
</table>
</div>
</div>
<div class="row d-none">
<div class="col-md-3 ml-auto ">
<div class="form-group">
<input type="text" placeholder="Total" class="form-control mb-2 total shadow-sm" name="total">
</div>
</div>
</div>
<div class="btn-group my-3" role="group" aria-label="Basic example">
<button type="button" class="btn btn-primary addRow shadow btn-sm px-4" id="add_blank"><i class="fas fa-plus mr-1"></i>Add Blank Item</button>
<button type="button" class="btn btn-danger shadow btn-sm px-4 d-none" style="display:none" id="remove-btn"><i class="fas fa-trash mr-1"></i>Remove</button>
</div>
<div class="form-group">
<label>Amount In Words</label>
<input type="text" class="form-control " placeholder="Amount In Word" name="amount_in_words">
</div>
<!--<div class="form-group">-->
<!-- <textarea class="form-control" id="terms_n_condition" name="terms_n_condition"><p><strong>Terms & Condition:</strong></p></textarea>-->
<!--</div>-->
</div>
</div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card mb-2">
<div class="card-header text-center">
<div class="btn-group my-3" role="group" aria-label="Basic example">
<!--<button type="submit" name="save_invoice" value="1" class="btn btn-primary btn-sm px-4 shadow"><i class="fas fa-file-invoice mr-1"></i>Save Invoice</button>-->
<button type="submit" name="save_invoice_close" value="2" class="btn d-block btn-primary btn-sm px-lg-5 w-100 shadow"><i class="fas fa-save mr-1 size-3x"></i>Save And Close</button>
</div>
</div>
</div>
<div class="card mb-2 ">
<div class="card-header text-right">
<p class="font-weight-bold">Subtotal : <span class="border-bottom font-weight-light" id="sub_total">0</span>.tk</p>
<p class="font-weight-bold">Tax : <span class="border-bottom font-weight-light" id="tax_total"> 0</span>.tk</p>
<p class="font-weight-bold">Discount : <span class="border-bottom font-weight-light" id="total_discount"> 0</span>.tk</p>
<p class="font-weight-bold">Total : <span class="border-bottom font-weight-light" id="maintotalammount"> 0 </span>.tk</p>
</div>
</div>
<div class="card mb-2">
<div class="card-header ">
<div class="form-group">
<label for="customer_id">Customer</label>
<select class="form-control" id="customer_id" name="customer_id">
<option>Select Contact...</option>
<option value="4">Hostrare Limited</option>
<option value="8">MD ABIR</option>
</select>
</div>
<div class="form-group">
<label>Discount Amount</label>
<input type="text" class="form-control" aria-label="Amount (to the nearest dollar)" placeholder="Discount Amount" id="discount_amount" name="discount">
</div>
<div class="form-group">
<label>Invoice Date</label>
<input type="date" class="form-control " placeholder="21-03-13" name="invoice_date">
</div>
<div class="form-group">
<label for="payment_terms">Payment Terms</label>
<select class="form-control" id="payment_terms" name="payment_terms">
<option value=" "> Due On Receipt </option>
<option value="3"> +3days </option>
<option value="5"> +5days </option>
<option value="7"> +7days </option>
<option value="10"> +10days </option>
<option value="15"> +15days </option>
<option value="30"> +30days </option>
<option value="45"> +45days </option>
<option value="60"> +60days </option>
</select>
</div>
<div class="form-group">
<label for="sales_tax_id">Sales Tax</label>
<select class="form-control" id="sales_tax_id" name="sales_tax_id">
<option value="0">None</option>
<option value="10">sales Tax (10%)</option>
<option value="15">sales Tax (15%)</option>
</select>
</div>
</form>
<div class="button-group d-none">
<button type="button" class="btn btn-success btn-sm shadow" data-toggle="modal" data-target="#exampleModal">
<i class="fas fa-minus-circle"></i> Set discount
</button>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Modal -->
<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog ">
<div class="modal-content rounded-0">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Set Discount</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
<form action="https://billing.nijertravels.com/save_discount" method="post" enctype="multipart/form-data"><input type="hidden" name="_token" value="VBGnLvCZPaBbixKgjgjUqjOkMQVnneyYesaEziUH"> <div class="input-group mb-3">
<div class="input-group-prepend">
<span class="input-group-text">Discount</span>
</div>
<input type="text" class="form-control" aria-label="Amount (to the nearest dollar)" name="discount">
<div class="input-group-append">
<span class="input-group-text">.00</span>
</div>
</div>
<div class="form-group">
<label>
Discount type
</label>
<br>
<div class="form-check form-check-inline ml-5">
<label class="form-check-label" for="discount_type">
<input class="form-check-input" type="radio" id="discount_type" value="1" name="discount_type">Percentage (%)
</label>
</div>
<br>
<div class="form-check form-check-inline ml-5">
<label class="form-check-label" for="inlineCheckbox2">
<input class="form-check-input" type="radio" id="discount_type" value="2" name="discount_type">Fixed Amount
</label>
</div>
</div>
<div class="modal-footer">
<button type="submit" class="btn btn-primary rounded-0" >Save</button>
</div>
</form>
</div>
</div>
</div>
</div>
<script>
tinymce.init({
selector: 'textarea#terms_n_condition',
theme: 'modern',
height : "480",
mobile: { theme: 'mobile' },
plugins: [
"code", "charmap", "table", "link", "image", "media", "fullscreen", "textcolor", "searchreplace"
],
toolbar: [
"undo redo | forecolor backcolor | styleselect | bold italic | link image media | alignleft aligncenter alignright | charmap code | fullscreen | searchreplace"]
});
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script>
$('body').on('keyup','#search-query',function(){
var searchQuery = $(this).val();
$('#editable-select').show();
if(searchQuery){
$.ajax({
method:"POST",
url:"https://billing.nijertravels.com/get_all_productService",
dataType: 'json',
data: {
'_token':"VBGnLvCZPaBbixKgjgjUqjOkMQVnneyYesaEziUH",
searchQuery : searchQuery,
},
success: function (data) {
$('#editable-select').empty();
$.each(data.productService, function (index, value) {
var data = '<option value="'+value.id+'" >'+value.name+'</option>';
$('#editable-select').append(data);
});
}
})
}
else{
$('#editable-select').empty();
$('#editable-select').hide();
}
});
$( "#editable-select" ).change(function() {
var product_id = $( this ).val();
$(this).hide('fast');
if(product_id){
$.ajax({
method:"POST",
url:"https://billing.nijertravels.com/get_data",
dataType: 'json',
data: {
'_token':"VBGnLvCZPaBbixKgjgjUqjOkMQVnneyYesaEziUH",
id : product_id,
},
success: function (data) {
var tr2=
'<tr>'+
'<td>'
+'<div class="form-group">'
+'<input type="text" placeholder="Passenger Name" class="form-control mb-2 shadow-sm" name="name[]">'
+'<input type="text" placeholder="Class" class="form-control shadow-sm mb-2 " name="classes[]">'
+'</div>'+
'</td>'+
'<td>'
+'<div class="form-group">'
+'<input type="text" placeholder="Route" class="form-control mb-2 shadow-sm" name="route[]">'
+'<input type="text" placeholder="Airways Name" class="form-control mb-2 shadow-sm" name="airways[]">'
+'<input type="date" placeholder="Flights Date" class="form-control mb-2 shadow-sm" name="flights_date[]">'
+'</div>'+
'</td>'+
'<td>'
+'<div class="form-group">'
+'<input type="text" placeholder="Ticket No" class="form-control mb-2 shadow-sm" name="ticket_no[]">'
+'<input type="text" placeholder="PNR" class="form-control mb-2 shadow-sm" name="PNR[]">'
+'<input type="date" placeholder="Ticket Date" class="form-control mb-2 shadow-sm" name="ticket_date[]">'
+'</div>'+
'</td>'+
'<td>'
+'<div class="form-group">'
+' <input type="hidden" name="qty[]" value="1" class="form-control quantity mb-2 shadow-sm" required="">'
+' <input type="text" name="amount[]" value="'+data.singleData.sales_price+'" class="form-control budget mb-2 shadow-sm">'
+' <input type="hidden" value="'+data.singleData.sales_price+'" class="form-control amount mb-2 shadow-sm">'
+'</div>'+
'</td>'+
'<td><a href="javascript:void(0)" class="btn btn-danger remove"><i class="fas fa-trash-alt"></i></a></td>'+
'</tr>';
$('tbody').append(tr2);
total();
}
})
}
});
</script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js">
</script>
<script>
$('.addRow').on('click',function(){
addRow();
});
function addRow()
{
var tr2=
'<tr>'+
'<td>'
+'<div class="form-group">'
+'<input type="text" placeholder="Passenger Name" class="form-control mb-2 shadow-sm" name="name[]">'
+'<input type="text" placeholder="Class" class="form-control shadow-sm mb-2 " name="classes[]">'
+'</div>'+
'</td>'+
'<td>'
+'<div class="form-group">'
+'<input type="text" placeholder="Route" class="form-control mb-2 shadow-sm" name="route[]">'
+'<input type="text" placeholder="Airways Name" class="form-control mb-2 shadow-sm" name="airways[]">'
+'<input type="date" placeholder="Flights Date" class="form-control mb-2 shadow-sm" name="flights_date[]">'
+'</div>'+
'</td>'+
'<td>'
+'<div class="form-group">'
+'<input type="text" placeholder="Ticket No" class="form-control mb-2 shadow-sm" name="ticket_no[]">'
+'<input type="text" placeholder="PNR" class="form-control mb-2 shadow-sm" name="PNR[]">'
+'<input type="date" placeholder="Ticket Date" class="form-control mb-2 shadow-sm" name="ticket_date[]">'
+'</div>'+
'</td>'+
'<td>'
+'<div class="form-group">'
+' <input type="hidden" name="qty[]" placeholder="qty" value="1" class="form-control quantity mb-2 shadow-sm" required="">'
+' <input type="text" name="amount[]" placeholder="Amount"class="form-control budget mb-2 shadow-sm">'
+' <input type="hidden" placeholder="Total" class="form-control amount budget mb-2 shadow-sm">'
+'</div>'+
'</td>'+
'<td><a href="javascript:void(0)" class="btn btn-danger remove"><i class="fas fa-trash-alt"></i></a></td>'+
'</tr>';
$('tbody').append(tr2);
};
$('.remove').live('click',function(){
var last=$('tbody tr').length;
if(last==1){
alert("you can not remove last row");
}
else{
$(this).parent().parent().remove();
total();
}
});
$('tbody').delegate('.budget','keyup',function(){
var tr=$(this).parent().parent();
var quantity=tr.find('.quantity').val();
var budget=tr.find('.budget').val();
var amount=(quantity*budget);
tr.find('.amount').val(amount);
total();
});
function total(){
var total=0;
$('.amount').each(function(i,e){
var amount=$(this).val()-0;
total +=amount;
});
$('.total').val(total);
$('#sub_total').text(total);
totalTax();
calculateDiscount();
totalAmount();
}
$('#sales_tax_id').change(function(){
totalTax();
totalAmount();
});
function totalTax(){
var taxRat = $('#sales_tax_id').val();
var totalTax = (taxRat*$('#sub_total').text())/100;
$('#tax_total').text(totalTax);
}
$('#discount_amount').keyup(function(){
calculateDiscount();
totalAmount();
})
function calculateDiscount(){
var totalDiscount = $('#discount_amount').val();
$('#total_discount').text(totalDiscount);
}
function totalAmount(){
var subtotal = $('#sub_total').text();
var taxttotal = $('#tax_total').text();
var discountalltotal = $('#total_discount').text();
var mainamounttotal = ((+subtotal)+(+taxttotal)) - discountalltotal;
$('#maintotalammount').text(mainamounttotal);
}
</script>
<footer>
<div class="row">
<div class="col-12"> © 2021 Nijer Travels, Develop By <a href="https://hostrare.com" target="_blank">Hostrare Limited</a>, Version: 1.0.1</div>
</div>
</footer>
</main>
</div>
</div>
</section>
<!-- Scripts -->
<script src="https://billing.nijertravels.com/asset/jq/js/jquery-3.4.1.min.js"></script>
<script src=https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js?v=1.0.0 integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin=anonymous></script>
<script src="https://billing.nijertravels.com/asset/bs/js/bootstrap.min.js"></script><script>
var width = (window.innerWidth > 0) ? window.innerWidth : screen.width;
if(width>768) {
showLeftNav();
}
function showLeftNav() {
var elem = document.getElementById('navbarTogglerDemo01');
elem.classList.add("show");
}
</script>
<script>
$(function () {
$('[data-toggle="tooltip"]').tooltip()
})
</script>
</body>
</html>