@extends('admin.layouts.app')

@section('title', 'Kullanıcılar')
@section('page_title', 'Kullanıcı Yönetimi')

@section('content')
    <div class="container-fluid">
        <!-- Page Header -->
        <div class="d-flex justify-content-between align-items-center mb-4">
            <div>
                <h1 class="h3 mb-0 text-gray-800">Kullanıcılar</h1>
                <p class="mb-0 text-muted">Sistem kullanıcılarını yönetin</p>
            </div>
            <div class="d-flex gap-2">
                <button class="btn btn-outline-secondary btn-sm">
                    <i class="fas fa-download me-1"></i>
                    Excel
                </button>
                <button class="btn btn-outline-secondary btn-sm">
                    <i class="fas fa-file-pdf me-1"></i>
                    PDF
                </button>
                <a href="{{ route('admin.users.create') }}" class="btn btn-primary">
                    <i class="fas fa-plus me-1"></i>
                    Yeni Kullanıcı
                </a>
            </div>
        </div>

        <!-- Stats Cards -->
        <div class="row mb-4">
            <div class="col-lg-3 col-md-6">
                <div class="stats-card stats-primary">
                    <div class="stats-icon">
                        <i class="fas fa-users"></i>
                    </div>
                    <div class="stats-content">
                        <div class="stats-number">{{ $users->total() }}</div>
                        <div class="stats-label">Toplam Kullanıcı</div>
                    </div>
                </div>
            </div>
            <div class="col-lg-3 col-md-6">
                <div class="stats-card stats-success">
                    <div class="stats-icon">
                        <i class="fas fa-user-check"></i>
                    </div>
                    <div class="stats-content">
                        <div class="stats-number">{{ $users->where('is_active', true)->count() }}</div>
                        <div class="stats-label">Aktif Kullanıcı</div>
                    </div>
                </div>
            </div>
            <div class="col-lg-3 col-md-6">
                <div class="stats-card stats-warning">
                    <div class="stats-icon">
                        <i class="fas fa-user-clock"></i>
                    </div>
                    <div class="stats-content">
                        <div class="stats-number">{{ $users->where('is_verified', false)->count() }}</div>
                        <div class="stats-label">Doğrulanmamış</div>
                    </div>
                </div>
            </div>
            <div class="col-lg-3 col-md-6">
                <div class="stats-card stats-info">
                    <div class="stats-icon">
                        <i class="fas fa-building"></i>
                    </div>
                    <div class="stats-content">
                        <div class="stats-number">{{ $users->whereNotNull('agency_id')->count() }}</div>
                        <div class="stats-label">Acente Üyesi</div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Filter and Search -->
        <div class="card mb-4">
            <div class="card-body">
                <form method="GET" class="row g-3">
                    <div class="col-md-3">
                        <label class="form-label text-sm font-weight-medium">Arama</label>
                        <div class="input-group">
                        <span class="input-group-text">
                            <i class="fas fa-search"></i>
                        </span>
                            <input type="text"
                                   class="form-control"
                                   name="search"
                                   value="{{ request('search') }}"
                                   placeholder="Ad, soyad, email, telefon...">
                        </div>
                    </div>
                    <div class="col-md-2">
                        <label class="form-label text-sm font-weight-medium">Durum</label>
                        <select name="status" class="form-select">
                            <option value="">Tümü</option>
                            <option value="active" {{ request('status') === 'active' ? 'selected' : '' }}>Aktif</option>
                            <option value="inactive" {{ request('status') === 'inactive' ? 'selected' : '' }}>Pasif
                            </option>
                        </select>
                    </div>
                    <div class="col-md-2">
                        <label class="form-label text-sm font-weight-medium">Rol</label>
                        <select name="role" class="form-select">
                            <option value="">Tüm Roller</option>
                            @foreach($roles as $role)
                                <option
                                    value="{{ $role->name }}" {{ request('role') === $role->name ? 'selected' : '' }}>
                                    {{ ucfirst($role->name) }}
                                </option>
                            @endforeach
                        </select>
                    </div>
                    <div class="col-md-2">
                        <label class="form-label text-sm font-weight-medium">Sıralama</label>
                        <select name="sort_by" class="form-select">
                            <option value="created_at" {{ request('sort_by') === 'created_at' ? 'selected' : '' }}>Kayıt
                                Tarihi
                            </option>
                            <option value="first_name" {{ request('sort_by') === 'first_name' ? 'selected' : '' }}>Ad
                            </option>
                            <option value="email" {{ request('sort_by') === 'email' ? 'selected' : '' }}>E-posta
                            </option>
                            <option
                                value="last_login_at" {{ request('sort_by') === 'last_login_at' ? 'selected' : '' }}>Son
                                Giriş
                            </option>
                        </select>
                    </div>
                    <div class="col-md-1">
                        <label class="form-label text-sm font-weight-medium">Yön</label>
                        <select name="sort_order" class="form-select">
                            <option value="desc" {{ request('sort_order') === 'desc' ? 'selected' : '' }}>↓</option>
                            <option value="asc" {{ request('sort_order') === 'asc' ? 'selected' : '' }}>↑</option>
                        </select>
                    </div>
                    <div class="col-md-2 d-flex align-items-end gap-2">
                        <button type="submit" class="btn btn-primary">
                            <i class="fas fa-filter me-1"></i>
                            Filtrele
                        </button>
                        <a href="{{ route('admin.users.index') }}" class="btn btn-outline-secondary">
                            <i class="fas fa-undo me-1"></i>
                            Temizle
                        </a>
                    </div>
                </form>
            </div>
        </div>

        <!-- Users Table -->
        <div class="card">
            <div class="card-header">
                <div class="d-flex justify-content-between align-items-center">
                    <h5 class="card-title mb-0">
                        <i class="fas fa-users me-2"></i>
                        Kullanıcı Listesi
                    </h5>
                    <div class="text-muted small">
                        {{ $users->firstItem() ?? 0 }}-{{ $users->lastItem() ?? 0 }} / {{ $users->total() }} kullanıcı
                    </div>
                </div>
            </div>
            <div class="card-body p-0">
                @if($users->count() > 0)
                    <div class="table-responsive">
                        <table class="table table-hover mb-0">
                            <thead class="table-light">
                            <tr>
                                <th class="ps-4">Kullanıcı</th>
                                <th>İletişim</th>
                                <th>Acente</th>
                                <th>Roller</th>
                                <th>Durum</th>
                                <th>Son Giriş</th>
                                <th class="text-end pe-4">İşlemler</th>
                            </tr>
                            </thead>
                            <tbody>
                            @foreach($users as $user)
                                <tr>
                                    <td class="ps-4">
                                        <div class="d-flex align-items-center">
                                            <div class="user-avatar me-3">
                                                @if($user->avatar)
                                                    <img src="{{ asset('storage/' . $user->avatar) }}"
                                                         alt="{{ $user->full_name }}"
                                                         class="rounded-circle"
                                                         width="40" height="40">
                                                @else
                                                    <div
                                                        class="avatar-placeholder rounded-circle d-flex align-items-center justify-content-center"
                                                        style="width: 40px; height: 40px; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); color: white; font-weight: 600; font-size: 14px;">
                                                        {{ $user->initials }}
                                                    </div>
                                                @endif
                                            </div>
                                            <div>
                                                <div class="fw-semibold text-gray-900">{{ $user->full_name }}</div>
                                                <div class="text-muted small">{{ $user->email }}</div>
                                                @if($user->national_id)
                                                    <div class="text-muted small">TC: {{ $user->national_id }}</div>
                                                @endif
                                            </div>
                                        </div>
                                    </td>
                                    <td>
                                        <div class="small">
                                            @if($user->phone)
                                                <div class="mb-1">
                                                    <i class="fas fa-phone text-muted me-1"></i>
                                                    {{ $user->phone }}
                                                </div>
                                            @endif
                                            @if($user->city)
                                                <div>
                                                    <i class="fas fa-map-marker-alt text-muted me-1"></i>
                                                    {{ $user->city }}
                                                </div>
                                            @endif
                                        </div>
                                    </td>
                                    <td>
                                        @if($user->agency)
                                            <div class="d-flex align-items-center">
                                                <div class="agency-icon me-2"
                                                     style="width: 24px; height: 24px; background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%); border-radius: 4px; display: flex; align-items: center; justify-content: center;">
                                                    <i class="fas fa-building text-white" style="font-size: 10px;"></i>
                                                </div>
                                                <div>
                                                    <div class="fw-medium small">{{ $user->agency->name }}</div>
                                                    @if($user->position)
                                                        <div class="text-muted small">{{ $user->position }}</div>
                                                    @endif
                                                </div>
                                            </div>
                                        @else
                                            <span class="text-muted small">-</span>
                                        @endif
                                    </td>
                                    <td>
                                        <div class="d-flex flex-wrap gap-1">
                                            @forelse($user->roles as $role)
                                                <span class="badge rounded-pill"
                                                      style="background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); font-size: 10px;">
                                                    {{ ucfirst($role->name) }}
                                                </span>
                                            @empty
                                                <span class="text-muted small">Rol atanmamış</span>
                                            @endforelse
                                        </div>
                                    </td>
                                    <td>
                                        <div class="d-flex flex-column gap-1">
                                            @if($user->is_active)
                                                <span class="status-badge confirmed">
                                                    <i class="fas fa-check-circle"></i>
                                                    Aktif
                                                </span>
                                            @else
                                                <span class="status-badge rejected">
                                                    <i class="fas fa-times-circle"></i>
                                                    Pasif
                                                </span>
                                            @endif

                                            @if($user->is_verified)
                                                <span class="badge badge-success small">Doğrulanmış</span>
                                            @else
                                                <span class="badge badge-warning small">Doğrulanmamış</span>
                                            @endif
                                        </div>
                                    </td>
                                    <td>
                                        @if($user->last_login_at)
                                            <div class="small">
                                                <div
                                                    class="text-gray-900">{{ $user->last_login_at->diffForHumans() }}</div>
                                                <div
                                                    class="text-muted">{{ $user->last_login_at->format('d.m.Y H:i') }}</div>
                                                @if($user->last_login_ip)
                                                    <div class="text-muted small">{{ $user->last_login_ip }}</div>
                                                @endif
                                            </div>
                                        @else
                                            <span class="text-muted small">Hiç giriş yapmamış</span>
                                        @endif
                                    </td>
                                    <td class="text-end pe-4">
                                        <div class="dropdown">
                                            <button class="btn btn-ghost btn-sm" data-bs-toggle="dropdown">
                                                <i class="fas fa-ellipsis-v"></i>
                                            </button>
                                            <div class="dropdown-menu dropdown-menu-end">
                                                <a href="{{ route('admin.users.show', $user) }}" class="dropdown-item">
                                                    <i class="fas fa-eye me-2"></i>
                                                    Görüntüle
                                                </a>
                                                <a href="{{ route('admin.users.edit', $user) }}" class="dropdown-item">
                                                    <i class="fas fa-edit me-2"></i>
                                                    Düzenle
                                                </a>
                                                <div class="dropdown-divider"></div>
                                                <form action="{{ route('admin.users.toggle-status', $user) }}"
                                                      method="POST" class="d-inline">
                                                    @csrf
                                                    @method('PATCH')
                                                    <button type="submit" class="dropdown-item">
                                                        @if($user->is_active)
                                                            <i class="fas fa-user-slash me-2 text-warning"></i>
                                                            Pasif Yap
                                                        @else
                                                            <i class="fas fa-user-check me-2 text-success"></i>
                                                            Aktif Yap
                                                        @endif
                                                    </button>
                                                </form>
                                                <form action="{{ route('admin.users.reset-password', $user) }}"
                                                      method="POST" class="d-inline">
                                                    @csrf
                                                    <button type="submit" class="dropdown-item">
                                                        <i class="fas fa-key me-2 text-info"></i>
                                                        Şifre Sıfırla
                                                    </button>
                                                </form>
                                                <div class="dropdown-divider"></div>
                                                <button class="dropdown-item text-danger"
                                                        onclick="confirmDelete('{{ $user->id }}', '{{ $user->full_name }}')">
                                                    <i class="fas fa-trash me-2"></i>
                                                    Sil
                                                </button>
                                            </div>
                                        </div>
                                    </td>
                                </tr>
                            @endforeach
                            </tbody>
                        </table>
                    </div>
                @else
                    <div class="empty-state">
                        <div class="empty-icon">
                            <i class="fas fa-users"></i>
                        </div>
                        <div class="empty-text">
                            <h4>Kullanıcı bulunamadı</h4>
                            <p>{{ request()->hasAny(['search', 'status', 'role']) ? 'Arama kriterlerinize uygun kullanıcı bulunamadı.' : 'Henüz hiç kullanıcı eklenmemiş.' }}</p>
                        </div>
                        @if(!request()->hasAny(['search', 'status', 'role']))
                            <a href="{{ route('admin.users.create') }}" class="btn btn-primary mt-3">
                                <i class="fas fa-plus me-1"></i>
                                İlk Kullanıcıyı Oluştur
                            </a>
                        @endif
                    </div>
                @endif
            </div>

            @if($users->hasPages())
                <div class="card-footer">
                    <div class="d-flex justify-content-between align-items-center">
                        <div class="text-muted small">
                            {{ $users->firstItem() ?? 0 }}-{{ $users->lastItem() ?? 0 }} arası,
                            toplam {{ $users->total() }} kayıt
                        </div>
                        {{ $users->withQueryString()->links() }}
                    </div>
                </div>
            @endif
        </div>
    </div>

    <!-- Delete Confirmation Modal -->
    <div class="modal fade" id="deleteModal" tabindex="-1">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title">Kullanıcıyı Sil</h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal"></button>
                </div>
                <div class="modal-body">
                    <p><strong id="deleteUserName"></strong> kullanıcısını silmek istediğinizden emin misiniz?</p>
                    <p class="text-danger small">Bu işlem geri alınamaz!</p>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">İptal</button>
                    <form id="deleteForm" method="POST" class="d-inline">
                        @csrf
                        @method('DELETE')
                        <button type="submit" class="btn btn-danger">Sil</button>
                    </form>
                </div>
            </div>
        </div>
    </div>
@endsection

@push('scripts')
    <script>
        function confirmDelete(userId, userName) {
            document.getElementById('deleteUserName').textContent = userName;
            document.getElementById('deleteForm').action = `/admin/users/${userId}`;
            new bootstrap.Modal(document.getElementById('deleteModal')).show();
        }
    </script>
@endpush