{{-- resources/views/admin/content/sliders/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 $items */
    /** @var array $filters */

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

    // استنتاج القيم المتاحة للفلاتر من النتائج الحالية
    $locales   = $has('locale')   ? collect($items->items())->pluck('locale')->filter()->unique()->values()->all() : [];
    $positions = $has('position') ? collect($items->items())->pluck('position')->filter()->unique()->values()->all() : [];

    // فورمات تواريخ
    $fmt = function($dt) {
        return $dt ? \Illuminate\Support\Carbon::parse($dt)->format('Y-m-d H:i') : '—';
    };

    // بناء رابط صورة (يدعم http/https أو مسار تخزين)
    $imgUrl = function($path) {
        if (!$path) return null;
        $s = (string) $path;
        if (str_starts_with($s, 'http://') || str_starts_with($s, 'https://') || str_starts_with($s, '/')) return $s;
        return asset('storage/' . ltrim($s, '/'));
    };
@endphp

@section('content')
<div class="d-flex align-items-center justify-content-between mb-3">
    <h4 class="m-0">
        <i class="bi bi-images me-1"></i> السلايدر/البنرات
        <small class="text-muted ms-2">({{ number_format($items->total()) }})</small>
    </h4>

    @if(Route::has('admin.content.sliders.create'))
        <a href="{{ route('admin.content.sliders.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('position'))
                <div class="col-md-3">
                    <label class="form-label">مكان العرض (position)</label>
                    @php $posF = $filters['position'] ?? ''; @endphp
                    <select name="position" class="form-select">
                        <option value="">الكل</option>
                        @foreach($positions as $p)
                            <option value="{{ $p }}" @selected($posF===$p)>{{ $p }}</option>
                        @endforeach
                    </select>
                </div>
            @endif

            @if($has('is_active'))
                <div class="col-md-2">
                    <label class="form-label">الحالة</label>
                    @php $actF = (string)($filters['is_active'] ?? ''); @endphp
                    <select name="is_active" class="form-select">
                        <option value="">الكل</option>
                        <option value="1" @selected($actF==='1')>مفعّل</option>
                        <option value="0" @selected($actF==='0')>معطّل</option>
                    </select>
                </div>
            @endif

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

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

            <div class="col-md-12 text-end">
                <button class="btn btn-outline-light"><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:80px">#</th> @endif
            @if($has('image_path'))   <th style="width:110px">الصورة</th> @endif
            @if($has('title'))        <th>العنوان</th> @endif
            @if($has('position'))     <th style="width:140px">Position</th> @endif
            @if($has('is_active'))    <th style="width:110px">الحالة</th> @endif
            @if($has('starts_at'))    <th style="width:160px">يبدأ</th> @endif
            @if($has('ends_at'))      <th style="width:160px">ينتهي</th> @endif
            @if($has('locale'))       <th style="width:90px">اللغة</th> @endif
            @if($has('sort_order'))   <th style="width:110px">الترتيب</th> @endif
            @if($has('updated_at'))   <th style="width:160px">آخر تحديث</th> @endif
            <th style="width:140px">إجراءات</th>
        </tr>
        </thead>
        <tbody>
        @forelse($items as $row)
            @php
                $now     = now();
                $starts  = $has('starts_at') ? ($row->starts_at ? \Illuminate\Support\Carbon::parse($row->starts_at) : null) : null;
                $ends    = $has('ends_at')   ? ($row->ends_at   ? \Illuminate\Support\Carbon::parse($row->ends_at)   : null) : null;
                $active  = $has('is_active') ? (int)$row->is_active === 1 : true;
                $inRange = (!$starts || $starts <= $now) && (!$ends || $ends > $now);
                $live    = $active && $inRange;
                $thumb   = $has('image_path') ? $imgUrl($row->image_path ?? null) : null;
            @endphp
            <tr>
                @if($has('id'))
                    <td class="text-muted">#{{ $row->id }}</td>
                @endif

                @if($has('image_path'))
                    <td>
                        @if($thumb)
                            <img src="{{ $thumb }}" alt="banner" style="width:92px;height:52px;object-fit:cover;border-radius:.5rem;border:1px solid rgba(255,255,255,.1)">
                        @else
                            <span class="text-muted">—</span>
                        @endif
                    </td>
                @endif

                @if($has('title'))
                    <td>
                        <div class="d-flex flex-column">
                            @if(Route::has('admin.content.sliders.edit'))
                                <a href="{{ route('admin.content.sliders.edit', ['id'=>$row->id]) }}" class="fw-semibold">
                                    {{ $row->title ?? '—' }}
                                </a>
                            @else
                                <span class="fw-semibold">{{ $row->title ?? '—' }}</span>
                            @endif
                            @if($has('link_url') && !empty($row->link_url))
                                <div class="small text-muted overflow-hidden" style="max-width:420px;text-overflow:ellipsis;white-space:nowrap">
                                    <i class="bi bi-link-45deg"></i>
                                    <a href="{{ $row->link_url }}" target="_blank" class="text-decoration-underline">
                                        {{ $row->link_url }}
                                    </a>
                                </div>
                            @endif
                        </div>
                    </td>
                @endif

                @if($has('position'))
                    <td><span class="badge text-bg-secondary">{{ $row->position ?? '—' }}</span></td>
                @endif

                @if($has('is_active'))
                    <td>
                        @if($live)
                            <span class="badge text-bg-success">فعّال</span>
                        @elseif($active && !$inRange)
                            <span class="badge text-bg-warning">خارج الجدولة</span>
                        @else
                            <span class="badge text-bg-secondary">معطّل</span>
                        @endif
                    </td>
                @endif

                @if($has('starts_at'))
                    <td>{{ $fmt($row->starts_at ?? null) }}</td>
                @endif

                @if($has('ends_at'))
                    <td>{{ $fmt($row->ends_at ?? null) }}</td>
                @endif

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

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

                @if($has('updated_at'))
                    <td>{{ $fmt($row->updated_at ?? null) }}</td>
                @endif

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

                        @if(Route::has('admin.content.sliders.destroy'))
                            <form method="POST" action="{{ route('admin.content.sliders.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.sliders.create'))
                            <div class="mt-2">
                                <a href="{{ route('admin.content.sliders.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">
    {{ $items->links() }}
</div>
@endsection

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