@extends('layouts.user.account')

@section('page_title', __('giveaway.add-actions-title'))

@section('page_content')
    <x-page-content pageTitle="{{ __('giveaway.add-actions-title') }}">
        <x-slot:pageCaption>
            {{ __('giveaway.add-actions-desc') }}
        </x-slot:pageCaption>
        
        <x-slot:pageTabs>
            <x-user.tabs>
                <x-user.tab-item link="{{ route('user.giveaway.edit', $giveawayId) }}" labelText="{{ __('giveaway.ga-details') }}"></x-user.tab-item>
                <x-user.tab-item link="{{ route('user.giveaway.images', $giveawayId) }}" labelText="{{ __('labels.prize-images') }}"></x-user.tab-item>
                <x-user.tab-item :active="true" labelText="{{ __('labels.actions') }}" link="{{ route('user.giveaway.entry-actions', $giveawayId) }}"></x-user.tab-item>
            </x-user.tabs>
        </x-slot:pageTabs>
        <div class="block">
            <div class="mb-4">
                <x-user.content-header>
                    {{ __('giveaway.ga-add-actions') }}
                </x-user.content-header>
            </div>
            <x-user.sided-content>
                <livewire:forms.user.giveaway.giveaway-actions-form/>
    
                <x-slot:sidedContent>
                    <div class="block max-w-full">
                        <x-info-card iconName="gift-01" title="{{ __('giveaway.add-actions-info.title') }}">
                            <x-slot:content>
                                {{ __('giveaway.add-actions-info.desc') }}
                            </x-slot:content>
                        </x-info-card>
                    </div>
                </x-slot:sidedContent>
            </x-user.sided-content>
        </div>
    </x-page-content>
@endsection