@extends('cms.layout')
@section('content_header')
  <h1 class="mb-0">Live Chat Sessions</h1>
@endsection
@section('cms')
  <div class="card shadow-sm">
    <div class="card-body">
      <form class="row g-2 mb-3">
        <div class="col-md-3"><input name="q" value="{{ $q }}" class="form-control" placeholder="Search token/name"></div>
        <div class="col-md-3">
          <select name="status" class="form-select">
            <option value="">All Status</option>
            @foreach(['pending','open','closed'] as $s)
              <option value="{{ $s }}" {{ $status===$s?'selected':'' }}>{{ ucfirst($s) }}</option>
            @endforeach
          </select>
        </div>
        <div class="col-md-3">
          <select name="mode" class="form-select">
            <option value="">All Modes</option>
            @foreach(['ai','human'] as $m)
              <option value="{{ $m }}" {{ $mode===$m?'selected':'' }}>{{ strtoupper($m) }}</option>
            @endforeach
          </select>
        </div>
        <div class="col-md-3"><button class="btn btn-primary w-100">Filter</button></div>
      </form>

      <div class="table-responsive">
        <table class="table table-sm align-middle">
          <thead><tr><th>Token</th><th>Visitor</th><th>Mode</th><th>Status</th><th>Started</th><th>Updated</th><th></th></tr></thead>
          <tbody>
          @forelse($sessions as $s)
            <tr>
              <td class="small">{{ $s->public_token }}</td>
              <td>{{ $s->visitor_name ?: '-' }}</td>
              <td><span class="badge bg-secondary">{{ strtoupper($s->mode) }}</span></td>
              <td>
                @php $cls = $s->status==='pending'?'warning':($s->status==='open'?'success':'secondary'); @endphp
                <span class="badge bg-{{ $cls }}">{{ ucfirst($s->status) }}</span>
              </td>
              <td class="small">{{ optional($s->started_at)->format('Y-m-d H:i') }}</td>
              <td class="small">{{ $s->updated_at->format('Y-m-d H:i') }}</td>
              <td>
                <div class="btn-group">
                  <a href="{{ route('cms.livechat.show', $s) }}" class="btn btn-sm btn-outline-primary">Open</a>
                  <a href="{{ route('cms.livechat.transcript', $s) }}" class="btn btn-sm btn-outline-secondary">Transcript</a>
                </div>
              </td>
            </tr>
          @empty
            <tr><td colspan="7" class="text-muted">No sessions found.</td></tr>
          @endforelse
          </tbody>
        </table>
      </div>
      {{ $sessions->links() }}
    </div>
  </div>
@endsection