@extends('admin.layouts.master')
@section('css')
    @include('admin.helper.tablecss')
    <style>
        .badge-offer {
            background-color: #28a745;
            color: white;
        }
        .badge-discount {
            background-color: #dc3545;
            color: white;
        }
        .entity-link {
            color: #007bff;
            text-decoration: none;
        }
        .entity-link:hover {
            text-decoration: underline;
        }
        .toggle-status {
            cursor: pointer;
        }
    </style>
@endsection
@include('admin.helper.tittle', ['title' => 'إدارة العروض الترويجية'])
@section('content')
    <div class="row">
        <div class="col-xl-12">
            <div class="card">
                <div class="card-header d-flex justify-content-between align-items-center">
                    <h4 class="card-title mb-0">قائمة العروض الترويجية</h4>
                    <a href="{{ route('admin.promotions.create') }}" class="btn btn-primary">
                        <x-lucide-plus width="20" height="20" /> إضافة عرض جديد
                    </a>
                </div>
                <div class="card-body">
                    @include('admin.partials.alerts')

                    <div class="table-responsive">
                        <table class="table table-bordered table-striped text-md-nowrap" id="promotions-table">
                            <thead>
                                <tr>
                                    <th>#</th>
                                    <th>النوع</th>
                                    <th>العنوان</th>
                                    <th>اسم الكيان</th>
                                    <th>نوع الكيان</th>
                                    <th>الحالة</th>
                                    <th>الإجراءات</th>
                                </tr>
                            </thead>
                            <tbody>
                                @forelse ($promotions as $promotion)
                                    <tr>
                                        <td>{{ $promotion->id }}</td>
                                        <td>
                                            @if ($promotion->type === 'offer')
                                                <span class="badge badge-offer">عرض</span>
                                            @else
                                                <span class="badge badge-discount">خصم</span>
                                            @endif
                                        </td>
                                        <td>{{ $promotion->label }}</td>
                                        <td>
                                            @if ($promotion->promotable)
                                                @php
                                                    $entityType = class_basename($promotion->promotable_type);
                                                    $editRoute = $entityType === 'Game'
                                                        ? route('admin.games.edit', $promotion->promotable_id)
                                                        : route('admin.products.edit', $promotion->promotable_id);
                                                @endphp
                                                <a href="{{ $editRoute }}" class="entity-link">
                                                    {{ $promotion->promotable->name }}
                                                </a>
                                            @else
                                                <span class="text-muted">محذوف</span>
                                            @endif
                                        </td>
                                        <td>
                                            @php
                                                $entityType = class_basename($promotion->promotable_type);
                                            @endphp
                                            @if ($entityType === 'Game')
                                                <span class="badge badge-info">لعبة</span>
                                            @else
                                                <span class="badge badge-secondary">منتج</span>
                                            @endif
                                        </td>
                                        <td>
                                            <button type="button"
                                                    class="btn btn-sm toggle-status {{ $promotion->is_active ? 'btn-success' : 'btn-danger' }}"
                                                    data-id="{{ $promotion->id }}"
                                                    data-active="{{ $promotion->is_active ? '1' : '0' }}">
                                                @if ($promotion->is_active)
                                                    <x-lucide-check width="20" height="20" /> مفعل
                                                @else
                                                    <x-lucide-x width="20" height="20" /> معطل
                                                @endif
                                            </button>
                                        </td>
                                        <td>
                                            <a href="{{ route('admin.promotions.edit', $promotion->id) }}"
                                               class="btn btn-sm btn-info" title="تعديل">
                                                <x-lucide-pencil width="20" height="20" />
                                            </a>
                                            <button type="button"
                                                    class="btn btn-sm btn-danger delete-btn"
                                                    data-id="{{ $promotion->id }}"
                                                    title="حذف">
                                                <x-lucide-trash-2 width="20" height="20" />
                                            </button>
                                        </td>
                                    </tr>
                                @empty
                                    <tr>
                                        <td colspan="7" class="text-center">لا توجد عروض ترويجية</td>
                                    </tr>
                                @endforelse
                            </tbody>
                        </table>
                    </div>

                    {{-- Pagination --}}
                    <div class="d-flex justify-content-center mt-3">
                        {{ $promotions->links() }}
                    </div>
                </div>
            </div>
        </div>
    </div>
@endsection

@section('js')
    @include('admin.helper.tablescripts')
    <script>
        $(function() {
            // Toggle status
            $('.toggle-status').on('click', function() {
                var $btn = $(this);
                var id = $btn.data('id');
                var isActive = $btn.data('active') === 1;

                Swal.fire({
                    title: 'هل تريد تغيير حالة العرض؟',
                    icon: 'question',
                    showCancelButton: true,
                    confirmButtonColor: '#3085d6',
                    cancelButtonColor: '#d33',
                    confirmButtonText: 'نعم',
                    cancelButtonText: 'إلغاء'
                }).then((result) => {
                    if (result.isConfirmed) {
                        Swal.fire({
                            title: 'جارٍ التغيير...',
                            allowOutsideClick: false,
                            didOpen: () => Swal.showLoading(),
                        });

                        $.ajax({
                            url: `{{ url('admin/promotions') }}/${id}/toggle-active`,
                            type: 'POST',
                            data: {
                                '_token': "{{ csrf_token() }}"
                            },
                            success: function(response) {
                                Swal.fire('تم!', response.msg || 'تم تغيير الحالة بنجاح', 'success')
                                    .then(() => {
                                        location.reload();
                                    });
                            },
                            error: function(xhr) {
                                Swal.fire('خطأ!', xhr.responseJSON?.message || 'حدث خطأ أثناء التغيير', 'error');
                            }
                        });
                    }
                });
            });

            // Delete promotion
            $('.delete-btn').on('click', function() {
                var id = $(this).data('id');

                Swal.fire({
                    title: 'هل أنت متأكد من حذف هذا العرض؟',
                    text: 'لا يمكن التراجع عن هذا الإجراء!',
                    icon: 'warning',
                    showCancelButton: true,
                    confirmButtonColor: '#d33',
                    cancelButtonColor: '#3085d6',
                    confirmButtonText: 'نعم، احذف',
                    cancelButtonText: 'إلغاء'
                }).then((result) => {
                    if (result.isConfirmed) {
                        Swal.fire({
                            title: 'جارٍ الحذف...',
                            allowOutsideClick: false,
                            didOpen: () => Swal.showLoading(),
                        });

                        $.ajax({
                            url: `{{ url('admin/promotions/delete') }}/${id}`,
                            type: 'DELETE',
                            data: {
                                '_token': "{{ csrf_token() }}"
                            },
                            success: function(response) {
                                Swal.fire('تم الحذف!', 'تم حذف العرض بنجاح', 'success')
                                    .then(() => {
                                        location.reload();
                                    });
                            },
                            error: function(xhr) {
                                Swal.fire('خطأ!', xhr.responseJSON?.message || 'حدث خطأ أثناء الحذف', 'error');
                            }
                        });
                    }
                });
            });
        });
    </script>
@endsection