@extends('admin.layout')
@php
    $editing = $user->exists;
    $currentRole = old('role', $user->role?->value ?? 'member');
    $scopeRows = $user->moderatorScopes;
    $oldScopes = old('scopes', []);

    $sectionLabels = [
        'users' => 'Üye onayları',
        'communities' => 'Topluluklar',
        'events' => 'Etkinlikler',
        'wall' => 'Duvar yönetimi',
        'volleyball' => 'Spor / maç yönetimi',
        'balance' => 'Bakiye talepleri',
        'shop' => 'Mağaza',
        'partner_places' => 'Anlaşmalı yerler',
        'conversations' => 'Sohbetler',
        'reports' => 'Mesaj raporları',
    ];

    $volleyballFlags = [
        ['can_view', 'Görüntüle'],
        ['can_create', 'Maç oluştur'],
        ['can_edit', 'Maç düzenle'],
        ['can_delete', 'Maç sil / iptal'],
        ['can_approve_join', 'Katılım onayla'],
        ['can_assign_team', 'Takım / kadro'],
        ['can_manage_scores', 'Skor yönet'],
        ['can_manage_media', 'Medya yönet'],
    ];

    $eventFlags = [
        ['can_view', 'Görüntüle'],
        ['can_create', 'Oluştur'],
        ['can_edit', 'Düzenle'],
        ['can_publish', 'Yayınla'],
        ['can_delete', 'Sil'],
        ['can_manage_media', 'Medya'],
    ];
@endphp
@section('title', $editing ? 'Kullanıcı Düzenle' : 'Yeni Kullanıcı')
@section('content')
<div class="page-head">
    <div>
        <h1>{{ $editing ? 'Kullanıcı Düzenle' : 'Yeni Kullanıcı' }}</h1>
        <div class="muted">
            Global yönetici tüm paneli görür. Moderatör yalnızca seçilen uygulama ve bölümleri görür.
        </div>
    </div>
    <a class="btn secondary" href="{{ route('admin.users') }}">Listeye Dön</a>
</div>

