<!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">&times;</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"> &copy; 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>