@extends('layouts.app')

@section('title', 'Yetki Bazlı Kullanıcılar')

@section('content')
    <div class="d-flex flex-wrap align-items-center justify-content-between gap-3 mb-4">
        <div>
            <h1 class="h4 mb-1">Yetki Yönetimi</h1>
            <p class="text-muted mb-0">Bir yetki seçin ve o yetkiye sahip kullanıcıları görün.</p>
        </div>
    </div>

    @include('admin.partials.permissions-nav')

    @if (session('status'))
        <div class="alert alert-success">{{ session('status') }}</div>
    @endif

    {{-- Yetki Seçimi --}}
    <div class="card mb-4">
        <div class="card-header">
            <h5 class="card-title mb-0">Yetki Seç</h5>
        </div>
        <div class="card-body">
            <form method="get" action="{{ route('admin.users.permission-users') }}" id="permForm">
                <div class="row g-3 align-items-end">
                    <div class="col-md-3">
                        <label class="form-label fw-semibold small">Yetki Tipi</label>
                        <div class="btn-group w-100" role="group">
                            <input type="radio" class="btn-check" name="type" id="typeModule" value="module"
                                   {{ $type === 'module' ? 'checked' : '' }}>
                            <label class="btn btn-outline-primary" for="typeModule">Modül</label>
                            <input type="radio" class="btn-check" name="type" id="typeMenu" value="menu"
                                   {{ $type === 'menu' ? 'checked' : '' }}>
                            <label class="btn btn-outline-primary" for="typeMenu">Menü</label>
                        </div>
                    </div>

                    <div class="col-md-6">
                        <label class="form-label fw-semibold small">Yetki</label>

                        {{-- Modül seçimi --}}
                        <div id="moduleSelectWrap" class="{{ $type === 'module' ? '' : 'd-none' }}">
                            <select name="perm" id="moduleSelect" class="form-select">
                                <option value="">— Modül yetkisi seçin —</option>
                                @foreach ($modules as $module)
                                    @php
                                        $mKey = (string) $module->key;
                                        $mLabel = $moduleLabels[$mKey] ?? ($mKey === 'assets' ? 'Envanter Yönetimi' : $module->name);
                                        $viewKey   = 'module.' . $mKey . '.view';
                                        $manageKey = 'module.' . $mKey . '.manage';
                                    @endphp
                                    <optgroup label="{{ $mLabel }} ({{ $mKey }})">
                                        <option value="{{ $viewKey }}"   {{ $permKey === $viewKey   ? 'selected' : '' }}>Görüntüle</option>
                                        <option value="{{ $manageKey }}" {{ $permKey === $manageKey ? 'selected' : '' }}>Yönet</option>
                                    </optgroup>
                                @endforeach
                            </select>
                        </div>

                        {{-- Menü seçimi --}}
                        <div id="menuSelectWrap" class="{{ $type === 'menu' ? '' : 'd-none' }}">
                            <select name="perm" id="menuSelect" class="form-select">
                                <option value="">— Menü yetkisi seçin —</option>
                                @php
                                    $menuByModule = $menuPermissions->groupBy('module_key');
                                @endphp
                                @foreach ($menuByModule as $mk => $items)
                                    @php
                                        $groupLabel = $moduleLabels[$mk] ?? ($mk === 'assets' ? 'Envanter Yönetimi' : ($mk !== '' ? ucfirst($mk) : 'Genel'));
                                    @endphp
                                    <optgroup label="{{ $groupLabel }}">
                                        @foreach ($items as $mp)
                                            <option value="{{ $mp->key }}" {{ $permKey === $mp->key ? 'selected' : '' }}>
                                                {{ $mp->name }}
                                            </option>
                                        @endforeach
                                    </optgroup>
                                @endforeach
                            </select>
                        </div>
                    </div>

                    <div class="col-md-3">
                        <button type="submit" class="btn btn-primary w-100">
                            <i class="bi bi-search me-1"></i>Göster
                        </button>
                    </div>
                </div>
            </form>
        </div>
    </div>

    @if ($permKey !== '')
        {{-- Kullanıcı Arama --}}
        <div class="card mb-4">
            <div class="card-body py-2">
                <form method="get" action="{{ route('admin.users.permission-users') }}" class="d-flex gap-2 align-items-center">
                    <input type="hidden" name="type" value="{{ $type }}">
                    <input type="hidden" name="perm" value="{{ $permKey }}">
                    <input type="text" name="q" class="form-control form-control-sm" placeholder="Kullanıcı adı veya e-posta ile filtrele..." value="{{ $userSearch }}" style="max-width:300px">
                    <button type="submit" class="btn btn-sm btn-outline-secondary">Filtrele</button>
                    @if ($userSearch !== '')
                        <a href="{{ route('admin.users.permission-users', ['type' => $type, 'perm' => $permKey]) }}" class="btn btn-sm btn-outline-secondary">Temizle</a>
                    @endif
                </form>
            </div>
        </div>

        {{-- Kullanıcı Tablosu --}}
        <div class="card">
            <div class="card-header d-flex align-items-center justify-content-between">
                <h5 class="card-title mb-0">
                    Erisimi Olan Kullanıcılar
                    <span class="badge bg-secondary ms-2">{{ $rows->count() }}</span>
                </h5>
                <span class="text-muted small font-monospace">{{ $permKey }}</span>
            </div>
            <div class="card-body p-0">
                @if ($rows->isEmpty())
                    <div class="p-4 text-muted">Bu yetkiye sahip kullanıcı bulunamadı.</div>
                @else
                    <div class="table-responsive">
                        <table class="table table-hover align-middle mb-0">
                            <thead class="table-light">
                            <tr>
                                <th>Kullanıcı</th>
                                <th>E-posta</th>
                                <th>Kod</th>
                                <th>Erisim Kaynağı</th>
                                <th>Roller</th>
                                <th class="text-end">İşlem</th>
                            </tr>
                            </thead>
                            <tbody>
                            @foreach ($rows as $row)
                                @php
                                    $u       = $row['user'];
                                    $sources = $row['sources'];
                                    $roles   = $row['via_roles'];
                                    $direct  = $row['direct'];
                                @endphp
                                <tr>
                                    <td>
                                        <a href="{{ route('admin.users.permissions', ['user_id' => $u->id]) }}" class="fw-semibold text-decoration-none">
                                            {{ $u->name }}
                                        </a>
                                    </td>
                                    <td class="text-muted small">{{ $u->email }}</td>
                                    <td class="text-muted small">{{ $u->user_code ?? '”' }}</td>
                                    <td>
                                        @if (in_array('role', $sources, true) && in_array('direct', $sources, true))
                                            <span class="badge bg-primary">Rol + Direkt</span>
                                        @elseif (in_array('role', $sources, true))
                                            <span class="badge bg-secondary">Rol</span>
                                        @elseif (in_array('direct', $sources, true))
                                            <span class="badge bg-success">Direkt</span>
                                        @endif
                                    </td>
                                    <td>
                                        @forelse ($roles as $roleName)
                                            <span class="badge bg-light text-dark border me-1">{{ $roleName }}</span>
                                        @empty
                                            <span class="text-muted small">”</span>
                                        @endforelse
                                    </td>
                                    <td class="text-end">
                                        <div class="d-flex gap-2 justify-content-end">
                                            <a href="{{ route('admin.users.permissions', ['user_id' => $u->id]) }}"
                                               class="btn btn-sm btn-outline-primary" title="Tüm Yetkiler">
                                                <i class="bi bi-shield-check"></i>
                                            </a>
                                            @if ($direct)
                                                <form method="post" action="{{ route('admin.users.revoke-permission') }}"
                                                      onsubmit="return confirm('Bu kullanıcının direkt yetkisi kaldırılsın mı?')">
                                                    @csrf
                                                    <input type="hidden" name="user_id" value="{{ $u->id }}">
                                                    <input type="hidden" name="perm_key" value="{{ $permKey }}">
                                                    <input type="hidden" name="type" value="{{ $type }}">
                                                    <input type="hidden" name="perm" value="{{ $permKey }}">
                                                    <button type="submit" class="btn btn-sm btn-outline-danger" title="Direkt yetkiyi kaldır">
                                                        <i class="bi bi-x-circle"></i>
                                                    </button>
                                                </form>
                                            @endif
                                        </div>
                                    </td>
                                </tr>
                            @endforeach
                            </tbody>
                        </table>
                    </div>
                @endif
            </div>
        </div>

        <div class="mt-3 text-muted small">
            <i class="bi bi-info-circle me-1"></i>
            <strong>Rol</strong> kaynağı: kullanıcının rolü üzerinden erişim saglaniyor. Kaldırmak için rolü düzenleyin.
            &nbsp;|&nbsp;
            <strong>Direkt</strong>: kullanıcıya Özel atanmış yetki ” <i class="bi bi-x-circle"></i> butonu ile kaldirilabilir.
        </div>
    @endif
@endsection

@push('scripts')
<script>
    (() => {
        const form            = document.getElementById('permForm');
        const moduleWrap      = document.getElementById('moduleSelectWrap');
        const menuWrap        = document.getElementById('menuSelectWrap');
        const moduleSelect    = document.getElementById('moduleSelect');
        const menuSelect      = document.getElementById('menuSelect');
        const typeRadıos      = form ? form.querySelectorAll('input[name="type"]') : [];

        const syncSelects = (type) => {
            const isModule = type === 'module';
            moduleWrap.classList.toggle('d-none', !isModule);
            menuWrap.classList.toggle('d-none',   isModule);
            // Disable inactive select so it's not submitted
            moduleSelect.disabled = !isModule;
            menuSelect.disabled   = isModule;
        };

        // Init
        const initialType = document.querySelector('input[name="type"]:checked')?.value || 'module';
        syncSelects(initialType);

        typeRadıos.forEach(r => r.addEventListener('change', () => syncSelects(r.value)));
    })();
</script>
@endpush