@extends('dashboard.layouts.app')

@section('title', 'Détails de l\'Utilisateur - UAC eservices')

@section('page-title', 'Détails de l\'Utilisateur')

@section('breadcrumb')
    <li class="breadcrumb-item"><a href="{{ route('dashboard.users.index') }}">Utilisateurs</a></li>
    <li class="breadcrumb-item active" aria-current="page">{{ $user->name }}</li>
@endsection

{{-- @section('page-actions')

@endsection --}}

@section('content')
<!-- -------------------------------------------------------------- -->
<!-- Start Page Content -->
<!-- -------------------------------------------------------------- -->
<div class="row">
    <div class="col-lg-4 col-xlg-3">
        <!-- Profile Card -->
        <div class="card">
            {{-- <a href="{{ route('dashboard.users.edit', $user) }}" class="btn btn-warning">
                <i class="mdi mdi-pencil"></i> Modifier
            </a> --}}
            <div class="card-body">
                <center class="mt-4">
                    @if($user->photo_path)
                        <img src="{{ Storage::url($user->photo_path) }}" class="rounded-circle" width="150" height="150" style="object-fit: cover;" />
                    @else
                        <div class="bg-secondary rounded-circle d-flex align-items-center justify-content-center mx-auto" style="width: 150px; height: 150px;">
                            <i class="mdi mdi-account text-white" style="font-size: 60px;"></i>
                        </div>
                    @endif
                    <h4 class="card-title mt-2">{{ $user->name }}</h4>
                    <h6 class="card-subtitle">
                        <span class="badge bg-{{ $user->role->nom === 'Administrateur' ? 'danger' : ($user->role->nom === 'Chef de Service' ? 'warning' : ($user->role->nom === 'Responsable RH' ? 'info' : 'secondary')) }}">
                            {{ $user->role->nom }}
                        </span>
                    </h6>
                </center>
            </div>
            <div>
                <hr />
            </div>
            <div class="card-body">
                <small class="text-muted">Adresse email</small>
                <h6>{{ $user->email }}</h6>
                <small class="text-muted pt-4 db">Rôle</small>
                <h6>{{ $user->role->nom }}</h6>
                <small class="text-muted pt-4 db">Membre depuis</small>
                <h6>{{ $user->created_at->format('d/m/Y') }}</h6>
            </div>
        </div>
    </div>

    <div class="col-lg-8 col-xlg-9">
        <div class="card">
            <div class="card-body">
                <h4 class="card-title">Informations détaillées</h4>

                <div class="row">
                    {{-- <div class="col-md-6">
                        <div class="mb-3">
                            <label class="form-label fw-bold">ID Utilisateur</label>
                            <p class="form-control-plaintext">{{ $user->id }}</p>
                        </div>
                    </div> --}}
                    <div class="col-md-6">
                        <div class="mb-3">
                            <label class="form-label fw-bold">Nom complet</label>
                            <p class="form-control-plaintext">{{ $user->name }}</p>
                        </div>
                    </div>
                </div>

                <div class="row">
                    <div class="col-md-6">
                        <div class="mb-3">
                            <label class="form-label fw-bold">Adresse email</label>
                            <p class="form-control-plaintext">{{ $user->email }}</p>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="mb-3">
                            <label class="form-label fw-bold">Numéro WhatsApp</label>
                            <p class="form-control-plaintext">
                                @if($user->whatsapp_number)
                                    <span class="text-success"><i class="fab fa-whatsapp"></i> {{ $user->whatsapp_number }}</span>
                                @else
                                    <span class="text-muted">Non défini</span>
                                @endif
                            </p>
                        </div>
                    </div>
                </div>

                <div class="row">
                    <div class="col-md-6">
                        <div class="mb-3">
                            <label class="form-label fw-bold">Rôle</label>
                            <p class="form-control-plaintext">
                                <span class="badge bg-{{ $user->role->nom === 'Administrateur' ? 'danger' : ($user->role->nom === 'Chef de Service' ? 'warning' : ($user->role->nom === 'Responsable RH' ? 'info' : 'secondary')) }}">
                                    {{ $user->role->nom }}
                                </span>
                            </p>
                        </div>
                    </div>

                <div class="row">
                    <div class="col-md-6">
                        <div class="mb-3">
                            <label class="form-label fw-bold">Date de création</label>
                            <p class="form-control-plaintext">{{ $user->created_at->format('d/m/Y H:i') }}</p>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="mb-3">
                            <label class="form-label fw-bold">Dernière modification</label>
                            <p class="form-control-plaintext">{{ $user->updated_at->format('d/m/Y H:i') }}</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Actions -->
        <div class="card">
            <div class="card-body">
                <h4 class="card-title">Actions</h4>
                <div class="d-flex gap-2">
                    <a href="{{ route('dashboard.users.edit', $user) }}" class="btn btn-warning">
                        <i class="mdi mdi-pencil"></i> Modifier l'utilisateur
                    </a>
                    <a href="{{ route('dashboard.users.index') }}" class="btn btn-secondary">
                        <i class="mdi mdi-arrow-left"></i> Retour à la liste
                    </a>
                    @if($user->id !== auth()->id())
                        <form action="{{ route('dashboard.users.destroy', $user) }}" method="POST" class="d-inline"
                            onsubmit="return confirm('Êtes-vous sûr de vouloir supprimer cet utilisateur ? Cette action est irréversible.')">
                            @csrf
                            @method('DELETE')
                            <button type="submit" class="btn btn-danger">
                                <i class="mdi mdi-delete"></i> Supprimer l'utilisateur
                            </button>
                        </form>
                    @endif
                </div>
            </div>
        </div>
    </div>
</div>
<!-- -------------------------------------------------------------- -->
<!-- End PAge Content -->
<!-- -------------------------------------------------------------- -->
@endsection