@extends('admin.social-automation.layout')

@section('title', 'Ayarlar')

@section('sma_content')
    <h1>Ayarlar</h1>

    <h2 style="font-size:1.1rem;">API Anahtarları</h2>
    <p class="muted">Panel bir sitenin parçası olarak çalıştırılıyorsa, sunucudaki .env dosyasına dokunmadan kendi AI sağlayıcı anahtarlarını buradan girebilirsin. Boş bıraktığın alanlar mevcut kaydı (varsa) değiştirmez; anahtar zaten kayıtlıysa güvenlik için burada tekrar gösterilmez, sadece "kayıtlı" olduğu belirtilir.</p>

    <div class="card">
        <form method="POST" action="{{ route('admin.social-automation.settings.update-api-keys') }}">
            @csrf
            @foreach ($apiKeyStatus as $provider => $meta)
                <div style="{{ ! $loop->last ? 'margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid var(--border);' : '' }}">
                    <label for="api_key_{{ $provider }}" style="display:flex; align-items:center; gap:8px;">
                        {{ $meta['label'] }}
                        @if ($meta['has_db_key'])
                            <span class="badge badge-mvp">kayıtlı</span>
                        @elseif ($meta['has_env_fallback'])
                            <span class="badge badge-pending_review">.env'den okunuyor</span>
                        @else
                            <span class="badge badge-stub">tanımlı değil</span>
                        @endif
                    </label>
                    <p class="muted" style="margin:-2px 0 8px;">{{ $meta['note'] }}</p>
                    <input
                        type="password"
                        id="api_key_{{ $provider }}"
                        name="api_keys[{{ $provider }}]"
                        placeholder="{{ $meta['has_db_key'] ? '•••••••••••••• (değiştirmek için yeni bir anahtar yapıştır)' : 'API anahtarını buraya yapıştır' }}"
                        autocomplete="off"
                        style="{{ $meta['has_db_key'] ? 'margin-bottom:8px;' : '' }}"
                    >
                    @if ($meta['has_db_key'])
                        <label style="display:flex; align-items:center; gap:6px; font-weight:400; font-size:.82rem; color:var(--muted);">
                            <input type="checkbox" name="clear_api_keys[]" value="{{ $provider }}" style="width:auto; margin:0;">
                            Kayıtlı anahtarı kaldır{{ $meta['has_env_fallback'] ? ' (.env değerine dönülür)' : '' }}
                        </label>
                    @endif
                </div>
            @endforeach
            <button type="submit" style="margin-top:4px;">Kaydet</button>
        </form>
    </div>

    <h2 style="font-size:1.1rem; margin-top:32px;">Bağlı Hesaplar</h2>
    <p class="muted">OAuth gerektiren platformlarda (YouTube, X, LinkedIn, Pinterest, Facebook, Threads, TikTok) birden fazla hesap bağlayabilirsin — örn. iki farklı YouTube kanalı. Instagram, Facebook Sayfası bağlanınca (varsa) otomatik eklenir. "Kod hazır, onay bekliyor" olanlar gerçek API koduna sahip ama platformun kendi onayı (Meta App Review / TikTok audit) tamamlanana kadar sadece özel/taslak paylaşım yapabilir.</p>

    <div class="card">
        <table>
            <thead><tr><th>Platform</th><th>Durum</th><th>Bağlı Hesaplar</th><th></th></tr></thead>
            <tbody>
                @foreach ($platforms as $key => $meta)
                    @php $platformAccounts = $accounts[$key] ?? collect(); @endphp
                    <tr>
                        <td style="vertical-align:top;">
                            <span style="display:flex; align-items:center; gap:8px;">
                                @include('admin.social-automation.partials.platform-icon', ['platform' => $key])
                                {{ $meta['label'] }}
                                <span class="badge badge-{{ $meta['tier'] }}">
                                    {{ ['mvp' => 'aktif', 'pending_review' => 'kod hazır, onay bekliyor', 'stub' => 'onay bekliyor', 'unsupported' => 'desteklenmiyor'][$meta['tier']] }}
                                </span>
                            </span>
                        </td>
                        <td style="vertical-align:top;">
                            @if (in_array($meta['tier'], ['stub', 'unsupported']))
                                <span class="muted">{{ $meta['reason'] ?? '' }}</span>
                            @else
                                @if ($meta['tier'] === 'pending_review')
                                    <span class="muted" style="display:block; margin-bottom:4px;">{{ $meta['reason'] ?? '' }}</span>
                                @endif
                                @if ($key === 'instagram')
                                    <span class="muted">{{ $platformAccounts->isNotEmpty() ? $platformAccounts->count().' hesap bağlı (Facebook üzerinden)' : 'Facebook Sayfası bağlanınca otomatik eklenir' }}</span>
                                @elseif ($platformAccounts->isNotEmpty())
                                    <span class="status-pill status-done">{{ $platformAccounts->count() }} hesap bağlı</span>
                                @else
                                    <span class="muted">bağlı değil</span>
                                @endif
                            @endif
                        </td>
                        <td style="vertical-align:top;">
                            @forelse ($platformAccounts as $account)
                                <div style="display:flex; align-items:center; gap:8px; margin-bottom:6px;">
                                    <span>{{ $account->account_label }}</span>
                                    <form method="POST" action="{{ route('admin.social-automation.social-accounts.disconnect', $account) }}" style="margin:0;">
                                        @csrf @method('DELETE')
                                        <button type="submit" style="background:#dc2626; padding:4px 10px; font-size:.8rem;">kaldır</button>
                                    </form>
                                </div>
                            @empty
                                <span class="muted">-</span>
                            @endforelse
                        </td>
                        <td style="vertical-align:top;">
                            @if (in_array($key, $oauthPlatforms))
                                <a href="{{ route('admin.social-automation.social-accounts.connect', $key) }}"><button type="button">{{ $platformAccounts->isEmpty() ? 'Bağlan' : 'Başka hesap ekle' }}</button></a>
                            @endif
                        </td>
                    </tr>
                @endforeach
            </tbody>
        </table>
    </div>
@endsection