<form method="post" action="{{ $editing ? route('admin.users.update', $user) : route('admin.users.store') }}" class="card form-card">
    @csrf
    @if($editing) @method('PUT') @endif

    <div class="form-grid">
        <div>
            <label>Ad Soyad *</label>
            <input name="name" value="{{ old('name', $user->name) }}" required maxlength="120">
        </div>
        <div>
            <label>E-posta *</label>
            <input type="email" name="email" value="{{ old('email', $user->email) }}" required maxlength="190">
        </div>
        <div>
            <label>Telefon</label>
            <input name="phone" value="{{ old('phone', $user->phone) }}" maxlength="40">
        </div>
        <div>
            <label>Unvan</label>
            <input name="title" value="{{ old('title', $user->title) }}" maxlength="120">
        </div>
        <div>
            <label>Konum</label>
            <input name="location" value="{{ old('location', $user->location) }}" maxlength="120">
        </div>
        <div>
            <label>Hesap Durumu</label>
            <select name="is_active">
                <option value="1" @selected((string)old('is_active', (int)($user->is_active ?? true)) === '1')>Aktif</option>
                <option value="0" @selected((string)old('is_active', (int)($user->is_active ?? true)) === '0')>Pasif</option>
            </select>
        </div>
        <div>
            <label>Üyelik Onayı</label>
            @if($editing && $user->isOwner())
                <input type="hidden" name="approval_status" value="approved">
                <select disabled>
                    <option selected>Onaylı</option>
                </select>
            @else
                @php $approval = old('approval_status', $user->approval_status ?? 'approved'); @endphp
                <select name="approval_status" required>
                    <option value="approved" @selected($approval === 'approved')>Onaylı üye</option>
                    <option value="pending" @selected($approval === 'pending')>Onay bekliyor</option>
                    <option value="rejected" @selected($approval === 'rejected')>Reddedildi</option>
                </select>
            @endif
        </div>
        <div>
            <label>{{ $editing ? 'Yeni Şifre (değişmeyecekse boş bırakın)' : 'Şifre *' }}</label>
            <input type="password" name="password" {{ $editing ? '' : 'required' }} autocomplete="new-password">
        </div>
        <div>
            <label>Şifre Tekrar {{ $editing ? '' : '*' }}</label>
            <input type="password" name="password_confirmation" {{ $editing ? '' : 'required' }} autocomplete="new-password">
        </div>
    </div>

    @php
        $applicationRows = \App\Support\RegistrationAnswers::present($user->registration_answers);
    @endphp
    @if($editing && count($applicationRows))
        <section class="form-section">
            <h2>Üyelik başvuru formu</h2>
            <div class="muted" style="margin-bottom:10px;">Mobil kayıt sırasında doldurulan bilgiler (yalnızca yönetim görünümü).</div>
            <div style="display:grid;gap:10px;">
                @foreach($applicationRows as $row)
                    <div style="padding:10px 12px;border:1px solid rgba(123,47,190,.14);border-radius:12px;background:rgba(123,47,190,.03);">
                        <div class="muted" style="font-size:12px;margin-bottom:4px;">{{ $row['label'] }}</div>
                        <div>{{ $row['value'] }}</div>
                    </div>
                @endforeach
            </div>
        </section>
    @endif

    <label>Hakkında</label>
    <textarea name="about" rows="5" maxlength="2000">{{ old('about', $user->about) }}</textarea>

    <section class="form-section">
        <h2>Rol</h2>
        <div class="role-options">
            @if($editing && $user->isOwner())
                <input type="hidden" name="role" value="owner">
                <span class="badge">Sahip</span>
            @elseif($editing && $user->role?->value === 'admin' && !auth()->user()->isOwner())
                <input type="hidden" name="role" value="admin">
                <span class="badge">Yönetici (global)</span>
                <span class="muted">Yönetici rolünü yalnızca sahip değiştirebilir.</span>
            @else
                <label class="role-option">
                    <input type="radio" name="role" value="member" @checked($currentRole === 'member')>
                    <span><strong>Üye</strong><small>Standart uygulama erişimi</small></span>
                </label>
                <label class="role-option">
                    <input type="radio" name="role" value="moderator" @checked($currentRole === 'moderator')>
                    <span><strong>Uygulama yöneticisi</strong><small>Aşağıdaki uygulama ve bölüm yetkileri</small></span>
                </label>
                @if(auth()->user()->isOwner())
                    <label class="role-option">
                        <input type="radio" name="role" value="admin" @checked($currentRole === 'admin')>
                        <span><strong>Global yönetici</strong><small>Tüm uygulamalar ve tüm yönetim alanları</small></span>
                    </label>
                @endif
            @endif
        </div>
    </section>

    <section id="manual-permissions" class="form-section" @if($currentRole !== 'moderator') hidden @endif>
        <h2>Uygulama ve bölüm yetkileri</h2>
        <div class="muted permission-help" style="margin-bottom:14px;">
            Yalnızca işaretlenen bölümler mobil / web yönetim menüsünde görünür.
        </div>

        @foreach(\App\Support\StaffPermissions::APP_LABELS as $appKey => $appLabel)
            <details class="card" style="margin-bottom:12px;padding:14px;" @if($scopeRows->contains('app', $appKey) || !empty($oldScopes[$appKey])) open @endif>
                <summary style="cursor:pointer;font-weight:800;">{{ $appLabel }}</summary>
                <div class="permission-list" style="margin-top:12px;">
                    @foreach(\App\Support\StaffPermissions::SCOPES_BY_APP[$appKey] as $scopeName)
                        @if($scopeName === 'volleyball')
                            <div style="margin-bottom:12px;padding:10px;border:1px solid var(--border);border-radius:12px;">
                                <strong>{{ $sectionLabels[$scopeName] }}</strong>
                                <div style="display:flex;flex-wrap:wrap;gap:8px;margin-top:8px;">
                                    @foreach($volleyballFlags as [$flag, $label])
                                        <label class="permission-option">
                                            <input type="checkbox"
                                                   name="scopes[{{ $appKey }}][{{ $scopeName }}][{{ $flag }}]"
                                                   value="1"
                                                   @checked(\App\Support\StaffPermissions::formFlagChecked($scopeRows, $oldScopes, $appKey, $scopeName, $flag))>
                                            <span>{{ $label }}</span>
                                        </label>
                                    @endforeach
                                </div>
                            </div>
                        @elseif($scopeName === 'events')
                            <div style="margin-bottom:12px;padding:10px;border:1px solid var(--border);border-radius:12px;">
                                <strong>{{ $sectionLabels[$scopeName] }}</strong>
                                <div style="display:flex;flex-wrap:wrap;gap:8px;margin-top:8px;">
                                    @foreach($eventFlags as [$flag, $label])
                                        <label class="permission-option">
                                            <input type="checkbox"
                                                   name="scopes[{{ $appKey }}][{{ $scopeName }}][{{ $flag }}]"
                                                   value="1"
                                                   @checked(\App\Support\StaffPermissions::formFlagChecked($scopeRows, $oldScopes, $appKey, $scopeName, $flag))>
                                            <span>{{ $label }}</span>
                                        </label>
                                    @endforeach
                                </div>
                            </div>
                        @elseif($scopeName === 'balance')
                            <div style="margin-bottom:12px;padding:10px;border:1px solid var(--border);border-radius:12px;">
                                <strong>{{ $sectionLabels[$scopeName] }}</strong>
                                <div style="display:flex;flex-wrap:wrap;gap:8px;margin-top:8px;">
                                    <label class="permission-option">
                                        <input type="checkbox" name="scopes[{{ $appKey }}][balance][can_view]" value="1"
                                               @checked(\App\Support\StaffPermissions::formFlagChecked($scopeRows, $oldScopes, $appKey, 'balance', 'can_view'))>
                                        <span>Görüntüle</span>
                                    </label>
                                    <label class="permission-option">
                                        <input type="checkbox" name="scopes[{{ $appKey }}][balance][can_approve_balance]" value="1"
                                               @checked(\App\Support\StaffPermissions::formFlagChecked($scopeRows, $oldScopes, $appKey, 'balance', 'can_approve_balance'))>
                                        <span>Onayla / red</span>
                                    </label>
                                    <label class="permission-option">
                                        <input type="checkbox" name="scopes[{{ $appKey }}][balance][can_adjust_balance]" value="1"
                                               @checked(\App\Support\StaffPermissions::formFlagChecked($scopeRows, $oldScopes, $appKey, 'balance', 'can_adjust_balance'))>
                                        <span>Manuel düzelt</span>
                                    </label>
                                </div>
                            </div>
                        @else
                            <label class="permission-option">
                                <input type="checkbox"
                                       name="scopes[{{ $appKey }}][{{ $scopeName }}][enabled]"
                                       value="1"
                                       @checked(\App\Support\StaffPermissions::formFlagChecked($scopeRows, $oldScopes, $appKey, $scopeName, 'enabled'))>
                                <span>{{ $sectionLabels[$scopeName] ?? $scopeName }}</span>
                            </label>
                        @endif
                    @endforeach
                </div>
            </details>
        @endforeach
    </section>

    <div class="form-actions">
        <button class="btn" type="submit">{{ $editing ? 'Değişiklikleri Kaydet' : 'Kullanıcı Oluştur' }}</button>
        <a class="btn ghost" href="{{ route('admin.users') }}">İptal</a>
    </div>
</form>
<script>
    document.querySelectorAll('input[name="role"]').forEach(function (input) {
        input.addEventListener('change', function () {
            document.getElementById('manual-permissions').hidden = this.value !== 'moderator';
        });
    });
</script>
@endsection