@extends('layouts.master')

@section('title', 'Profil')

@section('content')
    <section class="section">
        <h1 class="section-header">
            <div>@yield('title')</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('dist/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>
@endsection