{{--<x-admin-layout>--}}

{{--    <div class="w-full h-screen overflow-x-hidden border-t flex flex-col">--}}
{{--        <main class="w-full flex-grow p-6">--}}
{{--            <h1 class="w-full text-3xl text-black pb-6">Edit User Role</h1>--}}

{{--            <div class="w-full mt-12">--}}
{{--                <p class="text-xl pb-3 flex items-center">--}}
{{--                    <i class="fas fa-list mr-3"></i> Role Details--}}
{{--                </p>--}}
{{--                <form method="POST" action="{{ route('admin.users.update', $user->id) }}">--}}
{{--                    @csrf--}}
{{--                    @method('PUT')--}}
{{--                    <div class="grid gap-6 mb-6 md:grid-cols-2">--}}
{{--                        <div class="mb-1">--}}
{{--                            <label for="role" class="block mb-2 text-sm font-medium text-gray-900">Role Name</label>--}}
{{--                            <select name="role_id"--}}
{{--                                class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500"--}}
{{--                                id="selectType">--}}
{{--                                @foreach ($roles as $role)--}}
{{--                                    <option value="{{ $role->id }}"--}}
{{--                                        {{ $role->name == $user->role->name ? 'selected' : '' }}>{{ $role->name }}--}}
{{--                                    </option>--}}
{{--                                @endforeach--}}
{{--                            </select>--}}
{{--                        </div>--}}
{{--                        --}}{{--  --}}
{{--                    </div>--}}
{{--                    <button class="px-4 py-1 text-white font-light tracking-wider bg-green-600 rounded">Update--}}
{{--                        Role</button>--}}
{{--                </form>--}}
{{--            </div>--}}
{{--        </main>--}}
{{--    </div>--}}
{{--</x-admin-layout>--}}
<x-admin-layout>
    <div class="bg-white w-full h-screen overflow-x-hidden border-t flex flex-col">
        <main class="w-full flex-grow p-6">
            <h1 class="w-full text-3xl text-black pb-6">Modifier l'utilisateur</h1>
            <div class="w-full">

                <form method="POST" action="{{ route('admin.users.update', $user->id) }}">
                    @csrf
                    @method('PUT')
                    <div class="grid gap-6 mb-6 md:grid-cols-2">
                        <div class="mb-1">
                            <label for="name" class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">Nom et prénom</label>
                            <input type="text" id="name" name="name" value="{{ old('name', $user->name) }}" required
                                   class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg block w-full p-2.5">
                        </div>

                        <div class="mb-1">
                            <label for="email" class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">Email</label>
                            <input type="email" id="email" name="email" value="{{ old('email', $user->email) }}" required
                                   class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg block w-full p-2.5">
                        </div>

                        <div class="mb-1">
                            <label for="password" class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">Mot de passe</label>
                            <input type="password" id="password" name="password"
                                   class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg block w-full p-2.5">
                            <small class="text-gray-500">Laisser vide si vous ne voulez pas changer le mot de passe</small>
                        </div>

                        <div class="mb-1">
                            <label for="password_confirmation" class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">Confirmation du mot de passe</label>
                            <input type="password" id="password_confirmation" name="password_confirmation"
                                   class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg block w-full p-2.5">
                        </div>

                        <div class="mb-1">
                            <label for="role_id" class="block mb-2 text-sm font-medium text-gray-900 dark:text-white">Role</label>
                            <select id="role_id" name="role_id"
                                    class="bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg block w-full p-2.5">
                                @foreach($roles as $role)
                                    <option value="{{ $role->id }}" {{ $user->role_id == $role->id ? 'selected' : '' }}>
                                        {{ $role->name }}
                                    </option>
                                @endforeach
                            </select>
                        </div>
                    </div>

                    <button type="submit"
                            class="px-4 py-1 text-white font-light tracking-wider bg-blue-600 rounded">Mettre à jour</button>
                </form>
            </div>
        </main>
    </div>
</x-admin-layout>