@extends('admin.layouts.app')

@section('page-title', 'User Requests')

@section('content')
<div class="card shadow-sm">
  <div class="card-body">
    <div class="d-flex justify-content-between align-items-center mb-3">
      <input type="text" class="form-control w-50" placeholder="Search Request by name, email, company or ID">
      <div>
        <span class="badge bg-primary">3 Pending</span>
        <span class="badge bg-success">1 Approved</span>
        <span class="badge bg-danger">1 Rejected</span>
      </div>
    </div>

    <table class="table table-bordered align-middle">
      <thead class="table-light">
        <tr>
          <th>Request ID</th>
          <th>Requester</th>
          <th>Company</th>
          <th>Type</th>
          <th>Priority</th>
          <th>Date</th>
          <th>Status</th>
          <th>Actions</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td>REQ-2024-001</td>
          <td>Amit Patel<br><small>amit.patel@example.com</small></td>
          <td>Tech Solutions Pvt. Ltd.</td>
          <td><span class="badge bg-info text-dark">New Account</span></td>
          <td><span class="badge bg-danger">High</span></td>
          <td>2024-09-01</td>
          <td><span class="badge bg-warning text-dark">Pending</span></td>
          <td>
            <i class="bi bi-eye text-primary"></i>
            <i class="bi bi-x-circle text-danger ms-2"></i>
          </td>
        </tr>
      </tbody>
    </table>
  </div>
</div>
@endsection