@extends('admin.layout')
@section('title', 'Kullanıcı Aktivite Detayı')
@section('page-title', 'Kullanıcı Aktivite Detayı')

@push('styles')
@endpush

@section('content')
    <div class="analytics-wrap">
        @if (session('success'))
            <div class="alert alert-success alert-dismissible fade show" role="alert">
                <i class="bi bi-check-circle me-2"></i>{{ session('success') }}
                <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
            </div>
        @endif
        @if (session('error'))
            <div class="alert alert-danger alert-dismissible fade show" role="alert">
                <i class="bi bi-exclamation-triangle me-2"></i>{{ session('error') }}
                <button type="button" class="btn-close" data-bs-dismiss="alert"></button>
            </div>
        @endif
        <div class="analytics-toolbar d-flex align-items-center justify-content-between flex-wrap gap-2">
            @if (($fromSource ?? 'analytics') === 'users')
                <a href="{{ route('admin.users.index') }}" class="back-link">
                    <i class="bi bi-arrow-left me-1"></i> Kullanıcı Listesi
                </a>
            @else
                <a href="{{ route('admin.analytics.users', ['range' => $range]) }}" class="back-link">
                    <i class="bi bi-arrow-left me-1"></i> Kayıtlı Kullanıcı Aktivitesi
                </a>
            @endif
            <div class="range-btns">
                @foreach ([7 => '7 Gün', 30 => '30 Gün', 90 => '90 Gün', 365 => '1 Yıl'] as $days => $label)
                    <a href="{{ route('admin.analytics.users.detail', ['user' => $user->id, 'range' => $days] + (($fromSource ?? '') === 'users' ? ['from' => 'users'] : [])) }}"
                        class="btn btn-sm {{ (int) $range === $days ? 'btn-dark active' : 'btn-outline-secondary' }}">
                        {{ $label }}
                    </a>
                @endforeach
                @unless ($isDeletedAccount ?? false)
                    <a href="{{ route('admin.analytics.users.ai-conversations', ['user' => $user->id]) }}"
                        class="btn btn-sm btn-outline-primary">
                        <i class="bi bi-chat-dots me-1"></i> AI Sohbetleri
                    </a>
                @endunless
            </div>
        </div>

        @if ($isDeletedAccount ?? false)
            <div class="alert alert-warning">
                <i class="bi bi-person-x me-2"></i>
                <strong>Silinmiş Hesap.</strong>
                Bu kullanıcı hesabı sistemden kaldırılmış (muhtemelen pasif haldeyken sosyal login ile
                yeniden giriş yapıldığında otomatik silinip yeniden oluşturulmuş). Aşağıdaki bilgiler,
                silinmeden önce alınan arşiv kaydından ve o döneme ait ziyaret geçmişinden geliyor.
                Abonelik/paket/token işlemleri artık yapılamaz.
            </div>
            <div class="analytics-card mb-3">
                <h5><i class="bi bi-archive"></i> Arşivlenmiş Hesap Bilgisi</h5>
                @if ($deletedUserRecord)
                    <table class="table table-sm mb-0">
                        <tbody>
                            <tr>
                                <th style="width:220px;">Ad Soyad</th>
                                <td>{{ trim(($deletedUserRecord->name ?? '') . ' ' . ($deletedUserRecord->last_name ?? '')) ?: '—' }}</td>
                            </tr>
                            <tr>
                                <th>E-posta</th>
                                <td>{{ $deletedUserRecord->email ?? '—' }}</td>
                            </tr>
                            <tr>
                                <th>Telefon</th>
                                <td>{{ $deletedUserRecord->phone ?? '—' }}</td>
                            </tr>
                            <tr>
                                <th>Giriş Sağlayıcısı</th>
                                <td>{{ $deletedUserRecord->provider ?? '—' }}</td>
                            </tr>
                            <tr>
                                <th>Hesap Oluşturulma</th>
                                <td>{{ $deletedUserRecord->account_created_at ? $deletedUserRecord->account_created_at->format('d.m.Y H:i') : '—' }}</td>
                            </tr>
                            <tr>
                                <th>Silinme Sebebi</th>
                                <td><code>{{ $deletedUserRecord->reason ?? '—' }}</code></td>
                            </tr>
                            <tr>
                                <th>Silinme Tarihi</th>
                                <td>{{ $deletedUserRecord->deleted_at_original ? $deletedUserRecord->deleted_at_original->format('d.m.Y H:i') : '—' }}</td>
                            </tr>
                        </tbody>
                    </table>
                @else
                    <p class="text-muted small mb-0">
                        Bu hesap için arşiv kaydı yok (silme, arşivleme özelliği eklenmeden önce gerçekleşmiş olabilir).
                        Sadece aşağıdaki ziyaret geçmişi mevcut.
                    </p>
                @endif
            </div>
        @endif

        <div class="user-summary">
            @unless ($isDeletedAccount ?? false)
                <a href="{{ route('admin.analytics.users.ai-conversations', ['user' => $user->id]) }}"
                    class="btn btn-sm btn-outline-primary">
                    <i class="bi bi-chat-dots me-1"></i> AI Sohbetleri
                </a>
                <br><br>
            @endunless
            <h5><i class="bi bi-person-circle"></i> {{ $user->name }} {{ $user->last_name ?? '' }}</h5>
            <p class="text-muted small mb-3">{{ $user->email }}</p>
            <div class="summary-grid">
                <div class="summary-item">
                    <div class="val">{{ number_format($totalSessions) }}</div>
                    <div class="lbl">Oturum</div>
                </div>
                @if (!empty($aiUsageStats))
                    <div class="summary-item">
                        <div class="val">{{ $aiUsageStats['total_comments'] ?? 0 }}</div>
                        <div class="lbl">AI Yorum</div>
                    </div>
                    <div class="summary-item">
                        <div class="val">{{ number_format($aiUsageStats['total_chat_words'] ?? 0) }}</div>
                        <div class="lbl">Chat Kelime</div>
                    </div>
                    <div class="summary-item">
                        <div class="val">{{ $aiUsageStats['total_reports'] ?? 0 }}</div>
                        <div class="lbl">Rapor</div>
                    </div>
                @endif
                <div class="summary-item">
                    <div class="val">{{ number_format($totalPageViews) }}</div>
                    <div class="lbl">Sayfa Görüntüleme</div>
                </div>
                <div class="summary-item">
                    <div class="val">{{ $totalDurationMs ? round($totalDurationMs / 1000) . ' sn' : '—' }}</div>
                    <div class="lbl">Toplam Süre (sayfada)</div>
                </div>
                <div class="summary-item">
                    <div class="val">{{ $firstVisit ? $firstVisit->format('d.m.Y') : '—' }}</div>
                    <div class="lbl">İlk Ziyaret</div>
                </div>
                <div class="summary-item">
                    <div class="val">{{ $lastVisit ? $lastVisit->format('d.m.Y H:i') : '—' }}</div>
                    <div class="lbl">Son Ziyaret</div>
                </div>
            </div>
        </div>

        {{-- Abonelik bilgisi --}}
        @unless ($isDeletedAccount ?? false)
        <div class="subscription-card">
            <h5><i class="bi bi-credit-card-2-front"></i> Abonelik Durumu</h5>
            <div class="mb-3">
                <strong>Abone mi?</strong>
                @if ($hasActiveSubscription)
                    <span class="sub-status-badge active ms-2"><i class="bi bi-check-circle me-1"></i> Evet (Aktif)</span>
                @else
                    <span class="badge bg-secondary ms-2">Hayır</span>
                @endif
            </div>
            @if ($activeSubscription)
                <div class="mb-3">
                    <strong>Aktif abonelik özeti:</strong>
                    <ul class="mb-0 mt-1 small text-muted">
                        <li><strong>Başlangıç:</strong> {{ $activeSubscription->starts_at->format('d.m.Y H:i') }}</li>
                        <li><strong>Bitiş:</strong> {{ $activeSubscription->ends_at->format('d.m.Y H:i') }}</li>
                        <li><strong>Fiyat:</strong> {{ number_format($activeSubscription->price, 2, ',', '.') }} ₺</li>
                        <li><strong>Kayıt tarihi:</strong> {{ $activeSubscription->created_at->format('d.m.Y H:i') }}</li>
                    </ul>
                </div>
            @endif
            <h6 class="mb-2">Abonelik geçmişi</h6>
            @if ($subscriptions->isNotEmpty())
                <div class="table-responsive">
                    <table class="sub-table">
                        <thead>
                            <tr>
                                <th>Başlangıç</th>
                                <th>Bitiş</th>
                                <th>Durum</th>
                                <th>Fiyat</th>
                                <th>Oluşturulma</th>
                                <th style="width:90px">İşlem</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($subscriptions as $sub)
                                <tr>
                                    <td>{{ $sub->starts_at->format('d.m.Y H:i') }}</td>
                                    <td>{{ $sub->ends_at->format('d.m.Y H:i') }}</td>
                                    <td>
                                        @if ($sub->status === 'active' && $sub->ends_at->isFuture())
                                            <span class="sub-status-badge active">Aktif</span>
                                        @elseif ($sub->status === 'expired')
                                            <span class="sub-status-badge expired">Süresi doldu</span>
                                        @elseif ($sub->status === 'cancelled')
                                            <span class="sub-status-badge cancelled">İptal</span>
                                        @else
                                            <span class="badge bg-secondary">{{ $sub->status }}</span>
                                        @endif
                                    </td>
                                    <td>{{ number_format($sub->price, 2, ',', '.') }} ₺</td>
                                    <td>{{ $sub->created_at->format('d.m.Y H:i') }}</td>
                                    <td>
                                        @if ($sub->status === 'active' && $sub->ends_at->isFuture())
                                            <form action="{{ route('admin.analytics.users.cancel-subscription', $user) }}"
                                                method="POST" class="d-inline"
                                                onsubmit="return confirm('Bu aboneliği iptal etmek istediğinize emin misiniz?');">
                                                @csrf
                                                <input type="hidden" name="subscription_id" value="{{ $sub->id }}">
                                                <button type="submit" class="btn btn-sm btn-outline-danger"
                                                    title="Aboneliği iptal et"><i class="bi bi-x-circle"></i> İptal</button>
                                            </form>
                                        @else
                                            —
                                        @endif
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            @else
                <p class="text-muted small mb-0">Bu kullanıcıya ait abonelik kaydı yok.</p>
            @endif
            <div class="grant-form">
                <h6 class="mb-3"><i class="bi bi-plus-circle me-1"></i> Abonelik Ver</h6>
                <form action="{{ route('admin.analytics.users.grant-subscription', $user) }}" method="POST"
                    class="row g-2 align-items-end">
                    @csrf
                    <div class="col-auto">
                        <label class="form-label">Başlangıç</label>
                        <input type="date" name="starts_at" class="form-control form-control-sm"
                            value="{{ now()->format('Y-m-d') }}" required style="min-width: 140px;">
                    </div>
                    <div class="col-auto">
                        <label class="form-label">Bitiş</label>
                        <input type="date" name="ends_at" class="form-control form-control-sm"
                            value="{{ now()->addMonth()->format('Y-m-d') }}" required style="min-width: 140px;">
                    </div>
                    <div class="col-auto">
                        <div class="form-check mt-2">
                            <input type="checkbox" name="grant_welcome_package" value="1" id="grant_welcome"
                                class="form-check-input" checked>
                            <label for="grant_welcome" class="form-check-label small">Hoş geldin paketi (token)
                                ekle</label>
                        </div>
                    </div>
                    <div class="col-auto">
                        <div class="form-check mt-2">
                            <input type="checkbox" name="notify_sms" value="1" id="notify_subscription_sms"
                                class="form-check-input">
                            <label for="notify_subscription_sms" class="form-check-label small">Hediye abonelik SMS'i
                                gönder</label>
                        </div>
                    </div>
                    <div class="col-auto">
                        <button type="submit" class="btn btn-sm btn-success"><i class="bi bi-check-lg me-1"></i>Abonelik
                            Ver</button>
                    </div>
                </form>
                <p class="small text-muted mb-0 mt-1">İnisiyatif sende: SMS sadece kutu işaretlenirse gönderilir.</p>
            </div>
        </div>

        {{-- Paket ve Haklar --}}
        <div class="package-card">
            <h5><i class="bi bi-box-seam"></i> Paket ve Haklar</h5>
            <div class="credits-grid mb-2">
                <div class="credit-item">
                    <div class="val">{{ number_format($user->chat_words_remaining ?? 0) }}</div>
                    <div class="lbl">Kalan Token</div>
                </div>
                <div class="credit-item">
                    <div class="val">{{ number_format($user->report_credits_remaining ?? 0) }}</div>
                    <div class="lbl">Rapor Hakkı</div>
                </div>
                <div class="credit-item">
                    <div class="val">{{ number_format($user->map_credits_remaining ?? 0) }}</div>
                    <div class="lbl">Harita Geçiş</div>
                </div>
                <div class="credit-item">
                    <div class="val">{{ $aiUsageStats['total_comments'] ?? 0 }}</div>
                    <div class="lbl">Kullanılan Yorum</div>
                </div>
                <div class="credit-item">
                    <div class="val">{{ number_format($aiUsageStats['total_chat_words'] ?? 0) }}</div>
                    <div class="lbl">Kullanılan Chat Kelimesi</div>
                </div>
                <div class="credit-item">
                    <div class="val">{{ $aiUsageStats['total_reports'] ?? 0 }}</div>
                    <div class="lbl">Kullanılan Rapor</div>
                </div>
            </div>
            <div class="grant-form mb-4">
                <div class="d-flex align-items-center justify-content-between flex-wrap gap-2 mb-2">
                    <h6 class="mb-0"><i class="bi bi-gift me-1"></i> Hediye Hak Tanımla</h6>
                    <button class="btn btn-sm btn-outline-success" type="button" data-bs-toggle="collapse"
                        data-bs-target="#giftGrantCollapse" aria-expanded="false" aria-controls="giftGrantCollapse">
                        Hediye Hak Tanımla
                    </button>
                </div>
                <div class="collapse" id="giftGrantCollapse">
                    <form action="{{ route('admin.analytics.users.gift-tokens', $user) }}" method="POST"
                        class="row g-2 align-items-end mt-1">
                        @csrf
                        <div class="col-auto">
                            <label class="form-label">Token (Kelime)</label>
                            <input type="number" name="chat_words" class="form-control form-control-sm" value="0"
                                min="0" placeholder="0" style="width: 110px;">
                        </div>
                        <div class="col-auto">
                            <label class="form-label">Rapor Hakkı</label>
                            <input type="number" name="report_credits" class="form-control form-control-sm"
                                value="0" min="0" placeholder="0" style="width: 90px;">
                        </div>
                        <div class="col-auto">
                            <label class="form-label">Harita Geçiş</label>
                            <input type="number" name="map_credits" class="form-control form-control-sm" value="0"
                                min="0" placeholder="0" style="width: 90px;">
                        </div>
                        <div class="col-auto">
                            <label class="form-label">Başlangıç</label>
                            <input type="date" name="starts_at" class="form-control form-control-sm"
                                value="{{ now()->format('Y-m-d') }}" required style="min-width: 140px;">
                        </div>
                        <div class="col-auto">
                            <label class="form-label">Bitiş</label>
                            <input type="date" name="ends_at" class="form-control form-control-sm"
                                value="{{ now()->addMonth()->format('Y-m-d') }}" required style="min-width: 140px;">
                        </div>
                        <div class="col-auto">
                            <button type="submit" class="btn btn-sm btn-success"><i
                                    class="bi bi-send-check me-1"></i>Hediye Gönder</button>
                        </div>
                    </form>
                    <p class="small text-muted mb-0 mt-2">En az bir hak alanına pozitif değer girin. Hediye gönderildiğinde
                        kullanıcıya SMS ile tarih aralığı bilgisi iletilir.</p>
                </div>
            </div>
            <div class="grant-form mb-4" style="border-color: #f8d7da;">
                <h6 class="mb-3"><i class="bi bi-dash-circle me-1 text-danger"></i> Token / Hak Düşür</h6>
                <form action="{{ route('admin.analytics.users.revoke-tokens', $user) }}" method="POST"
                    class="row g-2 align-items-end"
                    onsubmit="return confirm('Bu işlem geri alınamaz. Devam etmek istiyor musunuz?');">
                    @csrf
                    <div class="col-auto">
                        <label class="form-label">Token düşür</label>
                        <input type="number" name="chat_words" class="form-control form-control-sm" value="0"
                            min="0" placeholder="0" style="width: 100px;">
                    </div>
                    <div class="col-auto">
                        <label class="form-label">Rapor düşür</label>
                        <input type="number" name="report_credits" class="form-control form-control-sm" value="0"
                            min="0" placeholder="0" style="width: 80px;">
                    </div>
                    <div class="col-auto">
                        <label class="form-label">Harita düşür</label>
                        <input type="number" name="map_credits" class="form-control form-control-sm" value="0"
                            min="0" placeholder="0" style="width: 80px;">
                    </div>
                    <div class="col-auto">
                        <div class="form-check mt-2">
                            <input type="checkbox" name="zero_all" value="1" id="zero_all"
                                class="form-check-input">
                            <label for="zero_all" class="form-check-label small text-danger">Tümünü sıfırla</label>
                        </div>
                    </div>
                    <div class="col-auto">
                        <button type="submit" class="btn btn-sm btn-danger"><i
                                class="bi bi-dash-lg me-1"></i>Düşür</button>
                    </div>
                </form>
                <p class="small text-muted mb-0 mt-1">Düşülecek miktarı girin veya tümünü sıfırlayın.</p>
            </div>
            <h6 class="mb-2">Satın alınan paketler</h6>
            @if ($packagePurchases->isNotEmpty())
                <div class="table-responsive">
                    <table class="sub-table">
                        <thead>
                            <tr>
                                <th>Tarih</th>
                                <th>Tür</th>
                                <th>Paket / Ürün</th>
                                <th>Yorum</th>
                                <th>Kelime</th>
                                <th>Tutar</th>
                                <th>Fatura</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach ($packagePurchases as $p)
                                <tr>
                                    <td>{{ $p->created_at->format('d.m.Y H:i') }}</td>
                                    <td>
                                        @if ($p->purchase_type === 'package')
                                            <span class="badge bg-primary">Paket</span>
                                        @elseif ($p->purchase_type === 'single_comment')
                                            <span class="badge bg-info">Tekil Yorum</span>
                                        @elseif ($p->purchase_type === 'single_comment_tokens')
                                            <span class="badge bg-info">Yorum için token</span>
                                        @elseif ($p->purchase_type === 'single_chat')
                                            <span class="badge bg-success">Tekil Chat</span>
                                        @elseif ($p->purchase_type === 'single_report')
                                            <span class="badge bg-warning text-white">Tekil Rapor</span>
                                        @else
                                            <span class="badge bg-secondary">{{ $p->purchase_type }}</span>
                                        @endif
                                    </td>
                                    <td>{{ $p->package?->name ?? '—' }}</td>
                                    <td>{{ $p->comment_credits_added ?: '—' }}</td>
                                    <td>{{ $p->chat_words_added ? number_format($p->chat_words_added) : '—' }}</td>
                                    <td>{{ number_format($p->amount_paid, 0, ',', '.') }} ₺</td>
                                    <td>{{ $p->order?->invoice_number ?? ($p->order_id ? 'S#' . $p->order_id : '—') }}</td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            @else
                <p class="text-muted small mb-0">Bu kullanıcı henüz paket satın almamış.</p>
            @endif
        </div>
        @endunless

        <h6 class="mb-2"><i class="bi bi-clock-history"></i> Oturumlar ({{ $from->format('d.m.Y') }} –
            {{ $to->format('d.m.Y') }})</h6>

        @php
            // ✅ Gün gün gruplama: oturumlar artık tek tek değil, hangi güne
            // ait olduklarına göre başlık altında toplanıyor.
            $visitorsByDay = $visitors->groupBy(fn ($v) => $v->first_visit_at->format('Y-m-d'));
        @endphp

        @forelse ($visitorsByDay as $day => $dayVisitors)
            <div class="d-flex align-items-center gap-2 mt-4 mb-2">
                <h6 class="mb-0"><i class="bi bi-calendar-day"></i> {{ \Illuminate\Support\Carbon::parse($day)->translatedFormat('d F Y, l') }}</h6>
                <span class="badge bg-dark">{{ $dayVisitors->count() }} oturum</span>
                <span class="badge bg-secondary">{{ number_format($dayVisitors->sum(fn ($v) => $v->pageViews->count())) }} sayfa</span>
            </div>

            @foreach ($dayVisitors as $visitor)
                @php
                    $sessionDuration = $visitor->pageViews->sum('duration_ms');
                    $sessionDurationSec = $sessionDuration ? round($sessionDuration / 1000) : null;
                @endphp
                <div class="session-card">
                    <h6>
                        <i class="bi bi-window"></i>
                        {{ $visitor->first_visit_at->format('d.m.Y H:i') }}
                        – {{ $visitor->last_visit_at->format('H:i') }}
                        <span class="badge bg-secondary">{{ $visitor->pageViews->count() }} sayfa</span>
                        @if ($sessionDurationSec)
                            <span class="duration-badge">{{ $sessionDurationSec }} sn</span>
                        @endif
                    </h6>
                    <div class="session-meta">
                        <span><i class="bi bi-phone"></i> {{ $visitor->device ?? '—' }}</span>
                        <span><i class="bi bi-browser-edge"></i> {{ $visitor->browser ?? '—' }}</span>
                        <span><i class="bi bi-windows"></i> {{ $visitor->platform ?? '—' }}</span>
                    </div>
                    <div class="table-responsive">
                        <table class="pv-table">
                            <thead>
                                <tr>
                                    <th>Zaman</th>
                                    <th>Sayfa / Path</th>
                                    <th style="text-align:right;">Süre</th>
                                    <th style="text-align:center;">HTTP</th>
                                </tr>
                            </thead>
                            <tbody>
                                @foreach ($visitor->pageViews as $pv)
                                    <tr>
                                        <td>{{ $pv->created_at->format('H:i:s') }}</td>
                                        <td title="{{ $pv->url ?? '' }}">
                                            @if (Str::endsWith(rtrim($pv->path, '/'), 'panel/layout-state'))
                                                <span class="text-muted"><i class="bi bi-grid-3x3-gap"></i> Panel — Harita Değişikliği</span>
                                            @else
                                                {{ Str::limit($pv->path, 60) }}
                                            @endif
                                            @if (!empty($pv->slotChanges) && $pv->slotChanges->isNotEmpty())
                                                <div class="small text-muted mt-1">
                                                    @foreach ($pv->slotChanges as $sc)
                                                        <span class="badge bg-light text-dark border me-1">
                                                            {{ $sc->slot }}:
                                                            {{ $sc->previous_chart_type ?? '—' }} → {{ $sc->chart_type }}
                                                        </span>
                                                    @endforeach
                                                </div>
                                            @endif
                                        </td>
                                        <td style="text-align:right;">
                                            @if ($pv->duration_ms)
                                                <span class="duration-badge">{{ round($pv->duration_ms / 1000) }} sn</span>
                                            @else
                                                —
                                            @endif
                                        </td>
                                        <td style="text-align:center;">{{ $pv->status_code ?? '—' }}</td>
                                    </tr>
                                @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
            @endforeach
        @empty
            <div class="alert alert-light border text-muted">
                Bu dönemde bu kullanıcıya ait oturum kaydı yok.
            </div>
        @endforelse
    </div>
@endsection