@extends('layouts.admin')

@section('content')
<div class="space-y-6">
    <x-admin.card>
        <x-admin.page-header title="Role Promotions" icon="fas fa-gift">
            <x-slot:actions>
                <x-admin.button :href="route('admin.promotions.statistics')" tone="gray" icon="fas fa-chart-bar">View Statistics</x-admin.button>
                <x-admin.button :href="route('admin.promotions.create')" icon="fas fa-plus">Add New Promotion</x-admin.button>
            </x-slot:actions>
        </x-admin.page-header>

        <!-- Promotions Table -->
        @if(count($promotions) > 0)
            <x-admin.data-table>
                <x-slot:head>
                    <x-admin.th>Name</x-admin.th>
                    <x-admin.th>Applicable Roles</x-admin.th>
                    <x-admin.th>Additional Days</x-admin.th>
                    <x-admin.th>Start Date</x-admin.th>
                    <x-admin.th>End Date</x-admin.th>
                    <x-admin.th>Status</x-admin.th>
                    <x-admin.th>Actions</x-admin.th>
                </x-slot:head>

                        @foreach($promotions as $promotion)
                            <tr class="hover:bg-gray-50 dark:hover:bg-gray-700">
                                <td class="px-6 py-4 whitespace-nowrap">
                                    <div class="text-sm font-medium text-gray-900 dark:text-gray-100">{{ $promotion->name }}</div>
                                    @if($promotion->description)
                                        <div class="text-xs text-gray-500 dark:text-gray-400">{{ Str::limit($promotion->description, 50) }}</div>
                                    @endif
                                </td>
                                <td class="px-6 py-4 text-sm text-gray-500 dark:text-gray-400">
                                    @php
                                        $roles = $promotion->getApplicableRolesModels();
                                    @endphp
                                    @if($roles->isEmpty())
                                        <span class="italic">All Custom Roles</span>
                                    @else
                                        <div class="flex flex-wrap gap-1">
                                            @foreach($roles as $role)
                                                <span class="px-2 py-1 text-xs bg-blue-100 dark:bg-blue-900 text-blue-800 dark:text-blue-200 rounded">
                                                    {{ $role->name }}
                                                </span>
                                            @endforeach
                                        </div>
                                    @endif
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500 dark:text-gray-400">
                                    <span class="font-semibold">{{ $promotion->additional_days }}</span> days
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500 dark:text-gray-400">
                                    {{ $promotion->start_date ? formatDate($promotion->start_date) : 'No limit' }}
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm text-gray-500 dark:text-gray-400">
                                    {{ $promotion->end_date ? formatDate($promotion->end_date) : 'No limit' }}
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap">
                                    @php
                                        $isExpired = $promotion->end_date && \Carbon\Carbon::now()->gt($promotion->end_date);
                                    @endphp
                                    @if($isExpired)
                                        <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-red-100 dark:bg-red-900 text-red-800 dark:text-red-200">
                                            <i class="fas fa-times-circle mr-1"></i>Expired
                                        </span>
                                    @elseif($promotion->is_active && $promotion->isCurrentlyActive())
                                        <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-green-100 dark:bg-green-900 text-green-800 dark:text-green-200">
                                            <i class="fas fa-check mr-1"></i>Active
                                        </span>
                                    @elseif($promotion->is_active)
                                        <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-yellow-100 dark:bg-yellow-900 text-yellow-800 dark:text-yellow-200">
                                            <i class="fas fa-clock mr-1"></i>Scheduled
                                        </span>
                                    @else
                                        <span class="px-2 inline-flex text-xs leading-5 font-semibold rounded-full bg-gray-100 dark:bg-gray-700 text-gray-800 dark:text-gray-200">
                                            <i class="fas fa-pause mr-1"></i>Inactive
                                        </span>
                                    @endif
                                </td>
                                <td class="px-6 py-4 whitespace-nowrap text-sm font-medium">
                                    <div class="flex gap-2">
                                        <a href="{{ route('admin.promotions.show-statistics', $promotion->id) }}"
                                           class="text-purple-600 dark:text-purple-400 hover:text-purple-900 dark:hover:text-purple-300"
                                           title="View Statistics">
                                            <i class="fas fa-chart-line"></i>
                                        </a>
                                        <a href="{{ route('admin.promotions.toggle', $promotion->id) }}"
                                           class="promotion-toggle-btn {{ $promotion->is_active ? 'text-orange-600 dark:text-orange-400 hover:text-orange-900 dark:hover:text-orange-300' : 'text-green-600 dark:text-green-400 hover:text-green-900 dark:hover:text-green-300' }}"
                                           title="{{ $promotion->is_active ? 'Deactivate' : 'Activate' }}"
                                           data-promotion-id="{{ $promotion->id }}"
                                           data-promotion-name="{{ $promotion->name }}"
                                           data-promotion-active="{{ $promotion->is_active ? '1' : '0' }}">
                                            <i class="fas fa-{{ $promotion->is_active ? 'pause' : 'play' }}"></i>
                                        </a>
                                        <a href="{{ route('admin.promotions.edit', $promotion->id) }}"
                                           class="text-blue-600 dark:text-blue-400 hover:text-blue-900 dark:hover:text-blue-300"
                                           title="Edit">
                                            <i class="fas fa-edit"></i>
                                        </a>
                                        <form action="{{ route('admin.promotions.destroy', $promotion->id) }}" method="POST" class="inline promotion-delete-form">
                                            @csrf
                                            @method('DELETE')
                                            <button type="button"
                                                    class="promotion-delete-btn text-red-600 dark:text-red-400 hover:text-red-900 dark:hover:text-red-300"
                                                    title="Delete"
                                                    data-promotion-id="{{ $promotion->id }}"
                                                    data-promotion-name="{{ $promotion->name }}">
                                                <i class="fas fa-trash"></i>
                                            </button>
                                        </form>
                                    </div>
                                </td>
                            </tr>
                        @endforeach
            </x-admin.data-table>
        @else
            <div class="px-6 py-12 text-center">
                <i class="fas fa-gift text-gray-400 text-5xl mb-4"></i>
                <h3 class="text-lg font-medium text-gray-900 dark:text-gray-100 mb-2">No promotions found</h3>
                <p class="text-gray-500 dark:text-gray-400">Create your first promotion to get started.</p>
            </div>
        @endif
    </x-admin.card>
</div>
@endsection