@extends('layouts.user.account')

@section('page_title', __('giveaway.manage-giveaways'))

@section('page_content')
    <x-page-content pageTitle="{{ __('giveaway.index-title', ['user_name' => me()->full_name]) }}">
        <x-slot:pageCaption>
            {{ __('giveaway.index-desc', ['app_name' => config('app.name')]) }}
        </x-slot:pageCaption>
        <x-slot:pageCaption>
            {{ __('giveaway.index-desc', ['app_name' => config('app.name')]) }}
        </x-slot:pageCaption>
        <x-slot:pageControls>
            <x-forms.button tag="a" href="{{ route('user.giveaway.create') }}" text="{{ __('giveaway.tabs.index.create') }}" classes="bg-brand-900 text-white">
            </x-forms.button>
        </x-slot:pageControls>

        <x-slot:pageTabs>
            <x-user.tabs>
                <x-user.tab-item :active="$statusType == 'all'" link="{{ route('user.giveaway.index', ['type' => 'all']) }}" labelText="{{ __('giveaway.tabs.index.all') }}"></x-user.tab-item>
                <x-user.tab-item :active="$statusType == 'active'" link="{{ route('user.giveaway.index', ['type' => 'active']) }}" labelText="{{ __('giveaway.tabs.index.active') }}"></x-user.tab-item>
            </x-user.tabs>
        </x-slot:pageTabs>
        <div class="grid grid-cols-3 gap-4">
            @unless($giveaways->isEmpty())
                @foreach ($giveaways as $giveawayData)
                    @include('user.giveaway.index.parts.giveaway-card')
                @endforeach
            @else
                <div class="col-span-3 py-24">
                    <span class="text-lab-pr text-par-s block text-center">
                        {{ __('giveaway.no-giveaways') }}
                    </span>
                </div>
            @endif
        </div>
        
        @unless($giveaways->isEmpty())
            <div class="mt-6">
                {{ $giveaways->withQueryString()->links('pagination.tailwind') }}
            </div>
        @endif
    </x-page-content>
@endsection