@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-sponsor" :route="route('event-sponsor.index')" />
                        {{ $title }}
                    </div>
                    <form action="{{ $formAction }}" method="POST" enctype="multipart/form-data">
                        @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="$eventSponsor->event_id ?? null" required />
                                </div>
                                <div class="col-md-4">
                                    <x-forms.input-text name="company_name" :label="__('validation.attributes.company_name')" :value="$eventSponsor->company_name ?? null" required />
                                </div>
                                <div class="col-md-4">
                                    <x-forms.input-text name="brand_name" :label="__('validation.attributes.brand_name')" :value="$eventSponsor->brand_name ?? null" />
                                </div>
                                <div class="col-md-4">
                                    <x-forms.input-text name="industry" :label="__('validation.attributes.industry')" :value="$eventSponsor->industry ?? null" />
                                </div>
                                <div class="col-md-4">
                                    <x-forms.input-text name="website" :label="__('validation.attributes.website')" :value="$eventSponsor->website ?? null" />
                                </div>
                                <div class="col-md-4">
                                    <x-forms.input-text name="email" :label="__('validation.attributes.email')" :value="$eventSponsor->email ?? null" />
                                </div>
                                <div class="col-md-4">
                                    <x-forms.input-text name="phone" :label="__('validation.attributes.phone')" :value="$eventSponsor->phone ?? null" />
                                </div>
                                <div class="col-md-4">
                                    <x-forms.input-text name="city" :label="__('validation.attributes.city')" :value="$eventSponsor->city ?? null" />
                                </div>
                                <div class="col-md-4">
                                    <x-forms.input-text name="country" :label="__('validation.attributes.country')" :value="$eventSponsor->country ?? 'Indonesia'" />
                                </div>
                                <div class="col-md-12">
                                    <x-forms.input-text name="address" :label="__('validation.attributes.address')" :value="$eventSponsor->address ?? null" />
                                </div>
                                <div class="col-md-4">
                                    <x-forms.input-text name="contact_person" :label="__('validation.attributes.contact_person')" :value="$eventSponsor->contact_person ?? null" />
                                </div>
                                <div class="col-md-4">
                                    <x-forms.input-text name="contact_position" :label="__('validation.attributes.position')" :value="$eventSponsor->contact_position ?? null" />
                                </div>
                                <div class="col-md-4">
                                    <x-forms.input-text name="contact_phone" :label="__('validation.attributes.contact_phone')" :value="$eventSponsor->contact_phone ?? null" />
                                </div>
                                <div class="col-md-4">
                                    <x-forms.input-text name="contact_email" :label="__('validation.attributes.contact_email')" :value="$eventSponsor->contact_email ?? null" />
                                </div>
                                <div class="col-md-4">
                                    @php
    $levelOptions = [
        'government_support' => 'Government Support',
        'host' => 'Host',
        'strategic_partner' => 'Strategic Partner',
        'platinum' => 'Platinum',
        'gold' => 'Gold',
        'silver' => 'Silver',
        'badge' => 'Badge',
        'exhibitor' => 'Exhibitor',
        'media_support' => 'Media Support',
        'supporting_partner' => 'Supporting Partner',
    ];
                                    @endphp
                                    <x-forms.input-select
                                        name="level"
                                        :label="__('validation.attributes.level')"
                                        :options="$levelOptions"
                                        :selected="$eventSponsor->level ?? 'supporting_partner'"
                                    />
                                </div>
                                <div class="col-md-4">
                                    <x-forms.input-select
                                        name="status"
                                        :label="__('validation.attributes.status')"
                                        :options="['pending' => 'Pending', 'approved' => 'Approved', 'rejected' => 'Rejected']"
                                        :selected="$eventSponsor->status ?? 'pending'"
                                    />
                                </div>
                                <div class="col-md-4">
                                    <x-forms.input-number name="sequence" :label="__('validation.attributes.sequence')" :value="$eventSponsor->sequence ?? 0" min="0" />
                                </div>
                                <div class="col-md-4">
                                    <x-forms.input-file name="logo" :label="__('validation.attributes.image')" :value="$eventSponsor->logo ?? null" accept="image/apng,image/avif,image/gif,image/jpeg,image/png,image/svg+xml,image/webp" path="media/sponsor/" />
                                </div>
                                <div class="col-md-4">
                                    <x-forms.input-file name="proposal_file" :label="__('validation.attributes.file_path')" :value="$eventSponsor->proposal_file ?? null"
                                        accept="image/apng,image/avif,image/gif,image/jpeg,image/png,image/svg+xml,image/webp" path="media/sponsor/" />
                                </div>
                                <div class="col-md-12">
                                    <x-forms.input-textarea name="notes" :rows="4" :label="__('validation.attributes.notes')" :value="$eventSponsor->notes ?? 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