@extends('layouts.admin')
@section('title', $article->exists ? 'Edit Artikel' : 'Tambah Artikel')
@section('content')
<div class="bar"><div><h1>{{ $article->exists ? 'Edit' : 'Tambah' }} Artikel SEO</h1><div class="muted">Publik hanya membaca artikel; statistik hanya ada di admin.</div></div>@if($article->exists && $article->status==='published')<a class="btn soft" target="_blank" href="{{ route('articles.show',$article->slug) }}">Preview ↗</a>@endif</div>
<form method="post" enctype="multipart/form-data" action="{{ $article->exists ? route('admin.articles.update',$article) : route('admin.articles.store') }}">@csrf @if($article->exists)@method('put')@endif
<div class="formgrid"><div>
<div class="panel"><h2>1. Artikel</h2><div class="field"><label>Judul Artikel *</label><input name="title" value="{{ old('title',$article->title) }}" required></div><div class="field"><label>Slug / URL</label><input name="slug" value="{{ old('slug',$article->slug) }}" placeholder="otomatis-jika-kosong"></div><div class="field"><label>Kategori *</label><select name="category_id" required><option value="">Pilih</option>@foreach($categories as $cat)<option value="{{ $cat->id }}" @selected(old('category_id',$article->category_id)==$cat->id)>{{ $cat->name }}</option>@endforeach</select></div><div class="field"><label>Ringkasan</label><textarea name="excerpt">{{ old('excerpt',$article->excerpt) }}</textarea></div><div class="field"><label>Isi Artikel * (HTML diperbolehkan)</label><textarea class="editor" name="content" required>{{ old('content',$article->content) }}</textarea></div></div>
<div class="panel" style="margin-top:18px"><h2>2. Media</h2>@if($article->featured_image)<img src="{{ asset('storage/'.$article->featured_image) }}" style="max-width:260px;border-radius:10px;margin-bottom:12px">@endif<div class="field"><label>Featured Image (maks 3 MB, otomatis WebP jika GD tersedia)</label><input type="file" name="featured_image_file" accept="image/jpeg,image/png,image/webp"></div><div class="field"><label>Alt Text</label><input name="alt_text" value="{{ old('alt_text',$article->alt_text) }}"></div></div>
<div class="panel" style="margin-top:18px"><h2>3. FAQ</h2><div id="faqs">@php($faqRows=old('faq_questions') ? collect(old('faq_questions'))->map(fn($q,$i)=>(object)['question'=>$q,'answer'=>old('faq_answers')[$i]??'']) : ($article->exists ? $article->faqs : collect([(object)['question'=>'','answer'=>'']])) )@foreach($faqRows as $faq)<div class="faqrow"><div class="field"><label>Pertanyaan</label><input name="faq_questions[]" value="{{ $faq->question }}"></div><div class="field"><label>Jawaban</label><textarea name="faq_answers[]">{{ $faq->answer }}</textarea></div></div>@endforeach</div><button type="button" class="btn soft" onclick="addFaq()">+ Tambah FAQ</button></div>
</div><aside>
<div class="panel"><h2>SEO</h2><div class="field"><label>Focus Keyword</label><input name="focus_keyword" value="{{ old('focus_keyword',$article->focus_keyword) }}"></div><div class="field"><label>Keyword Pendukung (pisahkan koma)</label><textarea name="secondary_keywords_text">{{ old('secondary_keywords_text',implode(', ', $article->secondary_keywords ?? [])) }}</textarea></div><div class="field"><label>SEO Title</label><input name="seo_title" value="{{ old('seo_title',$article->seo_title) }}"></div><div class="field"><label>Meta Description</label><textarea name="meta_description">{{ old('meta_description',$article->meta_description) }}</textarea></div><div class="field"><label>Canonical URL</label><input name="canonical_url" value="{{ old('canonical_url',$article->canonical_url) }}"></div><div class="field"><label>Search Intent</label><select name="search_intent"><option value="">Pilih</option>@foreach(['informational'=>'Informational','local'=>'Local','donation'=>'Donation','navigational'=>'Navigational'] as $k=>$v)<option value="{{ $k }}" @selected(old('search_intent',$article->search_intent)===$k)>{{ $v }}</option>@endforeach</select></div><div class="field"><label>Target Lokasi</label><input name="target_location" value="{{ old('target_location',$article->target_location) }}"></div></div>
<div class="panel" style="margin-top:18px"><h2>Publish</h2><div class="field"><label>Status</label><select name="status"><option value="draft" @selected(old('status',$article->status ?: 'draft')==='draft')>Draft</option><option value="published" @selected(old('status',$article->status)==='published')>Published</option></select></div><div class="field"><label>Tanggal Publish</label><input type="datetime-local" name="published_at" value="{{ old('published_at', optional($article->published_at)->format('Y-m-d\TH:i')) }}"></div><button class="btn green" style="width:100%">{{ $article->exists ? 'Update Artikel' : 'Simpan Artikel' }}</button></div>
@if($analysis)<div class="panel" style="margin-top:18px"><h2>Analisis SEO</h2><div class="score">{{ $analysis['score'] }}/100</div><div class="muted">Jumlah kata: {{ $analysis['word_count'] }}</div>@foreach($analysis['checks'] as $label=>$ok)<div class="check">{{ $ok ? '✓' : '!' }} {{ $label }}</div>@endforeach</div>@endif
<div class="panel" style="margin-top:18px"><h2>CTA Donasi</h2><p class="muted">Tombol donasi otomatis tampil di setiap artikel dan diarahkan ke WhatsApp. Klik dicatat sebelum pengunjung dialihkan.</p></div>
</aside></div></form>
<script>function addFaq(){document.getElementById('faqs').insertAdjacentHTML('beforeend',`<div class="faqrow"><div class="field"><label>Pertanyaan</label><input name="faq_questions[]"></div><div class="field"><label>Jawaban</label><textarea name="faq_answers[]"></textarea></div></div>`);}</script>
@endsection