@extends('layout')

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

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

    <section class="section">

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

                {{-- Header utilisateur --}}
                <div class="d-flex justify-content-between align-items-start mb-4">
                    <div>
                        <h3 class="text-primary mb-1">
                            {{ $user->nom }} {{ $user->prenom }}
                        </h3>

                        <span class="badge {{ $user->deleted_at ? 'bg-danger' : 'bg-success' }}">
                            {{ $user->deleted_at ? 'Compte inactif' : 'Compte actif' }}
                        </span>
                    </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>

                        @can('users.edit')
                            <a href="{{ route('users.edit', $user) }}" class="btn btn-success btn-sm">
                                <i class="fa fa-edit"></i>
                            </a>
                        @endcan

                        @can('users.delete')
                            <form action="{{ route('users.destroy', $user) }}" method="POST" class="d-inline">
                                @csrf
                                @method('DELETE')
                                <button class="btn btn-danger btn-sm" onclick="return confirm('Supprimer cet utilisateur ?')">
                                    <i class="fa fa-trash"></i>
                                </button>
                            </form>
                        @endcan
                    </div>
                </div>

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



                <hr>
                <div class="mb-3">
                    <strong>Entreprise :</strong><br>
                    <span class="badge bg-primary">
                        {{ $user->entreprise->nom }} {{ $user->entreprise->ville }}
                    </span>
                </div>
                {{-- Rôles --}}
                <div class="mb-3">
                    <strong>Rôle :</strong><br>
                    <span class="badge bg-primary">
                        {{ $user->role->nom }}
                    </span>
                </div>

            </div>
        </div>



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

                <h5 class="mb-4">
                    📝 100 derniers logs
                </h5>

                @forelse ($user->logs as $log)

                    <div class="border rounded p-3 mb-3">

                        {{-- Header log --}}
                        <div class="d-flex justify-content-between mb-2">
                            <div>
                                <span
                                    class="badge 
                                @if ($log->action === 'created') bg-success
                                @elseif($log->action === 'updated') bg-warning text-dark
                                @elseif($log->action === 'deleted') bg-danger
                                @else bg-secondary @endif">
                                    {{ mb_strtoupper($log->action_label, 'UTF-8') }}
                                </span>

                                <small class="text-muted ms-2">
                                    {{ class_basename($log->loggable_type) }} #{{ $log->loggable_id }}
                                </small>
                            </div>

                            <small class="text-muted">
                                {{ $log->created_at->format('d/m/Y H:i') }}
                            </small>
                        </div>

                        {{-- Contenu du log --}}
                        @if ($log->new_values)
                            @if ($log->new_values)
                                @foreach ($log->filtered_new_values as $key => $newValue)
                                    @if (
                                        $log->action === 'updated' &&
                                            (!isset($log->filtered_old_values[$key]) || $log->filtered_old_values[$key] == $newValue))
                                        @continue
                                    @endif

                                    <div class="row mb-1 small">

                                        <div class="col-md-3 fw-bold">
                                            {{ ucfirst(str_replace('_', ' ', $key)) }}
                                        </div>

                                        <div class="col-md-9">

                                            @if ($log->action === 'updated' && isset($log->filtered_old_values[$key]))
                                                <span class="text-danger text-decoration-line-through">
                                                    {{ $log->filtered_old_values[$key] }}
                                                </span>

                                                <span class="mx-1">→</span>

                                                <span class="text-success">
                                                    {{ $newValue }}
                                                </span>
                                            @else
                                                <span class="text-success">
                                                    {{ $newValue }}
                                                </span>
                                            @endif

                                        </div>

                                    </div>
                                @endforeach
                            @endif
                        @endif

                    </div>

                @empty
                    <div class="text-muted">
                        Aucun log trouvé.
                    </div>
                @endforelse

            </div>
        </div>

    </section>
@endsection