@php
    use App\Enums\FeedbackEnquirerRole;
    use App\Enums\FeedbackEnquiryConcern;
@endphp

@section('beforeMain')
    @include('sections.banner', ['background' => '', 'space_class'=>'xlg-pt4 pt3 pb3'])

    @include('livewire.sections.lfd-heading', [
        'short_title' => 'Feedback',
        'title' => 'Feedback',
        'step' => $this->step
    ])

    @include('sections.banner_CLOSE')
@endsection

<form
    wire:submit.prevent="submit"
    x-data="{
        loading: false,
        attachmentCount: 0,
        enquiryConcern: '{{ $enquiry_concern }}',
        init(){
            this.$watch('enquiryConcern', () => {
                $store.lfd.changeEnquiryConcern(this.enquiryConcern)
            })
        }

    }"
    wire:key="{{ rand() }}"
    x-cloak
>
    <div class="lfd-default-text">
        @include('livewire.form.error')

        @if($this->firstStep())
            {{-- Step 1 --}}
            <div class="lfd-main">
                <x-radio-group wire-model="enquiry_concern">
                    <x-slot name="heading">
                        What is your enquiry concerning?
                    </x-slot>

                    @include('livewire.form.radio', [
                        'wire_model' => 'enquiry_concern',
                        'x_model' => 'enquiryConcern',
                        'value' => FeedbackEnquiryConcern::LEGAL->value,
                        'option_label' => 'Legal Matters',
                        'show_errors' => true
                    ])

                    @include('livewire.form.radio', [
                        'wire_model' => 'enquiry_concern',
                        'x_model' => 'enquiryConcern',
                        'value' => FeedbackEnquiryConcern::FINANCE->value,
                        'option_label' => 'Finance Matters',
                        'show_errors' => true
                    ])

                    @include('livewire.form.radio', [
                        'wire_model' => 'enquiry_concern',
                        'x_model' => 'enquiryConcern',
                        'value' => FeedbackEnquiryConcern::GENERAL->value,
                        'option_label' => 'General',
                        'show_errors' => true
                    ])
                </x-radio-group>
            </div>
        @else
            {{-- Step 2 --}}
            @include('livewire.form.select', [
                'label' => 'Enquirer role',
                'wire_model' => 'enquirer_role',
                'options' => FeedbackEnquirerRole::toArray(),
                'help' => 'Select the option that best describes the person making this enquiry'
            ])

            @include('livewire.form.text', [
                'label' => 'Enquirer name',
                'wire_model' => 'enquirer_name',
            ])

            @include('livewire.form.text', [
                'label' => 'Enquirer contact email',
                'wire_model' => 'enquirer_email',
            ])

            @include('livewire.form.text', [
                'label' => 'Enquiry',
                'wire_model' => 'enquiry',
                'input_type' => 'textarea',
            ])

            @include('livewire.form.file', [
                'label' => 'Attach a file',
                'wire_model' => 'new_attachments',
                'help' => 'If you have a related file to attach to your enquiry, please upload it here'
            ])
        @endif

        @include('livewire.form.submit')
    </div>
</form>