<x-admin-layout>
    
    <x-page-heading title="Profile utilisateur" :breadcrumbs="['Utilisateurs', 'Profile']" />

    <section class="section">
        <div class="row">
            <div class="col-lg-12">
        
                <x-card>
                    <x-form action="{{ route('users.update', $user) }}" method="PUT">
                        <div class="row">
                            <x-form.group 
                                :label="__('Nom')" 
                                name="name" 
                                class="col-6"
                            >
                                <x-form.input name="name" :value="$user->name" />
                            </x-form.group>
            
                            <x-form.group 
                                :label="__('Email')" 
                                name="email"
                                class="col-6"
                            >
                                <x-form.input name="email" :value="$user->email" />
                            </x-form.group>
                        </div>

                        <div class="row">
                            <x-form.group 
                                :label="__('Mot de passe')" 
                                name="password" 
                                class="col-6"
                            >
                                <x-form.password name="password" />
                            </x-form.group>
            
                            <x-form.group 
                                :label="__('Confirmation Mot de passe')" 
                                name="password_confirmation"
                                class="col-6"
                            >
                                <x-form.password name="password_confirmation" />
                            </x-form.group>
                        </div>

                        {{--<div class="row">
                            <x-form.group 
                                :label="__('Commune')" 
                                name="commune"
                                class="col-6"
                            >
                                <x-form.select name="commune" disabled>
                                    <option value="">Toutes les communes</option>
                                    @foreach ($communes as $commune)
                                        <option value="{{ $commune->id }}" @if($commune->id === $user->commune_id) selected @endif>{{ $commune->name }}</option>
                                    @endforeach
                                </x-form.select>
                            </x-form.group>

                            <x-form.group 
                                :label="__('Role')" 
                                name="role"
                                class="col-6"
                            >
                                <x-form.select name="role" disabled>
                                    <option value="">Sélectionner un role</option>
                                    @foreach ($roles as $role)
                                        <option value="{{ $role->name }}" @if($user->hasRole($role->name)) selected @endif>{{ $role->name }}</option>
                                    @endforeach
                                </x-form.select>
                            </x-form.group>
                        </div>--}}

                        @foreach ($roles as $role)
                            @if($user->hasRole($role->name))
                                <x-form.input type="hidden" name="role" :value="$role->name" />
                            @endif
                        @endforeach
                        

                        <x-button type="submit" :label="__('Mise à jour')" primary />
                        <x-button :href="route('users.index')" :label="__('Annuler')" secondary outline />
                    </x-form>
                </x-card>

            </div>
        </div>
    </section>
</x-admin-layout>