
<div class="col-lg-12">
    <div class="card">
        <div class="card-body pb-1">
            <div class="row justify-content-between">
                <div class="col-auto"><h4 class="card-title">Search by:</h4></div>
                <div class="col-auto justify-content-end">
                    <a href="createinvoice" class="btn btn-sm btn-facebook">
                        <i class="mdi mdi-plus"></i>Create Invoice
                    </a>
                </div>
            </div>
            
            <form action="" class="row g-3 mt-3" name="filters">
            <div class="col-auto">
                <label for="custname">Customer Name</label>
                <input type="text" class="form-control form-controll-sm" id="custname" value="" name="cn" placeholder="Abdullah">
             </div>
            <div class="col-auto">
                <label for="quoteid">Quote No</label>
                <input type="text" class="form-control form-controll-sm" id="quoteid" value="" name="qn" placeholder="QN-001-260521">
                <i class="fw-lighter mdi mdi-information text-info">QN-Cid-YMD-Number</i>
             </div>
            <div class="col-auto">
                <label for="invoiceid">Invoice No</label>
                <input type="text" class="form-control form-controll-sm" id="invoiceid" value="" name="inv" placeholder="INV-001-260521">
                <i class="fw-lighter mdi mdi-information text-info">INV-Cid-YMD-Number</i>
             </div>
            <div class="col-auto">
                <label for="ponumber">PO Number</label>
                <input type="text" class="form-control form-controll-sm" id="ponumber" value="" name="po" placeholder="12345678">
             </div>
            <div class="col-auto">
                <label for="startdate">Start Date:</label>
                <input type="date" class="form-control form-controll-sm" id="startdate" name="sd">
             </div>
            <div class="col-auto">
                <label for="duedate">Due Date:</label>
                <input type="date" class="form-control form-controll-sm" id="duedate" name="ed">
             </div>
            <div class="col-auto">
                <label for="invtype">Invoice Type</label>
                <select class="form-select form-select-sm" name="s" id="invtype" aria-label="invtype">
                    <option value="Performa Invoice" >Performa Invoice</option>
                    <option value="Invoice" selected>Invoice</option>
                </select>
             </div>
            <div class="col-auto">
                <label for="invstatus">Status</label>
                <select class="form-select form-select-sm" name="s" id="invstatus" aria-label="invstatus">
                    <option value="draft">Draft</option>
                    <option value="sent">Sent</option>
                    <option value="approved">Approved</option>
                    <option value="partial">Partial</option>
                    <option value="paid">Paid</option>
                    <option value="overdue">Overdue</option>
                </select>
             </div>
            <div class="col-auto align-content-end">
                <input type="submit" value="Search" class="btn btn-success" readonly disabled>
                <input type="reset" value="Reset" class="btn btn-secondary text-white">
             </div>
        </form>
        </div>
        
    </div>
</div>
<div class="col-lg-12 grid-margin stretch-card mt-1">
    <!-- Summary Table Limit 50 -->
<div class="card">
    <div class="card-body p-2">
        <table class="table table-bordered ga-table-small">
            <thead>
            <tr>
                <th>S.No</th>
                <th>Invoice.No</th>
                <th>Customer Name</th>
                <th>QN</th>
                <th>PO Number</th>
                <th>Date</th>
                <th>Value</th>
                <th>Type</th>
                <th>Status</th>
                <th>Actions</th>
            </tr>
            </thead>
            <tbody>
            <tr>
                <td>1</td>
                <td>PINV-001-260521-001</td>
                <td>Customer Name</td>
                <td>QN-001-260521-001</td>
                <td>PO1234567</td>
                <td>05-21-2026</td>
                <td>1,200,000</td>
                <td><label for="" class="badge badge-info">Performa</label></td>
                <td><label for="" class="badge badge-danger">Unpaid</label></td>
                <td>
                    <a href="viewsingleinvoice/1"><i class="mdi mdi-eye mdi-18px text-info"></i></a>
                    <a href="#"><i class="mdi mdi-pen mdi-18px text-success"></i></a>
                    <a href="#"><i class="mdi mdi-trash-can mdi-18px text-danger"></i></a>
                    <a href="#"><i class="mdi mdi-bank mdi-18px text-info"></i></a>
                    <a href="#"><i class="mdi mdi-note mdi-18px text-warning"></i></a>
                </td>

            </tr>
            <tr>
                <td>2</td>
                <td>PINV-001-260521-001</td>
                <td>Customer Name</td>
                <td>QN-001-260521-001</td>
                <td>PO1234567</td>
                <td>05-21-2026</td>
                <td>1,200,000</td>
                <td><label for="" class="badge badge-success">Invoice</label></td>
                <td><label for="" class="badge badge-success">Paid</label></td>
                <td>
                    <a href="#"><i class="mdi mdi-eye mdi-18px text-info"></i></a>
                    <a href="#"><i class="mdi mdi-pen mdi-18px text-success"></i></a>
                    <a href="#"><i class="mdi mdi-trash-can mdi-18px text-danger"></i></a>
                    <a href="#"><i class="mdi mdi-bank mdi-18px text-info"></i></a>
                    <a href="#"><i class="mdi mdi-note mdi-18px text-warning"></i></a>
                </td>

            </tr>
            </tbody>
        </table>
    </div>
</div>
</div>
