@extends('layouts.admin')

@section('title', 'Static Pages & FAQ')

@section('content')
<div class="panel-grid-2">
  <div class="panel">
    <div class="panel-head"><h2>➕ Add Page</h2></div>
    <form method="post" action="{{ route('admin.pages.store') }}">
      @csrf
      <label class="field"><span>Title *</span><input type="text" name="title" required></label>
      <label class="field"><span>Slug (URL)</span><input type="text" name="slug" placeholder="auto from title — faq, about, dmca..."></label>
      <label class="field"><span>Meta Description</span><input type="text" name="meta_description"></label>
      <label class="field"><span>Content (HTML allowed)</span><textarea name="content" rows="7"></textarea></label>
      <button type="submit" class="btn btn-primary">Create</button>
    </form>
    <p class="hint">FAQ পেজের কন্টেন্ট হোমপেজের FAQ সেকশনে দেখায়। প্রতি প্রশ্নের জন্য: <code>&lt;div class="faq-item"&gt;&lt;button class="faq-q"&gt;প্রশ্ন&lt;/button&gt;&lt;div class="faq-a"&gt;উত্তর&lt;/div&gt;&lt;/div&gt;</code></p>
  </div>

  <div class="panel">
    <div class="panel-head"><h2>All Pages</h2></div>
    <table class="admin-table">
      <thead><tr><th>Title</th><th>Slug</th><th></th></tr></thead>
      <tbody>
      @forelse($items as $page)
        <tr>
          <td colspan="3" style="padding:0">
            <form method="post" action="{{ route('admin.pages.update', $page) }}" class="page-edit-form">
              @csrf @method('PUT')
              <div class="page-edit-row">
                <input type="text" name="title" value="{{ $page->title }}" placeholder="Title" style="max-width:180px">
                <span class="mono muted">/{{ $page->slug }}</span>
                <button class="btn btn-sm btn-ghost" type="submit">Save</button>
              </div>
              <textarea name="content" rows="4" placeholder="Content (HTML)">{{ $page->content }}</textarea>
            </form>
          </td>
        </tr>
        <tr>
          <td colspan="3" style="text-align:right;padding-top:0">
            <form method="post" action="{{ route('admin.pages.destroy', $page) }}" class="inline-form" onsubmit="return confirm('Delete page?')">
              @csrf @method('DELETE')
              <button class="btn btn-sm btn-danger" type="submit">Delete “{{ $page->title }}”</button>
            </form>
          </td>
        </tr>
      @empty
        <tr><td colspan="3" class="empty">No pages</td></tr>
      @endforelse
      </tbody>
    </table>
  </div>
</div>
@endsection