@extends('layouts.app')

@section('title', 'Chat Details | SEF Solution')

@section('content')
<div class="admin-page">
    <div class="admin-card">
        <div class="admin-top">
            <div>
                <span class="brand-badge">SEF Solution</span>
                <h1>Chat Session #{{ $session->id }}</h1>
                <p>Phone: {{ $session->phone ?: 'N/A' }} | Active Time: {{ $session->active_seconds >= 60 ? ceil($session->active_seconds / 60).'m' : $session->active_seconds.'s' }} | Date: {{ $session->last_activity_at?->format('d M Y, h:i A') }}</p>
            </div>
            <div class="top-actions">
                <a href="{{ route('admin.chats') }}" class="admin-link">Back to Chats</a>
                <a href="{{ route('admin.forms') }}" class="admin-link">Lead Forms</a>
            </div>
        </div>

        <div class="detail-grid">
            <section class="panel-box">
                <h3>Conversation</h3>
                <div class="admin-conversation">
                    @forelse($session->messages as $message)
                        <div class="conv-item {{ $message->role === 'user' ? 'user' : ($message->role === 'assistant' ? 'assistant' : 'system') }}">
                            <div class="conv-meta">{{ ucfirst($message->role) }} • {{ $message->created_at?->format('d M Y h:i A') }}</div>
                            <div class="conv-text">{{ $message->message }}</div>
                        </div>
                    @empty
                        <div class="empty-state">No messages found.</div>
                    @endforelse
                </div>
            </section>
            <section class="panel-box">
                <h3>Lead Form Submissions</h3>
                <div class="lead-stack">
                    @forelse($session->formSubmissions as $form)
                        <div class="lead-detail-card">
                            <p><strong>Name:</strong> {{ $form->name ?: 'N/A' }}</p>
                            <p><strong>Phone:</strong> {{ $form->phone ?: 'N/A' }}</p>
                            <p><strong>Email:</strong> {{ $form->email ?: 'N/A' }}</p>
                            <p><strong>Business:</strong> {{ $form->business_name ?: ($form->business_type ?: 'N/A') }}</p>
                            <p><strong>Budget:</strong> {{ $form->monthly_budget ?: 'N/A' }}</p>
                            <p><strong>Pain Point:</strong> {{ $form->pain_point ?: 'N/A' }}</p>
                            <p><strong>Submitted:</strong> {{ $form->created_at?->format('d M Y h:i A') }}</p>
                        </div>
                    @empty
                        <div class="empty-state">No lead form submitted in this session.</div>
                    @endforelse
                </div>
            </section>
        </div>
    </div>
</div>
@endsection