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

    @section('title', 'Profil')

    @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 active">Profil</li>
            </ol>
        </nav>

        <div class="row">
            <div class="col-md-12">
                <div class="card mb-4">
                    <h5 class="card-header">Profil Détails</h5>
                    <!-- Account -->
                    <div class="card-body">
                        <div class="d-flex align-items-start align-items-sm-center gap-4">
                            <img src="{{ asset('assets/img/avatars/1.png') }}" alt="user-avatar" class="d-block rounded" height="100" width="100" id="uploadedAvatar">
                            <div class="button-wrapper">
                                <label for="upload" class="btn btn-primary me-2 mb-4" tabindex="0">
                                    <span class="d-none d-sm-block">Télécharger une nouvelle photo</span>
                                    <i class="bx bx-upload d-block d-sm-none"></i>
                                    <input type="file" id="upload" class="account-file-input" hidden="" accept="image/png, image/jpeg">
                                </label>
                            </div>
                        </div>
                    </div>

                    <hr class="my-0">

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

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

                                    <div class="mt-2">
                                        <button type="submit" class="btn btn-primary me-2">Modifier</button>
                                        <a href="{{ route('admin.home') }}" class="btn btn-outline-danger">Retour</a>
                                    </div>
                                </form>
                            </div>

                            <div class="col-md-6 mb-3">
                                <form id="formAccountSettingsPassword" method="POST" action="{{ route('profil.update.password', Auth()->user()->id) }}">
                                    @csrf
                                    <div class="row">
                                        <div class="mb-3 col-md-12">
                                            <label for="password" class="form-label">Mot de passe <span class="text-danger">*</span></label>
                                            <input class="form-control" type="password" id="password" name="password" value="{{ $profil->password }}">
                                            @error('password')
                                                <span class="text-danger">{{ $message }}</span>
                                            @enderror
                                        </div>
                                    </div>

                                    <div class="mt-2">
                                        <button type="submit" class="btn btn-primary me-2">Modifier</button>
                                        <a href="{{ route('admin.home') }}" class="btn btn-outline-danger">Retour</a>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                    <!-- /Account -->
                  </div>
            </div>
        </div>
    @endsection
@endif