@extends('layouts.app')
@section('content')

<div class="page-header">
    <div class="page-title">
        <h4>Profil</h4>
        <h6>Mon Profil</h6>
    </div>
</div>
<!-- /product list -->
<div class="card">
    <div class="card-body">
        <form action="{{ route('profile.updatePersonalInfo') }}" method="POST" enctype="multipart/form-data">
            @csrf
            <div class="profile-set">
                <div class="profile-head">

                </div>
                <div class="profile-top">
                    <div class="profile-content">
                        <div class="profile-contentimg">
                            @if(Auth::user()->avatar)
                                    <img src="{{ asset('assets/img/profiles/' . Auth::user()->avatar) }}" alt="Avatar de {{ Auth::user()->name }}" id="blah">
                                @else
                                    <img style="width: 110px; height: 100px" src="{{ asset('assets/img/avatar/default.jpeg') }}" alt="Avatar par défaut" id="blah">
                                @endif
                            <div class="profileupload">
                                <input type="file" id="imgInp" name="avatar">
                                <a href="javascript:void(0);"><img src="{{ asset('assets/img/icons/edit-set.svg') }}" alt="img"></a>
                            </div>
                        </div>
                        <div class="profile-contentname">
                            <h2>{{ $user->nom }} {{ $user->prenom }}</h2>
                            <h4>Mise à jour de votre photo et de vos données personnelles.</h4>
                        </div>
                    </div>
                    
                </div>
            </div>
            <div class="row">
                <div class="col-lg-6 col-sm-12">
                    <div class="input-blocks">
                        <label class="form-label">Nom</label>
                        <input type="text" class="form-control" name="nom" value="{{ Auth::user()->nom }}">
                    </div>
                </div>
                <div class="col-lg-6 col-sm-12">
                    <div class="input-blocks">
                        <label class="form-label">Prénom(s)</label>
                        <input type="text" class="form-control" name="prenom" value="{{ Auth::user()->prenom }}">
                    </div>
                </div>
                <div class="col-lg-6 col-sm-12">
                    <div class="input-blocks">
                        <label>Email</label>
                        <input type="email" class="form-control" name="email" value="{{ Auth::user()->email }}" disabled readonly>
                    </div>
                </div>
                <div class="col-lg-6 col-sm-12">
                    <div class="input-blocks">
                        <label class="form-label">Téléphone</label>
                        <input type="text" name="telephone" value="{{ Auth::user()->telephone }}">
                    </div>
                </div>
                <div class="col-lg-6 col-sm-12">
                    <div class="input-blocks">
                        <label class="form-label">Nom d'utilisateur</label>
                        <input type="text" name="name" class="form-control" value="{{ Auth::user()->name }}" disabled readonly>
                    </div>
                </div>
                
                <div class="col-12 float-right">
                    <button type="submit" class="btn btn-submit me-2">Mettre à jour</button>
                    <button type="reset" class="btn btn-cancel">annuler</button>
                </div>
            </div>
        </form>
    </div>
</div>
<div class="card">
    <div class="card-body">
        <form action="{{ route('profile.updatePassword') }}" method="POST" class="mt-4">
            @csrf
            <div class="row">
                <div class="col-lg-6 col-sm-12">
                    <div class="input-blocks">
                        <label class="form-label">Mot de passe actuel</label>
                        <input type="password" name="current_password" class="form-control" required>
                    </div>
                </div>
                <div class="col-lg-6 col-sm-12">
                    <div class="input-blocks">
                        <label class="form-label">Nouveau mot de passe</label>
                        <input type="password" name="new_password" class="form-control" required>
                    </div>
                </div>
                <div class="col-lg-6 col-sm-12">
                    <div class="input-blocks">
                        <label class="form-label">Confirmer le nouveau mot de passe</label>
                        <input type="password" name="new_password_confirmation" class="form-control" required>
                    </div>
                </div>
                <div class="col-12 float-right">
                    <button type="submit" class="btn btn-submit me-2">Changer le mot de passe</button>
                </div>
            </div>
        </form>
    </div>
</div>
<!-- /product list -->
@endsection