@extends('layouts.app')

@section('title', 'Talep Açma Erişimleri')

@section('content')
    <div class="container-fluid py-3">
        <div class="d-flex flex-wrap justify-content-between align-items-center gap-2 mb-3">
            <div>
                <h1 class="h4 mb-1">Talep Açma Erişimleri</h1>
                <p class="text-muted mb-0">Pazarlama Birimi dışındaki kullanıcılar için talep açma yetkisini buradan yönetin.</p>
            </div>
            <a href="{{ route('admin.marketing.destek') }}" class="btn btn-outline-secondary btn-sm">
                <i class="bi bi-arrow-left me-1"></i>Pazarlama Destek
            </a>
        </div>

        @if (session('success'))
            <div class="alert alert-success">{{ session('success') }}</div>
        @endif
        @if (session('error'))
            <div class="alert alert-danger">{{ session('error') }}</div>
        @endif
        @if ($errors->any())
            <div class="alert alert-danger">
                <ul class="mb-0 ps-3">
                    @foreach ($errors->all() as $error)
                        <li>{{ $error }}</li>
                    @endforeach
                </ul>
            </div>
        @endif

        <div class="card border-0 shadow-sm">
            <div class="card-body">
                <div class="d-flex flex-wrap gap-2 mb-3">
                    <span class="badge text-bg-success">Pazarlama Birimi: {{ $teamCount }}</span>
                    <span class="badge text-bg-primary">Ek Talep Açma Yetkisi: {{ $extraCount }}</span>
                </div>

                <div class="mb-3">
                    <input type="text" id="creatorAccessSearch" class="form-control"
                        placeholder="Kullanıcı adı veya e-posta ile ara...">
                </div>

                <form action="{{ route('admin.marketing.destek.access.save') }}" method="POST">
                    @csrf

                    <div class="table-responsive border rounded">
                        <table class="table table-sm align-middle mb-0">
                            <thead class="table-light">
                                <tr>
                                    <th style="width:56px;">Seç</th>
                                    <th>Kullanıcı</th>
                                    <th style="width:220px;">Durum</th>
                                </tr>
                            </thead>
                            <tbody>
                                @forelse ($users as $user)
                                    <tr data-user-row data-search="{{ \Illuminate\Support\Str::lower($user->name . ' ' . $user->email) }}">
                                        <td>
                                            @if ($user->is_team)
                                                <input type="checkbox" class="form-check-input" checked disabled>
                                            @else
                                                <input type="checkbox" class="form-check-input" name="allowed_user_ids[]"
                                                    value="{{ $user->id }}" {{ $user->can_create ? 'checked' : '' }}>
                                            @endif
                                        </td>
                                        <td>
                                            <div class="fw-semibold">{{ $user->name }}</div>
                                            <div class="small text-muted">{{ $user->email }}</div>
                                        </td>
                                        <td>
                                            @if ($user->is_team)
                                                <span class="badge text-bg-success">Pazarlama Birimi</span>
                                            @elseif ($user->can_create)
                                                <span class="badge text-bg-primary">Ek erişim verildi</span>
                                            @else
                                                <span class="badge text-bg-secondary">Erişim yok</span>
                                            @endif
                                        </td>
                                    </tr>
                                @empty
                                    <tr>
                                        <td colspan="3" class="text-center text-muted py-4">Kullanıcı bulunamadı.</td>
                                    </tr>
                                @endforelse
                            </tbody>
                        </table>
                    </div>

                    <div class="d-flex justify-content-end mt-3">
                        <button type="submit" class="btn btn-primary">
                            <i class="bi bi-save me-1"></i>Kaydet
                        </button>
                    </div>
                </form>
            </div>
        </div>
    </div>
@endsection

@push('scripts')
    <script>
        (function () {
            const searchInput = document.getElementById('creatorAccessSearch');
            if (!searchInput) {
                return;
            }

            const rows = Array.from(document.querySelectorAll('[data-user-row]'));
            searchInput.addEventListener('input', function () {
                const q = (this.value || '').toLowerCase().trim();
                rows.forEach((row) => {
                    const haystack = (row.getAttribute('data-search') || '').toLowerCase();
                    row.style.display = q === '' || haystack.includes(q) ? '' : 'none';
                });
            });
        })();
    </script>
@endpush