@extends('layouts.app')

@section('title', 'Conversations')

@section('content')
<div class="card mb-4 card-sm">
    <form method="GET" class="form-row" style="align-items:flex-end;">
        <div class="form-group" style="margin:0;">
            <select name="type" class="form-control">
                <option value="">All Types</option>
                <option value="PHONE_CALLING" {{ request('type') === 'PHONE_CALLING' ? 'selected' : '' }}>📞 Phone Call</option>
                <option value="MESSAGE"       {{ request('type') === 'MESSAGE'       ? 'selected' : '' }}>💬 Message</option>
                <option value="EMAIL"         {{ request('type') === 'EMAIL'         ? 'selected' : '' }}>📧 Email</option>
            </select>
        </div>
        <button type="submit" class="btn btn-primary" style="height:38px;">Filter</button>
        <a href="{{ route('conversations.index') }}" class="btn btn-secondary" style="height:38px;">Clear</a>
    </form>
</div>

<div class="table-wrap">
    <table>
        <thead>
            <tr>
                <th>Type</th>
                <th>Participant</th>
                <th>Lead</th>
                <th>Content Preview</th>
                <th>Event Time</th>
                <th></th>
            </tr>
        </thead>
        <tbody>
            @forelse($conversations as $conv)
            <tr>
                <td>
                    @if($conv->type === 'PHONE_CALLING')
                        <span class="badge badge-blue">📞 Call</span>
                    @elseif($conv->type === 'MESSAGE')
                        <span class="badge badge-green">💬 Message</span>
                    @elseif($conv->type === 'EMAIL')
                        <span class="badge badge-amber">📧 Email</span>
                    @else
                        <span class="badge badge-gray">{{ $conv->type }}</span>
                    @endif
                </td>
                <td>
                    <span class="badge {{ $conv->isFromConsumer() ? 'badge-blue' : 'badge-green' }}">
                        {{ $conv->participant_type ?? '—' }}
                    </span>
                </td>
                <td>
                    @if($conv->lead)
                        <a href="{{ route('leads.show', $conv->lead) }}">{{ $conv->lead->consumer_name ?? $conv->google_lead_id }}</a>
                    @else
                        <span class="text-muted">{{ Str::limit($conv->google_lead_id, 30) }}</span>
                    @endif
                </td>
                <td>
                    @if($conv->message_text)
                        <span class="text-sm">{{ Str::limit($conv->message_text, 80) }}</span>
                    @elseif($conv->call_duration_seconds)
                        <span class="text-muted">⏱ {{ gmdate('i:s', $conv->call_duration_seconds) }}</span>
                    @else
                        <span class="text-muted">—</span>
                    @endif
                </td>
                <td class="text-muted text-sm">{{ $conv->event_at?->format('M j, Y g:i A') ?? '—' }}</td>
                <td><a href="{{ route('conversations.show', $conv) }}" class="btn btn-secondary btn-sm">View</a></td>
            </tr>
            @empty
            <tr>
                <td colspan="6" style="text-align:center; padding: 40px; color: #94a3b8;">
                    No conversations found.
                </td>
            </tr>
            @endforelse
        </tbody>
    </table>
</div>

<div class="pagination">{{ $conversations->links('pagination::simple-default') }}</div>
@endsection