@if (Auth()->user()->type_user != 1)
    @include('erros.404')
    @dd()
@else
    @extends('layouts.admin.master')

    @section('title', 'Users')

    @section('content')
        <nav aria-label="breadcrumb" class="mb-3">
            <ol class="breadcrumb breadcrumb-style2 mb-0">
                <li class="breadcrumb-item">
                    <a href="{{ route('admin.home') }}">Tableau de bord</a>
                </li>
                <li class="breadcrumb-item">
                    <a href="{{ route('users.index') }}">Users</a>
                </li>
                <li class="breadcrumb-item active">Modifier</li>
            </ol>
        </nav>

        <div class="row">
            <div class="col-md-8 col-sm-12 mb-3">
                <div class="card">
                    <div class="card-body">
                        <form action="{{ route('users.update', ['id' => $user->id]) }}" method="POST">
                            @csrf
                            <div class="row">
                                <!-- Nom -->
                                <div class="col-md-6 col-sm-12 mb-3">
                                    <label for="name" class="form-label">Nom <span class="text-danger">*</span></label>
                                    <input type="text" name="name" id="name" class="form-control @error('name') is-invalid @enderror" value="{{ $user->name }}">
                                    @error('name')
                                        <span class="text-danger">{{ $message }}</span>
                                    @enderror
                                </div>

                                <!-- Username -->
                                <div class="col-md-6 col-sm-12 mb-3">
                                    <label for="username" class="form-label">Username <span class="text-danger">*</span></label>
                                    <input type="text" name="username" id="username" class="form-control @error('username') is-invalid @enderror" value="{{ $user->username }}">
                                    @error('username')
                                        <span class="text-danger">{{ $message }}</span>
                                    @enderror
                                </div>

                                <!-- Rôle -->
                                <div class="col-md-6 col-sm-12 mb-3">
                                    <label for="role" class="form-label">Rôle <span class="text-danger">*</span></label>
                                    <select name="role" id="role" class="form-control @error('role') is-invalid @enderror">
                                        <option value="">-- Choisir un rôle --</option>
                                        @foreach ($roles as $role)
                                            <option value="{{ $role->name }}" {{ $user->role == $role->name ? 'selected' : '' }}>{{ $role->name }}</option>
                                        @endforeach
                                    </select>
                                    @error('role')
                                        <span class="text-danger">{{ $message }}</span>
                                    @enderror
                                </div>

                                <!-- Type user -->
                                <div class="col-md-6 col-sm-12 mb-3">
                                    <label for="type_user" class="form-label">Type user <span class="text-danger">*</span></label>
                                    <select name="type_user" id="type_user" class="form-control @error('type_user') is-invalid @enderror">
                                        <option value="">-- Choisir le type user --</option>
                                        <option value="1" {{ $user->type_user == 1 ? 'selected' : '' }}>Administrateur</option>
                                        <option value="2" {{  $user->type_user == 2 ? 'selected' : '' }}>Gérant</option>
                                    </select>
                                    @error('type_user')
                                        <span class="text-danger">{{ $message }}</span>
                                    @enderror
                                </div>

                                <div class="col-md-12">
                                    <div class="float-end">
                                        <button type="submit" class="btn btn-primary">Modifier</button>
                                        <a href="{{ route('users.index') }}" class="btn btn-danger">Retour</a>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>

            <div class="col-md-4 col-sm-12 mb-3">
                <div class="card" style="height: 252px">
                    <div class="card-body">
                        <form action="{{ route('users.update.password', ['id' => $user->id]) }}" method="POST">
                            @csrf
                            <div class="row">
                               <!-- Mot de passe -->
                                <div class="col-md-12 col-sm-12 mb-3">
                                    <div class="form-password-toggle">
                                        <div class="d-flex justify-content-between">
                                            <label class="form-label" for="password">Mot de passe</label>
                                        </div>
                                        <div class="input-group input-group-merge">
                                            <input type="password" name="password" id="password" class="form-control" name="password" aria-describedby="password" />
                                            <span class="input-group-text cursor-pointer"><i class="bx bx-hide"></i></span>
                                        </div>
                                    </div>
                                    @error('password')
                                        <span class="text-danger">{{ $message }}</span>
                                    @enderror
                                </div>

                                <div class="col-md-12">
                                    <div class="float-end">
                                        <button type="submit" class="btn btn-primary">Modifier</button>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    @endsection
@endif