@extends('admin.layout')

@section('title', __('Mon compte'))

@section('content')

    <div class="pagetitle">
        <h1>@yield('title')</h1>
    </div>

    {{-- La reussite flotte en haut a droite (sur-place.js) ; les erreurs de saisie restent au-dessus du formulaire. --}}
    <div data-messages>
        @if (session('success'))
            <div class="alert alert-success">
                {{ session('success') }}
            </div>
        @endif
    </div>

    @if ($errors->any())
        <div class="alert alert-danger">
            <ul class="mb-0">
                @foreach ($errors->all() as $error)
                    <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
    @endif


    <section class="section profile">
        <div class="row">
            {{-- ========================= --}}
            {{--        COLONNE PROFIL      --}}
            {{-- ========================= --}}
            <div class="col-xl-4">

                <div class="card">
                    <div class="card-body profile-card pt-4 d-flex flex-column align-items-center">

                        @if (Auth::user()->image)
                            <a href="{{ \App\Helpers\PhotoHelper::grande(Auth::user()->image) }}" target="_blank" rel="noopener"
                                data-visionneuse="photo-identite" data-legende="{{ Auth::user()->nom }} {{ Auth::user()->prenom }}"
                                title="{{ __('Voir en grand') }}"><img src="{{ \App\Helpers\PhotoHelper::url(Auth::user()->image) }}" class="rounded-circle" alt=""></a>
                        @endif

                        <h2>{{ Auth::user()->nom }} {{ Auth::user()->prenom }}</h2>

                        <h3>{{ mb_strtoupper(Auth::user()->poste) }}</h3>

                        @if (is_null(Auth::user()->email_verified_at))
                            <a href="{{ route('verification.notice') }}" class="p-2 mt-2 bg-danger text-white rounded">
                                {{ __('Valider mon e-mail') }}
                            </a>
                        @endif

                    </div>
                </div>

            </div>

            {{-- ========================= --}}
            {{--     COLONNE FORMULAIRE     --}}
            {{-- ========================= --}}
            <div class="col-xl-8">

                <div class="card">
                    <div class="card-body pt-3">

                        {{-- Onglets. Au retour du formulaire (erreur ou enregistrement),
                             on rouvre « Modifier mon compte » : retomber sur la vue
                             d'ensemble obligeait a recliquer pour corriger. --}}
                        @php $surEdition = $errors->any() || session('onglet') === 'edition'; @endphp
                        <ul class="nav nav-tabs nav-tabs-bordered">

                            <li class="nav-item">
                                <button class="nav-link @unless ($surEdition) active @endunless" data-bs-toggle="tab" data-bs-target="#profile-overview">
                                    {{ __("Vue d'ensemble") }}
                                </button>
                            </li>

                            <li class="nav-item">
                                <button class="nav-link @if ($surEdition) active @endif" data-bs-toggle="tab" data-bs-target="#profile-edit">
                                    {{ __('Modifier mon compte') }}
                                </button>
                            </li>

                        </ul>

                        <div class="tab-content pt-2">

                            {{-- ========================= --}}
                            {{--     ONGLET OVERVIEW        --}}
                            {{-- ========================= --}}
                            <div class="tab-pane fade @unless ($surEdition) show active @endunless profile-overview" id="profile-overview">

                                <h5 class="card-title">{{ __('Détails du compte') }}</h5>

                                <div class="row mb-2">
                                    <div class="col-lg-3 col-md-4 label">{{ __('Nom') }}</div>
                                    <div class="col-lg-9 col-md-8">
                                        {{ Auth::user()->nom }} {{ Auth::user()->prenom }}
                                    </div>
                                </div>

                                <div class="row mb-2">
                                    <div class="col-lg-3 col-md-4 label">{{ __('Poste') }}</div>
                                    <div class="col-lg-9 col-md-8">
                                        {{ mb_strtoupper(Auth::user()->poste) }}
                                    </div>
                                </div>

                                <div class="row mb-2">
                                    <div class="col-lg-3 col-md-4 label">{{ __('E-mail') }}</div>
                                    <div class="col-lg-9 col-md-8">
                                        <a href="mailto:{{ Auth::user()->email }}">{{ Auth::user()->email }}</a>
                                    </div>
                                </div>

                                <div class="row mb-2">
                                    <div class="col-lg-3 col-md-4 label">{{ __('Téléphone') }}</div>
                                    <div class="col-lg-9 col-md-8">
                                        <a href="tel:{{ Auth::user()->tel }}">{{ Auth::user()->tel }}</a>
                                    </div>
                                </div>

                            </div>

                            {{-- ========================= --}}
                            {{--     ONGLET MODIFIER        --}}
                            {{-- ========================= --}}
                            <div class="tab-pane fade @if ($surEdition) show active @endif profile-edit pt-3" id="profile-edit">

                                <form action="{{ route('users.updateAccount') }}" method="POST">
                                    @csrf
                                    @method('PUT')

                                    <h5 class="fw-bold mb-3">{{ __('Modifier mes informations') }}</h5>

                                    {{-- INFORMATIONS PERSO --}}
                                    {{-- Nom et prenom en lecture seule : ils viennent de l'ancien
                                         logiciel, que l'import recopie (UserSeeder). Modifies ici, ils
                                         seraient ecrases au passage suivant, ou vides par erreur. --}}
                                    <div class="row mb-3">
                                        <label for="nom" class="col-md-4 col-lg-3 col-form-label">{{ __('Nom') }}</label>
                                        <div class="col-md-8 col-lg-9">
                                            <input id="nom" type="text" class="form-control-plaintext"
                                                value="{{ Auth::user()->nom }}" readonly>
                                        </div>
                                    </div>

                                    <div class="row mb-3">
                                        <label for="prenom" class="col-md-4 col-lg-3 col-form-label">{{ __('Prénom') }}</label>
                                        <div class="col-md-8 col-lg-9">
                                            <input id="prenom" type="text" class="form-control-plaintext"
                                                value="{{ Auth::user()->prenom }}" readonly>
                                        </div>
                                    </div>

                                    <div class="row mb-3">
                                        <label for="tel" class="col-md-4 col-lg-3 col-form-label">{{ __('Téléphone') }}</label>
                                        <div class="col-md-8 col-lg-9">
                                            <input name="tel" type="text" class="form-control"
                                                value="{{ old('tel', Auth::user()->tel) }}">
                                        </div>
                                    </div>

                                    {{-- INFORMATION PASSWORD --}}
                                    <div class="alert alert-info small">
                                        🔒 <strong>{{ __('Note :') }}</strong>
                                        {!! __('laissez tous les champs de mot de passe :vides si vous ne souhaitez pas changer votre mot de passe.', ['vides' => '<u>' . __('vides') . '</u>']) !!}
                                    </div>

                                    <div class="row mb-3">
                                        <label for="current_password" class="col-md-4 col-lg-3 col-form-label">
                                            {{ __('Mot de passe actuel') }}
                                        </label>
                                        <div class="col-md-8 col-lg-9">
                                            <input name="current_password" type="password" class="form-control"
                                                placeholder="{{ __('Laissez vide pour ne pas changer') }}">
                                        </div>
                                    </div>

                                    <div class="row mb-3">
                                        <label for="new_password" class="col-md-4 col-lg-3 col-form-label">
                                            {{ __('Nouveau mot de passe') }}
                                        </label>
                                        <div class="col-md-8 col-lg-9">
                                            <input name="new_password" type="password" class="form-control"
                                                placeholder="{{ __('Laissez vide pour ne pas changer') }}">
                                        </div>
                                    </div>

                                    <div class="row mb-4">
                                        <label for="new_password_confirmation" class="col-md-4 col-lg-3 col-form-label">
                                            {{ __('Confirmer le mot de passe') }}
                                        </label>
                                        <div class="col-md-8 col-lg-9">
                                            <input name="new_password_confirmation" type="password" class="form-control"
                                                placeholder="{{ __('Laissez vide pour ne pas changer') }}">
                                        </div>
                                    </div>

                                    <div class="text-center">
                                        <button type="submit" class="btn btn-primary">
                                            {{ __('Enregistrer les modifications') }}
                                        </button>
                                    </div>

                                </form>
                            </div>

                        </div> {{-- tab content --}}
                    </div>
                </div>

            </div>
        </div>
    </section>

@endsection