@if (Auth()->user()->type_user == 0)
    @include('error.error')
    @dd()
@else
    @extends('layouts.proprietaire.master')

    @section('title', 'Profil')

    @section('content')
        <div class="main-content">
            <section class="section">
                <h1 class="section-header">
                    <div>@yield('title')</div>
                    <div class="float-right">
                        <a href="{{ route('home') }}" style="font-size: 1rem; text-decoration: none">Récaputilatifs</a> /
                        <a href="#" style="font-size: 1rem; text-decoration: none">Utilisateurs</a>
                    </div>
                </h1>
            </section>

            <div class="row">
                <div class="col-md-12">
                    <h3>Salut, <span class="text-primary">{{ auth()->user()->name }}</span></h3>
                    <p class="font-italic">Modifiez vos informations de profil et votre mot de passe à partir d'ici...</p>
                </div>

                <div class="col-md-5">
                    <div class="card">
                        <div class="card-body">
                            @if (Session::get('success'))
                                <div class="alert alert-success mb-1">
                                    {{ Session::get('success') }}
                                </div>
                            @endif
        
                            <form action="{{ route('profil.update', ['id' => Auth()->user()->id]) }}" method="POST">
                                @csrf
                                <div class="form-group">
                                    <label for="image">Profil Image <span class="text-danger">*</span></label>
                                    @if (Auth()->user()->photo != null)
                                        <img style="width: 100px; height: 100px;" class="d-block mx-auto img-thumbnail img-fluid rounded-circle mb-2" src="{{ auth()->user()->photo }}" alt="Profile Image">
                                    @else
                                        <img style="width: 100px; height: 100px;" class="d-block mx-auto img-thumbnail img-fluid rounded-circle mb-2" src="{{ asset('assets/img/avatar/person.jpg') }}" alt="Profile Image">
                                    @endif
                                    <!--<input id="image" type="file" name="photo" class="form-control">-->
                                </div>
        
                                <div class="form-group">
                                    <label for="name">Nom <span class="text-danger">*</span></label>
                                    <input class="form-control" type="text" name="name" value="{{ auth()->user()->name }}">
                                    @error('name')
                                        <p class="text-danger">{{ $message }}</p>
                                    @enderror
                                </div>
                                <div class="form-group">
                                    <label for="email">Email <span class="text-danger">*</span></label>
                                    <input class="form-control" type="email" name="email" value="{{ auth()->user()->email }}">
                                    @error('email')
                                        <p class="text-danger">{{ $message }}</p>
                                    @enderror
                                </div>
                                <div class="form-group">
                                    <button type="submit" class="btn btn-primary">Modifier le profil <i class="bi bi-check"></i></button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>

                <div class="col-lg-7">
                    <div class="card">
                        <div class="card-body">
                            @if (Session::get('successPassword'))
                                <div class="alert alert-success mb-1">
                                    {{ Session::get('successPassword') }}
                                </div>
                            @endif
        
                            <form action="{{ route('profile.update.password') }}" method="POST">
                                @csrf
                                <div class="form-group">
                                    <label for="current_password">Mot de passe actuel <span class="text-danger">*</span></label>
                                    <input type="password" class="form-control" name="current_password" required>
                                    @error('current_password')
                                    <p class="text-danger">{{ $message }}</p>
                                    @enderror
                                </div>
                                <div class="form-group">
                                    <label for="password">Nouveau mot de passe <span class="text-danger">*</span></label>
                                    <input class="form-control" type="password" name="password" required>
                                    @error('password')
                                    <p class="text-danger">{{ $message }}</p>
                                    @enderror
                                </div>
                                <div class="form-group">
                                    <label for="password_confirmation">Confirmez le mot de passe <span class="text-danger">*</span></label>
                                    <input class="form-control" type="password" name="password_confirmation" required>
                                    @error('password_confirmation')
                                    <p class="text-danger">{{ $message }}</p>
                                    @enderror
                                </div>
                                <div class="form-group">
                                    <button type="submit" class="btn btn-primary">Modifier <i class="bi bi-check"></i></button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    @endsection
@endif