@extends('layouts.back-end.app')

@section('title', 'Video Promos')

@section('content')
<div class="container">
    <div class="d-flex justify-content-between align-items-center mb-3">
        <h2>الفيديوهات الترويجية</h2>
        <a href="{{ route('admin.videos.create') }}" class="btn btn-primary">➕ إضافة جديد</a>
    </div>

    @if(session('success'))
        <div class="alert alert-success">{{ session('success') }}</div>
    @endif

    <table class="table table-bordered text-center">
        <thead class="thead-light">
            <tr>
                <th>#</th>
                <th>الاسم</th>
                <th>الفيديو</th>
                <th>المنتج</th>
                <th>الخيارات</th>
            </tr>
        </thead>
        <tbody>
            @foreach($videos as $video)
            <tr>
                <td>{{ $loop->iteration }}</td>
                <td>{{ $video->name }}</td>
                <td>
                    <video src="{{ asset('videos/' . $video->video_path) }}" width="150" autoplay muted loop playsinline></video>
                </td>
                <td>{{ $video->product->name ?? 'غير مرتبط' }}</td>
                <td>
                    <form action="{{ route('admin.videos.destroy', $video->id) }}" method="POST" class="d-inline-block" onsubmit="return confirm('هل أنت متأكد من الحذف؟');">
                        @csrf
                        @method('DELETE')
                        <button class="btn btn-danger btn-sm">حذف</button>
                    </form>
                </td>
            </tr>
            @endforeach
        </tbody>
    </table>

    {{ $videos->links() }}
</div>
@endsection