@extends('admin.layout')
@section('title', 'Kullanıcı AI Sohbet Geçmişi')
@section('page-title', 'Kullanıcı AI Sohbet Geçmişi')

@push('styles')
@endpush

@section('content')
<div class="chat-wrap">
    <div class="d-flex justify-content-between align-items-center flex-wrap gap-2 mb-3">
        <div>
            <h5 class="mb-0">{{ $user->name }} {{ $user->last_name ?? '' }}</h5>
            <div class="meta">{{ $user->email }}</div>
        </div>
        <div class="d-flex gap-2">
            <a href="{{ route('admin.analytics.users.detail', ['user' => $user->id, 'range' => request('range', 30)]) }}" class="btn btn-sm btn-outline-secondary">
                <i class="bi bi-arrow-left me-1"></i> Kullanıcı Detayı
            </a>
        </div>
    </div>

    <form method="GET" action="{{ route('admin.analytics.users.ai-conversations', ['user' => $user->id]) }}" class="cardx mb-3">
        <div class="row g-2 align-items-end">
            <div class="col-md-6">
                <label class="form-label mb-1">Metin ara (soru/cevap)</label>
                <input type="text" name="q" value="{{ request('q') }}" class="form-control" placeholder="Örn: ilişki, satürn, kariyer...">
            </div>
            <div class="col-md-3">
                <label class="form-label mb-1">Chart Key</label>
                <select name="chart_key" class="form-select">
                    <option value="">Tümü</option>
                    @foreach ($chartKeys as $key)
                        <option value="{{ $key }}" {{ request('chart_key') === $key ? 'selected' : '' }}>{{ $key }}</option>
                    @endforeach
                </select>
            </div>
            <div class="col-md-3 d-flex gap-2">
                <button class="btn btn-primary w-100" type="submit"><i class="bi bi-search me-1"></i>Filtrele</button>
                <a href="{{ route('admin.analytics.users.ai-conversations', ['user' => $user->id]) }}" class="btn btn-outline-secondary w-100">Temizle</a>
            </div>
        </div>
    </form>

    <div class="chat-grid">
        <div class="cardx sticky-top-mini">
            <h6 class="mb-3">Session Listesi</h6>
            @forelse ($sessions as $s)
                <div class="session-item {{ $selectedSessionRef === (string) $s->session_ref ? 'active' : '' }}">
                    <div class="d-flex justify-content-between gap-2">
                        <strong>#{{ \Illuminate\Support\Str::limit((string) $s->session_ref, 24) }}</strong>
                        <span class="badge bg-dark">{{ (int) $s->total_messages }}</span>
                    </div>
                    <div class="meta mt-1">
                        {{ \Carbon\Carbon::parse($s->first_message_at)->format('d.m.Y H:i') }}
                        -
                        {{ \Carbon\Carbon::parse($s->last_message_at)->format('d.m.Y H:i') }}
                    </div>
                    <div class="meta">
                        User: {{ (int) $s->user_messages }} | Assistant: {{ (int) $s->assistant_messages }}
                    </div>
                    <div class="meta">{{ $s->chart_key ?: 'chart_key yok' }} / {{ $s->chart_title ?: 'başlık yok' }}</div>
                    <a class="stretched-link" href="{{ route('admin.analytics.users.ai-conversations', ['user' => $user->id, 'session' => $s->session_ref, 'q' => request('q'), 'chart_key' => request('chart_key')]) }}"></a>
                </div>
            @empty
                <div class="text-muted small">Kayıt bulunamadı.</div>
            @endforelse

            <div class="mt-2">{{ $sessions->links() }}</div>
        </div>

        <div class="cardx">
            <h6 class="mb-3">Mesaj Akışı</h6>
            @if ($messages->isEmpty())
                <div class="text-muted">Seçili session için mesaj bulunamadı.</div>
            @else
                @foreach ($messages as $m)
                    <div class="msg {{ $m->role === 'assistant' ? 'msg-assistant' : 'msg-user' }}">
                        <div class="d-flex justify-content-between align-items-center mb-2">
                            <div>
                                @if ($m->role === 'assistant')
                                    <span class="badge bg-success">assistant</span>
                                @else
                                    <span class="badge bg-primary">user</span>
                                @endif
                                <span class="meta ms-2">ID: {{ $m->id }}</span>
                            </div>
                            <div class="meta">{{ $m->created_at?->format('d.m.Y H:i:s') ?: '—' }}</div>
                        </div>

                        <div class="msg-body">{{ $m->message }}</div>

                        <div class="row g-2 mt-2">
                            <div class="col-md-4">
                                <div class="meta">turn_uuid</div>
                                <div><code>{{ $m->turn_uuid ?: '—' }}</code></div>
                            </div>
                            <div class="col-md-4">
                                <div class="meta">session_uuid</div>
                                <div><code>{{ $m->session_uuid ?: '—' }}</code></div>
                            </div>
                            <div class="col-md-4">
                                <div class="meta">reply_to_id</div>
                                <div><code>{{ $m->reply_to_id ?: '—' }}</code></div>
                            </div>
                        </div>

                        <div class="row g-2 mt-2">
                            <div class="col-md-6">
                                <div class="meta mb-1">metadata</div>
                                <div class="json-box">{{ json_encode($m->metadata, JSON_PRETTY_PRINT | JSON_UNESCAPED_UNICODE | JSON_UNESCAPED_SLASHES) }}</div>
                            </div>
                            <div class="col-md-6">
                                <div class="meta mb-1">chart_data</div>
                                <div class="json-box">{{ json_encode($m->chart_data, JSON_PRETTY_PRINT | JSON_UNESCAPED_UNICODE | JSON_UNESCAPED_SLASHES) }}</div>
                            </div>
                        </div>
                    </div>
                @endforeach
            @endif
        </div>
    </div>
</div>
@endsection