@extends('layouts.main')

@section('title', $title)

@section('content')
    <div class="row justify-content-center">
        <div class="col-12">
            <div class="card">
                <div class="card-header">
                    <x-buttons.back-small name="event-sponsorship-package" :route="route('event-sponsorship-package.index')" />
                    {{ $title }}
                </div>
                <form action="{{ $formAction }}" method="POST">
                    @csrf
                    @if(!$isFormCreate)
                        @method('PUT')
                    @endif
                    <div class="card-body">
                        <div class="row g-3">
                            <div class="col-md-4">
                                @php
                                    $eventOptions = collect($events)->mapWithKeys(fn($e) => [$e->id => $e->title])->toArray();
                                @endphp
                                <x-forms.input-select name="event_id" :label="__('module.event')" :options="$eventOptions" :selected="$eventSponsorshipPackage->event_id ?? null" required />
                            </div>
                            <div class="col-md-4">
                                <x-forms.input-text name="name" :label="__('validation.attributes.name')" :value="$eventSponsorshipPackage->name ?? null" required />
                            </div>
                            <div class="col-md-4">
                                <x-forms.input-text name="currency" :label="__('validation.attributes.currency')" :value="$eventSponsorshipPackage->currency ?? 'USD'" />
                            </div>
                            <div class="col-md-4">
                                <x-forms.input-number name="price" :label="__('validation.attributes.price')" :value="$eventSponsorshipPackage->price ?? null" min="0" step="0.01" />
                            </div>
                            <div class="col-md-4">
                                <x-forms.input-number name="early_bird_price" :label="__('validation.attributes.early_bird_price')" :value="$eventSponsorshipPackage->early_bird_price ?? null" min="0" step="0.01" />
                            </div>
                            <div class="col-md-4">
                                <x-forms.input-date
                                    name="early_bird_deadline"
                                    :label="__('validation.attributes.early_bird_deadline')"
                                    :value="old('early_bird_deadline', $eventSponsorshipPackage->early_bird_deadline ? \Carbon\Carbon::parse($eventSponsorshipPackage->early_bird_deadline)->format('Y-m-d') : null)"
                                />
                            </div>
                            <div class="col-md-4">
                                <x-forms.input-number name="max_slots" :label="__('validation.attributes.max_slots')" :value="$eventSponsorshipPackage->max_slots ?? null" min="1" />
                            </div>
                            <div class="col-md-3">
                                <x-forms.input-switch name="is_available" value="1" :label="__('validation.attributes.status')" :checked="old('is_available', $eventSponsorshipPackage->is_available ?? true)" />
                            </div>
                            <div class="col-md-12">
                                <x-forms.input-textarea name="benefits" :rows="4" :label="__('validation.attributes.benefits')" :value="$eventSponsorshipPackage->benefits ?? null" />
                            </div>
                        </div>
                    </div>
                    <div class="card-footer">
                        <div class="row">
                            <div class="col-12">
                                <div class="float-end">
                                    <x-buttons.submit-save />
                                </div>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
@endsection