@extends('layouts.admin')

@section('title', $page->exists ? 'Facebook Sayfası Düzenle' : 'Facebook Sayfası Bağla')

@section('content')
<div class="row g-3">
    <div class="col-xl-7">
        <form method="post" action="{{ $page->exists ? route('admin.facebook.update', $page) : route('admin.facebook.store') }}" class="card p-3">
            @csrf
            @if($page->exists) @method('put') @endif
            <div class="row g-3">
                <div class="col-md-6"><label class="form-label">Sayfa adı</label><input name="page_name" class="form-control" value="{{ old('page_name', $page->page_name) }}" required></div>
                <div class="col-md-6"><label class="form-label">Facebook Page ID</label><input name="page_id" class="form-control" value="{{ old('page_id', $page->page_id) }}" required></div>
                <div class="col-12"><label class="form-label">Page Access Token</label><textarea name="access_token" class="form-control" @if(!$page->exists) required @endif></textarea><div class="form-text">Düzenlerken boş bırakırsanız mevcut token korunur.</div></div>
                <div class="col-md-6"><label class="form-label">Token geçerlilik tarihi</label><input name="token_expires_at" type="datetime-local" class="form-control" value="{{ old('token_expires_at', $page->token_expires_at?->format('Y-m-d\TH:i')) }}"></div>
                <div class="col-md-6"><label class="form-label">Varsayılan dil</label><select name="default_language" class="form-select"><option value="tr" @selected(old('default_language', $page->default_language) === 'tr')>Türkçe</option><option value="en" @selected(old('default_language', $page->default_language) === 'en')>İngilizce</option><option value="auto" @selected(old('default_language', $page->default_language) === 'auto')>Otomatik</option></select></div>
                <div class="col-12"><label class="form-label">Varsayılan hashtag grubu</label><input name="default_hashtag_group" class="form-control" value="{{ old('default_hashtag_group', $page->default_hashtag_group) }}"></div>
                <div class="col-md-4"><label class="form-label">Durum</label><select name="status" class="form-select"><option value="active" @selected(old('status', $page->status ?: 'active') === 'active')>Aktif</option><option value="passive" @selected(old('status', $page->status) === 'passive')>Pasif</option></select></div>
            </div>
            <div class="mt-3 d-flex gap-2">
                <button class="btn btn-primary"><i class="bi bi-save me-1"></i>Kaydet</button>
                <a href="{{ route('admin.facebook.index') }}" class="btn btn-outline-light">Geri</a>
            </div>
        </form>
    </div>
    <div class="col-xl-5">
        <div class="card p-3 token-help">
            <h2 class="h5">Graph API bağlantı adımları</h2>
            <ol class="mb-0">
                <li><a href="https://developers.facebook.com/apps/" target="_blank">Meta for Developers</a> içinde uygulama oluşturun.</li>
                <li>Facebook Login veya Graph API Explorer ile sayfanıza ait izinleri alın.</li>
                <li>Gerekli izinleri inceleyin: <a href="https://developers.facebook.com/docs/permissions/reference/pages_manage_posts/" target="_blank">pages_manage_posts</a>, <a href="https://developers.facebook.com/docs/permissions/reference/pages_read_engagement/" target="_blank">pages_read_engagement</a>.</li>
                <li>Sayfa tokenını uzun ömürlü tokena çevirip burada saklayın.</li>
                <li>Tokenı kaydettikten sonra listedeki kalkan butonuyla doğrulayın.</li>
            </ol>
        </div>
    </div>
</div>
@endsection