@php
    use Illuminate\Support\Facades\Auth;
@endphp

<x-auth::layouts.app title="{{ __('Complète ton profil') }}">
    <x-auth::elements.container>
        <x-auth::elements.heading
            :text="__('Complète ton profil')"
            :description="__('Merci de nous en dire un peu plus sur vous avant de passer à la configuration de votre entreprise.')"
            :show_subheadline="false"
            class="mb-6" />

        <x-auth::elements.session-message />

        <form method="POST" action="{{ route('profile.setup.store') }}" class="space-y-6">
            @csrf

            <x-auth::elements.input
                label="{{ __('Nom et prénom') }}"
                name="username"
                type="text"
                required
                placeholder="{{ __('DUPONT Jean') }}" />

            <div>
                <label class="block text-sm font-medium text-gray-700 dark:text-gray-300">{{ __('Langue de l’interface') }}</label>
                <select name="interface_locale" required class="mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-zinc-800 focus:ring-zinc-800">
                    @foreach($locales as $loc)
                        <option value="{{ $loc->id }}" {{ old('interface_locale', optional(Auth::user()->interfaceLocale)->id) == $loc->id ? 'selected' : '' }}>{{ $loc->name }}</option>
                    @endforeach
                </select>
                @error('interface_locale')<p class="mt-2 text-sm text-red-600">{{ $message }}</p>@enderror
            </div>


            <x-auth::elements.button submit="true">
                {{ __('Continuer') }}
            </x-auth::elements.button>
        </form>
    </x-auth::elements.container>
</x-auth::layouts.app>