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

@section('content')
<div class="users-wrap">
    <div class="d-flex justify-content-between align-items-center flex-wrap gap-3 mb-4">
        <form action="{{ route('admin.users.index') }}" method="GET" class="d-flex gap-2 flex-wrap search-form">
            <input type="text" name="search" class="form-control form-control-sm" placeholder="Ad, soyad veya e-posta ara..." value="{{ request('search') }}">
            <select name="channel" class="form-select form-select-sm" style="width:auto;">
                <option value="">Tüm Kanallar</option>
                <option value="panel" @selected(request('channel') === 'panel')>Panel</option>
                <option value="site_builder" @selected(request('channel') === 'site_builder')>Web Sitemi Oluştur</option>
                <option value="api_panel" @selected(request('channel') === 'api_panel')>API Paneli</option>
                <option value="store" @selected(request('channel') === 'store')>Mağaza</option>
                <option value="mobile" @selected(request('channel') === 'mobile')>Mobil</option>
            </select>
            <button type="submit" class="btn btn-sm btn-outline-primary"><i class="bi bi-search"></i></button>
            @if(request()->hasAny(['search','channel']))
                <a href="{{ route('admin.users.index') }}" class="btn btn-sm btn-outline-secondary">Temizle</a>
            @endif
        </form>
    </div>

    <div class="users-card">
        <h5><i class="bi bi-people-fill me-2"></i> Tüm Kullanıcılar</h5>
        <div class="table-responsive">
            <table class="users-table">
                <thead>
                    <tr>
                        <th>Kullanıcı</th>
                        <th>E-posta</th>
                        <th>Kayıt Kaynağı</th>
                        <th>Kullanım Kaynağı</th>
                        <th>Abonelik</th>
                        <th>Öğretmen</th>
                        <th style="text-align:right;">Token</th>
                        <th style="text-align:right;">Rapor</th>
                        <th>Kayıt</th>
                        <th style="width:110px">İşlem</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse ($users as $u)
                        <tr>
                            <td><strong>{{ trim(($u->name ?? '') . ' ' . ($u->last_name ?? '')) ?: '—' }}</strong></td>
                            <td>{{ $u->email }}</td>
                            <td>
                                @php $chInfo = $u->registration_channel_info ?? ['label' => 'Panel', 'class' => 'text-bg-secondary', 'icon' => 'bi-stars']; @endphp
                                <span class="badge {{ $chInfo['class'] }}">
                                    <i class="bi {{ $chInfo['icon'] }} me-1"></i>{{ $chInfo['label'] }}
                                </span>

                                @if (in_array((string) ($u->provider ?? ''), ['google', 'facebook'], true))
                                    <span class="badge text-bg-light border text-dark">
                                        {{ (string) $u->provider === 'google' ? 'Google' : 'Facebook' }}
                                    </span>
                                @endif
                            </td>
                            <td>
                                @switch($u->usage_source ?? 'none')
                                    @case('web_api')
                                        <span class="badge text-bg-primary">Web</span>
                                        <span class="badge text-bg-success">API</span>
                                        @break
                                    @case('api')
                                        <span class="badge text-bg-success">API</span>
                                        @break
                                    @case('web')
                                        <span class="badge text-bg-primary">Web</span>
                                        @break
                                    @default
                                        <span class="badge text-bg-light border text-dark">Veri Yok</span>
                                @endswitch
                            </td>
                            <td>
                                @if ($u->hasActiveSubscription())
                                    <span class="badge badge-subscriber">Aktif</span>
                                @else
                                    <span class="badge badge-none">Yok</span>
                                @endif
                            </td>
                            <td>
                                {{-- Öğretmenlik yetkisi (canlı ders) SADECE buradan verilir/alınır --}}
                                <form method="POST" action="{{ route('admin.users.toggle-teacher', $u) }}" class="d-inline m-0"
                                      onsubmit="return confirm('{{ $u->isTeacher() ? 'Öğretmenlik yetkisi KALDIRILSIN mı?' : 'Bu kullanıcıya öğretmenlik yetkisi verilsin mi?' }}');">
                                    @csrf
                                    @if ($u->isTeacher())
                                        <button type="submit" class="btn btn-sm btn-success" title="Yetkiyi kaldırmak için tıklayın">
                                            <i class="bi bi-mortarboard-fill"></i> Öğretmen
                                        </button>
                                    @else
                                        <button type="submit" class="btn btn-sm btn-outline-secondary" title="Öğretmenlik yetkisi vermek için tıklayın">
                                            <i class="bi bi-mortarboard"></i> Yetki Ver
                                        </button>
                                    @endif
                                </form>
                            </td>
                            <td style="text-align:right;">{{ number_format($u->chat_words_remaining ?? 0) }}</td>
                            <td style="text-align:right;">{{ number_format($u->report_credits_remaining ?? 0) }}</td>
                            <td>{{ $u->created_at?->format('d.m.Y') ?? '—' }}</td>
                            <td>
                                <a href="{{ route('admin.users.show', $u) }}"
                                   class="btn btn-sm btn-primary">
                                    <i class="bi bi-gear"></i> Yönet
                                </a>
                                <button type="button" class="btn btn-sm btn-outline-secondary"
                                        data-journey-btn data-user-id="{{ $u->id }}"
                                        title="Kayıt Yolculuğu">
                                    <i class="bi bi-clock-history"></i>
                                </button>
                            </td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="10" class="text-center text-muted py-4">
                                Kullanıcı bulunamadı.
                            </td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
        @if ($users->hasPages())
            <div class="d-flex justify-content-center mt-3">
                {{ $users->links() }}
            </div>
        @endif
    </div>
