Orders Table with Actions

<div class="container py-5">
  <div class="d-flex justify-content-between mb-3">
    <h3 class="fw-bold">Recent orders</h3><input class="form-control w-auto" placeholder="🔍 Search">
  </div>
  <div class="table-responsive">
    <table class="table align-middle border">
      <thead class="bg-light">
        <tr>
          <th>Order</th>
          <th>Customer</th>
          <th>Date</th>
          <th>Total</th>
          <th>Status</th>
          <th></th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td class="fw-bold">#ORD-1024</td>
          <td>Sara Ahmed</td>
          <td>2026-02-14</td>
          <td>$129.00</td>
          <td><span class="badge bg-success-subtle text-success">Paid</span></td>
          <td><a href="#" class="btn btn-sm btn-outline-dark">View</a></td>
        </tr>
        <tr>
          <td class="fw-bold">#ORD-1023</td>
          <td>Rakib Hasan</td>
          <td>2026-02-13</td>
          <td>$89.50</td>
          <td><span class="badge bg-warning-subtle text-warning">Pending</span></td>
          <td><a href="#" class="btn btn-sm btn-outline-dark">View</a></td>
        </tr>
        <tr>
          <td class="fw-bold">#ORD-1022</td>
          <td>Fatima Noor</td>
          <td>2026-02-13</td>
          <td>$249.00</td>
          <td><span class="badge bg-success-subtle text-success">Paid</span></td>
          <td><a href="#" class="btn btn-sm btn-outline-dark">View</a></td>
        </tr>
      </tbody>
    </table>
  </div>
</div>