@extends('cms.layout')

@section('content_header')
  <h1>Leads</h1>
@endsection

@section('cms')
<div class="container-fluid">
  @if(session('success'))
    <div class="alert alert-success">{{ session('success') }}</div>
  @endif
  <div class="card shadow-sm mb-3">
    <div class="card-body py-3">
      <div class="d-flex flex-wrap align-items-center mb-2">
        <form method="get" class="ms-auto" style="min-width:280px">
          <div class="input-group input-group-sm">
            <input type="text" name="q" value="{{ $q }}" class="form-control" placeholder="name, email, phone, subject or message">
            <button class="btn btn-outline-secondary" type="submit">Search</button>
          </div>
        </form>
      </div>
      <form method="get" class="row align-items-end g-2">
        <div class="col-sm-6 col-md-3 col-lg-2">
          <label class="form-label small mb-1">Per page</label>
          <select name="per_page" class="form-select form-select-sm">
            @foreach([20,50,100] as $pp)
              <option value="{{ $pp }}" {{ (int)($perPage??20)===$pp?'selected':'' }}>{{ $pp }}</option>
            @endforeach
          </select>
        </div>
        <div class="col-sm-12 col-md-6 col-lg-4 text-end ms-auto">
          <button class="btn btn-sm btn-primary me-1">Apply</button>
          <a href="{{ route('cms.leads.index') }}" class="btn btn-sm btn-outline-secondary">Reset</a>
        </div>
      </form>
    </div>
  </div>
  <div class="card">
    <div class="card-body table-responsive p-0">
      <table class="table table-striped table-hover mb-0">
        <thead>
          <tr>
            <th>Date</th>
            <th>Name</th>
            <th>Email</th>
            <th>Phone</th>
            <th>Subject</th>
            <th></th>
          </tr>
        </thead>
        <tbody>
          @forelse($leads as $lead)
            <tr>
              <td class="text-muted small">{{ $lead->created_at->format('Y-m-d H:i') }}</td>
              <td>{{ $lead->name }}</td>
              <td>{{ $lead->email }}</td>
              <td>{{ $lead->phone }}</td>
              <td>{{ $lead->subject }}</td>
              <td class="text-end">
                <a href="{{ route('cms.leads.show',$lead) }}" class="btn btn-sm btn-outline-primary">View</a>
                <form action="{{ route('cms.leads.destroy',$lead) }}" method="POST" class="d-inline" onsubmit="return confirm('Delete this lead?')">
                  @csrf
                  @method('DELETE')
                  <button class="btn btn-sm btn-outline-danger">Delete</button>
                </form>
              </td>
            </tr>
          @empty
            <tr><td colspan="6" class="text-center text-muted p-4">No leads yet.</td></tr>
          @endforelse
        </tbody>
      </table>
    </div>
    <div class="card-footer">{{ $leads->links() }}</div>
  </div>
</div>
@endsection