{{-- resources/views/admin/content/pages/index.blade.php --}}
@extends('admin.layouts.app')

@section('title', $pageTitle ?? 'الصفحات')

@php
    use Illuminate\Support\Facades\Route;

    /** @var string $table */
    /** @var array $columns */
    /** @var \Illuminate\Contracts\Pagination\LengthAwarePaginator $pages */
    /** @var array $filters */

    $has = fn(string $c) => in_array(strtolower($c), $columns ?? [], true);

    // استنتاج قائمة اللغات من العناصر الحالية إن وُجد عمود locale
    $locales = [];
    if ($has('locale')) {
        $locales = collect($pages->items())->pluck('locale')->filter()->unique()->values()->all();
    }
@endphp

@section('content')
<div class="d-flex align-items-center justify-content-between mb-3">
    <h4 class="m-0">
        <i class="bi bi-file-text me-1"></i> الصفحات
        <small class="text-muted ms-2">({{ number_format($pages->total()) }})</small>
    </h4>

    @if(Route::has('admin.content.pages.create'))
        <a href="{{ route('admin.content.pages.create') }}" class="btn btn-primary">
            <i class="bi bi-plus-lg me-1"></i> صفحة جديدة
        </a>
    @endif
</div>

{{-- فلاتر --}}
<div class="card card-dark mb-3">
    <div class="card-body">
        <form method="GET" action="{{ url()->current() }}" class="row g-2 align-items-end">
            <div class="col-md-4">
                <label class="form-label">بحث</label>
                <input type="text" name="q" value="{{ $filters['q'] ?? '' }}" class="form-control" placeholder="عنوان / سلاق / محتوى">
            </div>

            @if($has('status'))
                <div class="col-md-3">
                    <label class="form-label">الحالة</label>
                    <select name="status" class="form-select">
                        @php $st = $filters['status'] ?? ''; @endphp
                        <option value="">الكل</option>
                        <option value="draft"     @selected($st==='draft')>مسودة</option>
                        <option value="published" @selected($st==='published')>منشورة</option>
                        <option value="archived"  @selected($st==='archived')>مؤرشفة</option>
                    </select>
                </div>
            @endif

            @if($has('locale'))
                <div class="col-md-2">
                    <label class="form-label">اللغة</label>
                    <select name="locale" class="form-select">
                        @php $loc = $filters['locale'] ?? ''; @endphp
                        <option value="">الكل</option>
                        @foreach($locales as $lc)
                            <option value="{{ $lc }}" @selected($loc===$lc)>{{ strtoupper($lc) }}</option>
                        @endforeach
                    </select>
                </div>
            @endif

            <div class="col-md-2">
                <label class="form-label">لكل صفحة</label>
                <select name="per_page" id="per_page" class="form-select">
                    @php $pp = (int)($filters['per_page'] ?? 15); @endphp
                    @foreach([5,10,15,25,50,100] as $n)
                        <option value="{{ $n }}" @selected($pp===$n)>{{ $n }}</option>
                    @endforeach
                </select>
            </div>

            <div class="col-md-1 text-end">
                <button class="btn btn-outline-light w-100"><i class="bi bi-search"></i></button>
            </div>
        </form>
    </div>
</div>

