<?php include 'header.php'; ?>
<!-- Start::app-content -->
<div class="main-content app-content">
   <div class="container-fluid page-container main-body-container">
      <!-- Start::page-header -->
      <div class="page-header-breadcrumb mb-3">
         <div class="d-flex align-center justify-content-between flex-wrap">
            <h1 class="page-title fw-medium fs-18 mb-0">Order List </h1>
            <ol class="breadcrumb mb-0">
               <li class="breadcrumb-item"><a href="javascript:void(0);">Vendors  </a></li>
               <li class="breadcrumb-item active" aria-current="page">Vendors List </li>
            </ol>
         </div>
      </div>
      <!-- End::page-header -->
      <!-- Start::row-1 -->
      <div class="row">
         <div class="col-xl-12">
            <div class="card custom-card">
               <div class="card-header justify-content-between">
                  <div class="card-title">
                     Search By
                  </div>
               </div>
               <div class="card-body">
                  <form class="row g-1 mt-0">
                     <div class="col-md-3">
                        <label class="form-label">Created From Date</label>
                        <input type="text" class="form-control" placeholder="First name"
                           aria-label="First name">
                     </div>
                     <div class="col-md-3">
                        <label class="form-label">Created To Date</label>
                        <input type="text" class="form-control" placeholder="Last name"
                           aria-label="Last name">
                     </div>
                     <div class="col-md-3">
                        <label for="inputEmail4" class="form-label">Customer Type</label>
                        <input type="email" class="form-control" id="inputEmail4" placeholder="Email id">
                     </div>
                     <div class="col-md-3"><br>
                        <button type="submit" class="btn btn-primary btn-block mt-2">Search Now</button>
                     </div>
                  </form>
               </div>
               <div class="card-footer d-none border-top-0">
               </div>
            </div>
         </div>
         <div class="col-xl-12">
            <div class="card custom-card">

               <div class="card-body">
                  <div class="table-responsive">
                     <table id="file-export" class="table table-bordered text-nowrap w-100">
                        <thead>
                           <tr>
                              <th>Sr No. </th>
                              <th>Order No. </th>
                              <th>Created Date    </th>
                              <th>Customer Name   </th>
                              <th>Referrance No.     </th>
                              <th>Amount </th>
                              <th>Status</th>
                           </tr>
                        </thead>
                        <tbody>
                           <tr>
                              <td>1</td>
                              <td>12300002</td>
                              <td>22/01/2025 </td>
                              <td>Demo User </td>
                              <td>#12343566 </td>
                              <td>Rs. 5000</td>
                              <td><span class="badge bg-success-gradient">Active</span></td>
        
                           </tr>
                                            <tr>
                              <td>1</td>
                              <td>12300002</td>
                              <td>22/01/2025 </td>
                              <td>Demo User </td>
                              <td>#12343566 </td>
                              <td>Rs. 5000</td>
                              <td><span class="badge bg-success-gradient">Active</span></td>
        
                           </tr>
                                            <tr>
                              <td>1</td>
                              <td>12300002</td>
                              <td>22/01/2025 </td>
                              <td>Demo User </td>
                              <td>#12343566 </td>
                              <td>Rs. 5000</td>
                              <td><span class="badge bg-success-gradient">Active</span></td>
        
                           </tr>

                          

                        </tbody>
                     </table>
                  </div>
               </div>
            </div>
         </div>
      </div>
      <!--End::row-1 -->
      <!-- Start:: Create Contact -->
      <div class="modal fade" id="create-contact" tabindex="-1" aria-hidden="true">
         <div class="modal-dialog modal-dialog-centered">
            <div class="modal-content">
               <div class="modal-header">
                  <h6 class="modal-title">Add New Vendor</h6>
                  <button type="button" class="btn-close" data-bs-dismiss="modal"
                     aria-label="Close"></button>
               </div>
               <div class="modal-body px-4">
                  <div class="row gy-3">
                     <div class="col-xl-12">
                        <div class="mb-0 text-center">
                           <span class="avatar avatar-xxl avatar-rounded">
                           <img src="https://sprukomarket.com/products/html/bootstrap/vyzor/dist/assets/images/faces/9.jpg" alt="" id="profile-img">
                           <span class="badge rounded-pill bg-primary avatar-badge">
                           <input type="file" name="photo" class="position-absolute w-100 h-100 op-0" id="profile-change">
                           <i class="fe fe-camera"></i>
                           </span>
                           </span>
                        </div>
                     </div>
                     <div class="col-xl-12">
                        <label for="deal-title" class="form-label">Unit Name*</label>
                        <input type="text" class="form-control" id="deal-title" placeholder="Deal Title">
                     </div>
                     <div class="col-xl-12">
                        <label class="form-label">Select Unit</label>
                        <select class="form-control" name="choices-multiple-remove-button1" id="choices-multiple-remove-button1">
                           <option value="Choice 1">Social Media</option>
                           <option value="Choice 2">Direct mail</option>
                           <option value="Choice 3">Blog Articles</option>
                           <option value="Choice 4">Affiliates</option>
                           <option value="Choice 5">Organic search</option>
                        </select>
                     </div>
                  </div>
               </div>
               <div class="modal-footer">
                  <button type="button" class="btn btn-light"
                     data-bs-dismiss="modal">Cancel</button>
                  <button type="button" class="btn btn-primary">Create Contact</button>
               </div>
            </div>
         </div>
      </div>
      <!-- End:: Create Contact -->
   </div>
</div>
<!-- End::app-content -->
<?php include 'footer.php'; ?>