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

@section('title', 'تعديل بنر/سلايد')

@php
    /** @var string $table */
    /** @var array  $columns */
    /** @var object $item */
    $has = fn(string $c) => in_array(strtolower($c), $columns ?? [], true);

    $val = function(string $k, $fallback = null) use ($item) {
        $k = strtolower($k);
        return old($k, isset($item->$k) ? $item->$k : $fallback);
    };

    $fmtDT = function($dt) {
        if (empty($dt)) return '';
        try { return \Illuminate\Support\Carbon::parse($dt)->format('Y-m-d\TH:i'); }
        catch (\Throwable $e) { return ''; }
    };

    $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,'/'));
    };

    $thumb = $has('image_path') ? $imgUrl($val('image_path')) : null;
@endphp

@push('styles')
<style>
    .card-dark{background:#121a2b;border:1px solid rgba(255,255,255,.08);color:#e6e9ef}
    .form-control,.form-select,.form-check-input{background:#0b1220;color:#e2e8f0;border:1px solid rgba(255,255,255,.12)}
    .form-control::placeholder{color:#94a3b8}
    textarea.min-h-200{min-height:200px}
    .hint{color:#94a3b8;font-size:.9rem}
</style>
@endpush

@section('content')
<div class="d-flex align-items-center justify-content-between mb-3">
    <div class="d-flex align-items-center gap-2">
        <h4 class="m-0"><i class="bi bi-image me-1"></i> تعديل بنر/سلايد</h4>
        <span class="badge text-bg-secondary">#{{ $item->id ?? '—' }}</span>
        <span class="text-muted small">{{ $table }}</span>
    </div>
    <div class="d-flex gap-2">
        <a href="{{ route('admin.content.sliders.index') }}" class="btn btn-outline-light">
            <i class="bi bi-arrow-right-short"></i> رجوع
        </a>
        @if(Route::has('admin.content.sliders.destroy'))
            <form method="POST" action="{{ route('admin.content.sliders.destroy', ['id'=>$item->id]) }}"
                  onsubmit="return confirm('تأكيد الحذف النهائي لهذا البنر؟');">
                @csrf
                @method('DELETE')
                <button class="btn btn-outline-danger">
                    <i class="bi bi-trash"></i> حذف
                </button>
            </form>
        @endif
    </div>
</div>

@if (session('success'))
    <div class="alert alert-success">{{ session('success') }}</div>
@endif
@if (session('danger'))
    <div class="alert alert-danger">{{ session('danger') }}</div>
@endif
@if ($errors->any())
    <div class="alert alert-danger">
        <strong>تحقق من الأخطاء:</strong>
        <ul class="mb-0 mt-2">
            @foreach ($errors->all() as $e)<li>{{ $e }}</li>@endforeach
        </ul>
    </div>
@endif

<form method="POST" action="{{ route('admin.content.sliders.update', ['id'=>$item->id]) }}" enctype="multipart/form-data">
    @csrf

    <div class="card card-dark mb-3">
        <div class="card-body">
            <div class="row g-3">
                @if($has('title'))
                    <div class="col-md-6">
                        <label class="form-label">العنوان*</label>
                        <input type="text" name="title" value="{{ $val('title') }}" class="form-control" required>
                    </div>
                @endif

                @if($has('position'))
                    <div class="col-md-3">
                        <label class="form-label">مكان العرض (position)</label>
                        <input type="text" name="position" value="{{ $val('position') }}" class="form-control" list="positions">
                        <datalist id="positions">
                            <option value="home_top"></option>
                            <option value="home_hero"></option>
                            <option value="homepage_slider"></option>
                            <option value="sidebar"></option>
                            <option value="footer"></option>
                        </datalist>
                    </div>
                @endif

                @if($has('locale'))
                    <div class="col-md-3">
                        <label class="form-label">اللغة</label>
                        <input type="text" name="locale" value="{{ $val('locale','ar') }}" class="form-control" placeholder="ar / en / ...">
                    </div>
                @endif

                @if($has('link_url'))
                    <div class="col-md-6">
                        <label class="form-label">رابط عند الضغط</label>
                        <input type="url" name="link_url" value="{{ $val('link_url') }}" class="form-control" placeholder="https://example.com/somewhere">
                        @if($val('link_url'))
                            <div class="small mt-1">
                                <a href="{{ $val('link_url') }}" target="_blank" class="text-decoration-underline">
                                    فتح الرابط <i class="bi bi-box-arrow-up-right"></i>
                                </a>
                            </div>
                        @endif
                    </div>
                @endif

                @if($has('button_text'))
                    <div class="col-md-3">
                        <label class="form-label">نص الزر</label>
                        <input type="text" name="button_text" value="{{ $val('button_text') }}" class="form-control" placeholder="احجز الآن">
                    </div>
                @endif

                @if($has('sort_order'))
                    <div class="col-md-3">
                        <label class="form-label">الترتيب</label>
                        <input type="number" name="sort_order" value="{{ $val('sort_order',0) }}" min="0" class="form-control">
                    </div>
                @endif

                @if($has('starts_at'))
                    <div class="col-md-3">
                        <label class="form-label">يبدأ العرض</label>
                        <input type="datetime-local" name="starts_at" value="{{ $fmtDT($val('starts_at')) }}" class="form-control">
                    </div>
                @endif

                @if($has('ends_at'))
                    <div class="col-md-3">
                        <label class="form-label">ينتهي العرض</label>
                        <input type="datetime-local" name="ends_at" value="{{ $fmtDT($val('ends_at')) }}" class="form-control">
                    </div>
                @endif

                @if($has('bg_color'))
                    <div class="col-md-3">
                        <label class="form-label">لون الخلفية</label>
                        <input type="text" name="bg_color" value="{{ $val('bg_color') }}" class="form-control" placeholder="#0b1220">
                    </div>
                @endif

                @if($has('text_color'))
                    <div class="col-md-3">
                        <label class="form-label">لون النص</label>
                        <input type="text" name="text_color" value="{{ $val('text_color') }}" class="form-control" placeholder="#ffffff">
                    </div>
                @endif

                @if($has('is_active'))
                    <div class="col-md-3 d-flex align-items-center">
                        <div class="form-check mt-4">
                            <input class="form-check-input" type="checkbox" name="is_active" id="is_active" value="1"
                                   {{ (int)$val('is_active',1) ? 'checked' : '' }}>
                            <label class="form-check-label" for="is_active">مفعّل</label>
                        </div>
                    </div>
                @endif
            </div>
        </div>
    </div>

    @if($has('description'))
        <div class="card card-dark mb-3">
            <div class="card-header"><strong>الوصف (اختياري)</strong></div>
            <div class="card-body">
                <textarea name="description" class="form-control min-h-200" placeholder="نص مختصر">{{ $val('description') }}</textarea>
            </div>
        </div>
    @endif

    @if($has('image_path'))
        <div class="card card-dark mb-3">
            <div class="card-header d-flex justify-content-between align-items-center">
                <strong>الصورة</strong>
                <span class="hint">يمكنك رفع ملف جديد أو تعديل المسار الحالي</span>
            </div>
            <div class="card-body">
                @if($thumb)
                    <div class="mb-3">
                        <div class="small mb-2">المعاينة الحالية:</div>
                        <img src="{{ $thumb }}" alt="banner"
                             style="max-width: 320px; height: 160px; object-fit: cover; border-radius:.5rem; border:1px solid rgba(255,255,255,.1)">
                    </div>
                @endif

                <div class="row g-3">
                    <div class="col-md-6">
                        <label class="form-label">رفع ملف (اختياري)</label>
                        <input type="file" name="image" class="form-control" accept=".png,.jpg,.jpeg,.webp,.svg">
                        <div class="hint mt-1">يُحفظ في <code>storage/app/public/sliders</code> ويُعرض عبر <code>/storage/...</code></div>
                    </div>
                    <div class="col-md-6">
                        <label class="form-label">مسار الصورة</label>
                        <input type="text" name="image_path" value="{{ $val('image_path') }}" class="form-control" placeholder="https://... أو storage/sliders/xxx.jpg">
                    </div>
                </div>
            </div>
        </div>
    @endif

    <div class="text-end">
        <button class="btn btn-primary">
            <i class="bi bi-check2-circle me-1"></i> حفظ التعديلات
        </button>
    </div>
</form>
@endsection