{{-- الجدول --}}
<div class="table-responsive rounded-2">
    <table class="table align-middle">
        <thead>
        <tr>
            @if($has('id'))           <th style="width:90px">#</th> @endif
            @if($has('title'))        <th>العنوان</th> @endif
            @if($has('slug'))         <th>السلاق</th> @endif
            @if($has('status'))       <th style="width:120px">الحالة</th> @endif
            @if($has('locale'))       <th style="width:90px">اللغة</th> @endif
            @if($has('published_at')) <th style="width:160px">تاريخ النشر</th> @endif
            @if($has('updated_at'))   <th style="width:160px">آخر تحديث</th> @endif
            <th style="width:140px">إجراءات</th>
        </tr>
        </thead>
        <tbody>
        @forelse($pages as $row)
            <tr>
                @if($has('id'))
                    <td class="text-muted">#{{ $row->id }}</td>
                @endif

                @if($has('title'))
                    <td>
                        <div class="d-flex flex-column">
                            @if(Route::has('admin.content.pages.edit'))
                                <a href="{{ route('admin.content.pages.edit', ['id' => $row->id]) }}" class="fw-semibold">
                                    {{ $row->title ?? '—' }}
                                </a>
                            @else
                                <span class="fw-semibold">{{ $row->title ?? '—' }}</span>
                            @endif

                            <div class="small text-muted">
                                @if($has('canonical_url') && !empty($row->canonical_url))
                                    <i class="bi bi-link-45deg"></i> {{ $row->canonical_url }}
                                @elseif($has('slug') && !empty($row->slug))
                                    {{-- رابط الواجهة الأمامية الافتراضي --}}
                                    <a class="text-decoration-underline" target="_blank" href="{{ url('/page/' . $row->slug) }}">
                                        {{ url('/page/' . $row->slug) }}
                                    </a>
                                @endif
                            </div>
                        </div>
                    </td>
                @endif

                @if($has('slug'))
                    <td><code>{{ $row->slug }}</code></td>
                @endif

                @if($has('status'))
                    <td>
                        @php
                            $badge = [
                                'published' => 'success',
                                'draft'     => 'secondary',
                                'archived'  => 'warning',
                            ][$row->status] ?? 'secondary';
                        @endphp
                        <span class="badge text-bg-{{ $badge }}">{{ $row->status ?? '—' }}</span>
                    </td>
                @endif

                @if($has('locale'))
                    <td>{{ strtoupper($row->locale ?? '-') }}</td>
                @endif

                @if($has('published_at'))
                    <td>{{ $row->published_at ? \Illuminate\Support\Carbon::parse($row->published_at)->format('Y-m-d H:i') : '—' }}</td>
                @endif

                @if($has('updated_at'))
                    <td>{{ $row->updated_at ? \Illuminate\Support\Carbon::parse($row->updated_at)->format('Y-m-d H:i') : '—' }}</td>
                @endif

                <td>
                    <div class="d-flex gap-2">
                        @if(Route::has('admin.content.pages.edit'))
                            <a class="btn btn-sm btn-outline-light"
                               href="{{ route('admin.content.pages.edit', ['id' => $row->id]) }}">
                                <i class="bi bi-pencil"></i>
                            </a>
                        @endif

                        @if(Route::has('admin.content.pages.destroy'))
                            <form method="POST" action="{{ route('admin.content.pages.destroy', ['id' => $row->id]) }}"
                                  onsubmit="return confirm('تأكيد الحذف؟');">
                                @csrf
                                @method('DELETE')
                                <button class="btn btn-sm btn-outline-danger">
                                    <i class="bi bi-trash"></i>
                                </button>
                            </form>
                        @endif
                    </div>
                </td>
            </tr>
        @empty
            <tr>
                <td colspan="99">
                    <div class="py-4 text-center text-muted">
                        لا توجد صفحات بعد.
                        @if(Route::has('admin.content.pages.create'))
                            <div class="mt-2">
                                <a href="{{ route('admin.content.pages.create') }}" class="btn btn-primary btn-sm">
                                    <i class="bi bi-plus-lg me-1"></i> أضف أول صفحة
                                </a>
                            </div>
                        @endif
                    </div>
                </td>
            </tr>
        @endforelse
        </tbody>
    </table>
</div>

{{-- ترقيم --}}
<div class="mt-3">
    {{ $pages->links() }}
</div>
@endsection

@push('scripts')
<script>
    document.getElementById('per_page')?.addEventListener('change', function(){
        this.form?.submit();
    });
</script>
@endpush