@extends('admin.layout')

@section('title', 'Détails du membre')

@section('content')

    @include('admin._retour', ['vers' => route('users.index')])
    <div class="pagetitle">
        <h1>@yield('title')</h1>
    </div>

    <section class="section">

        @php
            // On ne peut gérer un administrateur que s'il s'agit de soi-même
            $canManage = auth()->user()?->canManage($user) ?? false;
        @endphp

        {{-- Les zones de la fiche (js/sur-place.js) : les messages, qui
             flottent en haut a droite, et la carte de l'employe, que la
             fenetre de modification met a jour sans recharger la page.
             Supprimer ou restaurer ramenent a la liste. --}}
        <div data-zone="messages">
        @if (session('success'))
            <div class="alert alert-success">{{ session('success') }}</div>
        @endif
        @if (session('error'))
            <div class="alert alert-danger">{{ session('error') }}</div>
        @endif
        </div>

        {{-- ================== CARD USER ================== --}}
        <div class="card shadow-sm mb-4">
            <div class="card-body p-4" data-zone="fiche">

                @php
                    // Photo d'identite, resolue comme dans l'organigramme : les chemins stockes
                    // viennent de Windows (antislashs) et peuvent porter un prefixe storage/.
                    // PhotoHelper renvoie la miniature quand la commande photos:thumbs en a
                    // genere une, les originaux depassant parfois 4 Mo. Sans photo, on retombe
                    // sur le meme fichier par defaut que OrganigrammeController.
                    $photoPath = $user->image ?: 'storage/PHOTOS_IDENTITE_EMPLOYES_ACPORTAIL/image_defaut.jpg';
                    $photoPath = str_replace('\\', '/', $photoPath);
                    if (\Illuminate\Support\Str::startsWith($photoPath, 'storage/')) {
                        $photoPath = \Illuminate\Support\Str::after($photoPath, 'storage/');
                    }
                    $photoUrl = \App\Helpers\PhotoHelper::url($photoPath);
                @endphp

                {{-- Header utilisateur --}}
                <div class="d-flex justify-content-between align-items-start mb-4">
                    <div class="d-flex align-items-center gap-3">
                        {{-- La photo par defaut ne se regarde pas en grand. --}}
                        @if ($user->image)
                            <a href="{{ \App\Helpers\PhotoHelper::grande($photoPath) }}" class="d-block flex-shrink-0" target="_blank" rel="noopener"
                                data-visionneuse="photo-identite" data-legende="{{ $user->nom }} {{ $user->prenom }}"
                                title="{{ __('Voir en grand') }}">
                        @endif
                        <img src="{{ $photoUrl }}" alt="{{ $user->nom }} {{ $user->prenom }}"
                            class="rounded border" style="height: 100px; width: 100px; object-fit: cover; background: #f3f4f6;">
                        @if ($user->image)
                            </a>
                        @endif
                        <div>
                            <h3 class="text-primary mb-1">
                                {{ $user->nom }} {{ $user->prenom }}
                            </h3>
                            {{-- Deux etats distincts : deleted_at dit que le membre n'est
                                 plus salarie (il sort des plannings), `actif` qu'il peut se
                                 connecter au logiciel. --}}
                            @if ($user->trashed())
                                <span class="badge bg-danger">Compte supprimé</span>
                            @else
                                <span class="badge {{ $user->actif ? 'bg-success' : 'bg-secondary' }}">
                                    {{ $user->actif ? 'Accès au logiciel ouvert' : 'Accès au logiciel fermé' }}
                                </span>
                            @endif
                        </div>
                    </div>

                    <div class="text-end">
                        <a href="{{ route('users.index') }}" class="btn btn-outline-secondary btn-sm">
                            <i class="fa fa-arrow-left"></i>
                        </a>

                        {{-- Membre supprime : modifier, envoyer les identifiants ou supprimer
                             a nouveau n'a pas de sens, seule la restauration est proposee.
                             L'envoi d'identifiants serait meme nuisible, il ecrirait un mot de
                             passe et enverrait un mail a un employe parti. --}}
                        @if ($user->trashed())
                            @can('users.restore')
                                <form action="{{ route('users.restore', $user->id) }}" method="POST" style="display:inline;"
                                    onsubmit="return confirm('Restaurer ce membre ?\n\n' + @js(implode("\n", array_filter([mb_strtoupper(trim($user->nom . ' ' . $user->prenom)), $user->poste ? mb_strtoupper($user->poste) : null, $user->email]))));">
                                    @csrf @method('PUT')
                                    <button type="submit" class="btn btn-primary btn-sm">
                                        <i class="fa fa-undo"></i> Restaurer
                                    </button>
                                </form>
                            @endcan
                        @else
                            @can('users.edit')
                                @if ($canManage)
                                    {{-- La fenetre de la liste, ouverte ici : on modifie
                                         sans quitter la fiche, et c'est elle qu'on retrouve. --}}
                                    <button type="button" class="btn btn-success btn-sm" title="Modifier"
                                        @include('admin.membres.users._modale_ouvre', ['user' => $user])><i
                                            class="fa fa-edit"></i></button>
                                @endif
                            @endcan

                        @can('users.sendCredentials')
                            @if ($canManage)
                                <form action="{{ route('users.sendCredentials', $user) }}" method="POST" style="display:inline;"
                                    onsubmit="return confirm('Envoyer les identifiants à cet utilisateur ?\n\n' + @js(implode("\n", array_filter([mb_strtoupper(trim($user->nom . ' ' . $user->prenom)), $user->poste ? mb_strtoupper($user->poste) : null, $user->email]))));">
                                    @csrf
                                    {{-- Sans adresse valable, rien ne partirait : le bouton le dit. --}}
                                    @php $sansEmail = !filter_var((string) $user->email, FILTER_VALIDATE_EMAIL); @endphp
                                    <button type="submit" class="btn btn-warning btn-sm" @disabled($sansEmail)
                                        title="{{ $sansEmail ? 'Pas d’adresse e-mail valable' : 'Envoyer les identifiants' }}">
                                        <i class="fa fa-envelope"></i>
                                    </button>
                                </form>
                            @endif
                        @endcan

                        @can('users.delete')
                            @if ($canManage)
                                <form action="{{ route('users.destroy', $user) }}" method="POST" style="display:inline;"
                                    onsubmit="return confirm('Êtes-vous sûr de vouloir supprimer ce membre ?\n\n' + @js(implode("\n", array_filter([mb_strtoupper(trim($user->nom . ' ' . $user->prenom)), $user->poste ? mb_strtoupper($user->poste) : null, $user->email]))));">
                                    @csrf
                                    @method('DELETE')
                                    <button type="submit" class="btn btn-danger btn-sm">
                                        <i class="fa fa-trash"></i>
                                    </button>
                                </form>
                            @endif
                            @endcan
                        @endif
                    </div>
                </div>

                {{-- Infos principales --}}
                <div class="row">
                    <div class="col-md-6">
                        <p>
                            <strong>Email :</strong><br>
                            <a href="mailto:{{ $user->email }}">{{ $user->email }}</a>
                        </p>
                    </div>
                    <div class="col-md-6">
                        <p>
                            <strong>Téléphone :</strong><br>
                            <a href="tel:{{ $user->tel }}">{{ $user->tel ?? 'Non renseigné' }}</a>
                        </p>
                    </div>
                </div>

                <p>
                    <strong>Poste :</strong><br>
                    {{ mb_strtoupper($user->poste) }}
                </p>

                <hr>

                {{-- Rôles --}}
                <div class="mb-3">
                    <strong>Rôles :</strong><br>
                    @forelse ($user->roles as $role)
                        <span class="badge bg-primary">{{ mb_strtoupper($role->name) }}</span>
                    @empty
                        <span class="text-muted">Aucun rôle</span>
                    @endforelse
                </div>

                {{-- Permissions --}}
                <div>
                    <strong>Permissions :</strong><br>
                    @forelse ($user->getAllPermissions() as $perm)
                        @permissionBadge($perm->name)
                    @empty
                        <span class="text-muted">Aucune permission</span>
                    @endforelse
                </div>

            </div>
        </div>

        {{-- ================== PLANNINGS ================== --}}
        <div class="card shadow-sm mb-4">
            <div class="card-body p-4">

                <h5 class="mb-4">🗓️ Plannings ({{ $planningsTotal }})</h5>

                @include('admin.membres.users._plannings_accordion', [
                    'plannings'     => $plannings,
                    'planningInfos' => $planningInfos,
                    'user'          => $user,
                ])

                @if ($planningsTotal > $planningsLimit)
                    <div class="mt-4">
                        <a href="{{ route('users.plannings', $user) }}" class="btn btn-primary">
                            Voir tous les plannings ({{ $planningsTotal }})
                        </a>
                    </div>
                @endif

            </div>
        </div>

        {{-- ================== ABSENCES ================== --}}
        <div class="card shadow-sm mb-4">
            <div class="card-body p-4">

                <h5 class="mb-4">🌴 Absences</h5>

                {{-- Les mêmes cellules que la liste des absences, par les mêmes
                     partiels : la colonne de l'employé en moins, on est sur sa
                     fiche, et la raison prend sa place. --}}
                <link rel="stylesheet" href="@assetV('css/plannings/absences.css')">

                <div class="table-responsive-sm">
                    <table class="table table-hover abs-table">
                        <thead>
                            <tr>
                                <th scope="col">{{ __('Raison') }}</th>
                                <th scope="col">{{ __('Période') }}</th>
                                <th scope="col">{{ __('Saisie') }}</th>
                            </tr>
                        </thead>
                        <tbody>
                            @forelse ($absences as $absence)
                                <tr>
                                    <td>@include('admin.plannings.absences._raison', ['absence' => $absence])</td>
                                    <td>@include('admin.plannings.absences._periode', ['absence' => $absence])</td>
                                    <td>@include('admin.plannings.absences._saisie', ['absence' => $absence])</td>
                                </tr>
                            @empty
                                <tr>
                                    <td colspan="3" class="text-center text-muted">Aucune absence.</td>
                                </tr>
                            @endforelse
                        </tbody>
                    </table>
                </div>

            </div>
        </div>

        {{-- ================== HISTORIQUE ==================
             Deux lectures de `logs` : ce qu'on a change sur sa fiche (rôle,
             accès, responsables…), et ce qu'il a fait lui-même dans
             ACPORTAIL, chaque ligne menant à l'élément touché. --}}
        @php
            $historiqueFiche = app(\App\Services\Historique\HistoriqueFiche::class);
            $historiqueEmploye = $historiqueFiche->de($user);
            $actionsEmploye = $historiqueFiche->actionsDe($user);
        @endphp
        <div class="card shadow-sm" data-zone="historique">
            <div class="card-body p-4">
                <ul class="nav nav-tabs" role="tablist">
                    <li class="nav-item" role="presentation">
                        <button class="nav-link active" id="onglet-historique" data-bs-toggle="tab"
                            data-bs-target="#panneau-historique" type="button" role="tab"
                            aria-controls="panneau-historique" aria-selected="true">
                            {{ __('Modifications de sa fiche') }}
                            <span class="badge bg-secondary ms-1">{{ $historiqueEmploye->count() }}</span>
                        </button>
                    </li>
                    <li class="nav-item" role="presentation">
                        <button class="nav-link" id="onglet-actions" data-bs-toggle="tab"
                            data-bs-target="#panneau-actions" type="button" role="tab"
                            aria-controls="panneau-actions" aria-selected="false">
                            {{ __('Ce qu’il a fait') }}
                            <span class="badge bg-secondary ms-1">{{ $actionsEmploye->count() }}</span>
                        </button>
                    </li>
                </ul>

                <div class="tab-content pt-3">
                    <div class="tab-pane fade show active" id="panneau-historique" role="tabpanel" aria-labelledby="onglet-historique">
                        @include('admin._historique', ['historique' => $historiqueEmploye, 'cle' => 'fiche'])
                    </div>
                    <div class="tab-pane fade" id="panneau-actions" role="tabpanel" aria-labelledby="onglet-actions">
                        @include('admin._historique', [
                            'historique'  => $actionsEmploye,
                            'cle'         => 'actions',
                            'avecElement' => true,
                            'sansAuteur'  => true,
                        ])
                    </div>
                </div>
            </div>
        </div>

    </section>

    @include('admin.membres.users._modale')

    <script src="@assetV('js/modale-saisie.js')"></script>
@endsection