@extends('layouts.admin')

@section('title', 'Campaigns')
@section('page-title', 'Campaign Management')

@section('content')

<!-- ================= HEADER ================= -->
<div class="flex flex-col md:flex-row md:items-center md:justify-between gap-4 mb-6">
    <div>
        <h2 class="text-xl font-semibold text-gray-800">Campaigns</h2>
        <p class="text-sm text-gray-500">
            Manage QR-based Spin & Win / Scratch & Win campaigns
        </p>
    </div>

   
</div>

<!-- ================= TABLE ================= -->
<div class="bg-white rounded-xl shadow overflow-hidden">

    <table class="min-w-full text-sm">
        <thead class="bg-gray-50 border-b">
            <tr class="text-left text-gray-600">
                <th class="px-4 py-3">Campaign</th>
                <th class="px-4 py-3">Game Type</th>
                <th class="px-4 py-3">Duration</th>
                <th class="px-4 py-3 text-center">Status</th>
             
                <th class="px-4 py-3 text-right">Actions</th>
            </tr>
        </thead>

        <tbody class="divide-y">
        @forelse($campaigns as $campaign)
            <tr class="hover:bg-gray-50">

                <!-- Campaign Info -->
                <td class="px-4 py-3">
                    <p class="font-medium text-gray-800">{{ $campaign->name }}</p>
                    <p class="text-xs text-gray-500">Code: {{ $campaign->code }}</p>
                </td>

                <!-- Game Type -->
                <td class="px-4 py-3 capitalize">
                    {{ $campaign->game_type }}
                </td>

                <!-- Duration -->
                <td class="px-4 py-3 text-xs text-gray-600">
                    {{ \Carbon\Carbon::parse($campaign->start_date)->format('d M Y') }}
                    →
                    {{ \Carbon\Carbon::parse($campaign->end_date)->format('d M Y') }}
                </td>

                <!-- Status -->
                <td class="px-4 py-3 text-center">
                    @if($campaign->is_active)
                        <span class="px-3 py-1 text-xs rounded-full bg-green-100 text-green-700">
                            Active
                        </span>
                    @else
                        <span class="px-3 py-1 text-xs rounded-full bg-red-100 text-red-700">
                            Inactive
                        </span>
                    @endif
                </td>

            

                <!-- ================= ACTIONS ================= -->
                <td class="px-4 py-3 text-right">
                    <div class="inline-flex items-center gap-3 text-xs">

                        <!-- Prizes -->
                        <a href="{{ route('admin.campaigns.prizes.index', $campaign->id) }}"
                           class="text-indigo-600 hover:underline">
                            Prizes
                        </a>

                        <!-- Report -->
                        <a href="{{ route('admin.reports.campaign.detail', $campaign->id) }}"
                           class="text-green-600 hover:underline">
                            Report
                        </a>

                        @if(auth()->user()->role === 'super_admin')
                            <!-- Edit -->
                            <a href="{{ route('admin.campaigns.edit', $campaign->id) }}"
                               class="text-blue-600 hover:underline">
                                Edit
                            </a>

                            <!-- Delete -->
                            <form action="{{ route('admin.campaigns.destroy', $campaign->id) }}"
                                  method="POST"
                                  onsubmit="return confirm('Are you sure you want to delete this campaign?')"
                                  class="inline">
                                @csrf
                                @method('DELETE')
                                <button class="text-red-600 hover:underline">
                                    Delete
                                </button>
                            </form>
                        @endif

                    </div>
                </td>

            </tr>
        @empty
            <tr>
                <td colspan="6" class="px-4 py-6 text-center text-gray-500">
                    No campaigns found
                </td>
            </tr>
        @endforelse
        </tbody>
    </table>

</div>

<!-- ================= PAGINATION ================= -->
@if(method_exists($campaigns, 'links'))
    <div class="mt-6">
        {{ $campaigns->links() }}
    </div>
@endif

@endsection