</div>

<div class="modal fade" id="registrationJourneyModal" tabindex="-1" aria-labelledby="registrationJourneyModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered modal-lg">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="registrationJourneyModalLabel">
                    <i class="bi bi-clock-history"></i> Kayıt Yolculuğu
                </h5>
                @csrf
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Kapat"></button>
            </div>
            <div class="modal-body" id="registrationJourneyModalBody">
                <div class="text-center text-muted py-4">
                    <div class="spinner-border spinner-border-sm"></div> Yükleniyor...
                </div>
            </div>
        </div>
    </div>
</div>
@endsection

@push('scripts')
<script>
(function () {
    'use strict';

    const modalEl = document.getElementById('registrationJourneyModal');
    const modalBody = document.getElementById('registrationJourneyModalBody');
    const csrfToken = modalEl.querySelector('input[name="_token"]')?.value ?? '';
    const modal = bootstrap.Modal.getOrCreateInstance(modalEl);
    const JOURNEY_URL_TEMPLATE = "{{ route('admin.users.registration-journey', ['user' => '__ID__']) }}";
    const RESEND_URL_TEMPLATE = "{{ route('admin.users.resend-verification-sms', ['user' => '__ID__']) }}";
    let currentUserId = null;

    function loadJourney(userId) {
        currentUserId = userId;
        modalBody.innerHTML = '<div class="text-center text-muted py-4"><div class="spinner-border spinner-border-sm"></div> Yükleniyor...</div>';
        fetch(JOURNEY_URL_TEMPLATE.replace('__ID__', userId), {
            headers: { 'X-Requested-With': 'XMLHttpRequest' },
        })
            .then(res => res.text())
            .then(html => { modalBody.innerHTML = html; })
            .catch(() => {
                modalBody.innerHTML = '<div class="alert alert-danger">Yüklenirken bir hata oluştu.</div>';
            });
    }

    document.querySelectorAll('[data-journey-btn]').forEach(btn => {
        btn.addEventListener('click', () => {
            loadJourney(btn.dataset.userId);
            modal.show();
        });
    });

    modalBody.addEventListener('click', (e) => {
        const resendBtn = e.target.closest('#registrationJourneyResendBtn');
        if (!resendBtn) return;

        resendBtn.disabled = true;
        const msgEl = document.getElementById('registrationJourneyResendMsg');
        if (msgEl) msgEl.textContent = 'Gönderiliyor...';

        fetch(RESEND_URL_TEMPLATE.replace('__ID__', resendBtn.dataset.userId), {
            method: 'POST',
            headers: {
                'X-CSRF-TOKEN': csrfToken,
                'X-Requested-With': 'XMLHttpRequest',
                'Accept': 'application/json',
            },
        })
            .then(res => res.json().then(data => ({ ok: res.ok, data })))
            .then(({ ok, data }) => {
                if (ok && data.success) {
                    loadJourney(currentUserId);
                } else if (msgEl) {
                    msgEl.textContent = data.message ?? 'SMS gönderilemedi.';
                    resendBtn.disabled = false;
                }
            })
            .catch(() => {
                if (msgEl) msgEl.textContent = 'Bağlantı hatası.';
                resendBtn.disabled = false;
            });
    });
})();
</script>
@endpush