@php
    use App\Enums\Pronoun;
    use App\Enums\Sexuality;
    use App\Enums\InterestedIn;
@endphp
<form method="post" action="{{ route('identity.update') }}" id="user-identity-form" class="mt-6 mb-6" x-data="formErrorScroll" x-init="$nextTick(() => $dispatch('init-success-scroll'))">
    @csrf
    @method('patch')

    <div class="mb-2">
        <h4 class="mb-4">User Identity</h4>
        <!-- Success Message -->
        @if (session('status') === 'user-identity-updated' && session('form_id') === 'user-identity-form')
            <p
                x-data="{ show: true }"
                x-show="show"
                x-transition
                x-init="setTimeout(() => show = false, 5000)"
                class="alert alert-success fw-medium"
            >{{ __('Successfully updated.') }}</p>
        @endif

        <div class="row g-3">

            <!-- Pronouns -->
            <div class="col-12 col-sm-6">
                <x-checkbox-field
                    name="pronouns"
                    label="Pronouns"
                    :selected="optional($user->identity)->pronouns ?? []"
                    :options="Pronoun::values()"
                    icon="fa-solid fa-pronoun"
                />

            </div>

            <!-- Sexuality -->
            <div class="col-12 col-sm-6">
                <x-select-field
                    name="sexuality"
                    label="Sexuality"
                    :selected="optional($user->identity)->sexuality"
                    :options="Sexuality::values()"
                    icon="fa-solid fa-heart"
                />
            </div>

            <!-- Interested In -->
            <div class="col-12 col-sm-6">
                <x-select-field
                    name="interested_in"
                    label="Interested In"
                    :selected="optional($user->identity)->interested_in"
                    :options="InterestedIn::values()"
                    icon="fa-solid fa-users"
                />
            </div>
        </div>
    </div>

    <div class="flex items-center justify-end">
        <button type="submit" class="btn btn-primary">{{ __('Update') }}</button>
    </div>
</form>