@extends('layouts.app')

@section('title', 'Profil Utilisateur')

@section('breadcrumb')
    <li class="breadcrumb-item"><a href="{{ route('dashboard') }}">Tableau de bord</a></li>
    <li class="breadcrumb-item"><a href="{{ route('users.index') }}">Utilisateurs</a></li>
    <li class="breadcrumb-item active">Profil</li>
@endsection

@section('content')
<div class="row justify-content-center">
    <div class="col-md-8">
        <div class="card">
            <div class="card-body text-center">
                <div class="mb-3">
                    <div class="rounded-circle bg-light d-inline-flex align-items-center justify-content-center" style="width: 100px; height: 100px;">
                        <span class="display-4 text-secondary">{{ strtoupper(substr($user->name, 0, 1)) }}</span>
                    </div>
                </div>
                <h3>{{ $user->name }}</h3>
                <p class="text-muted">{{ $user->position ?? 'Poste non défini' }}</p>
                <span class="badge {{ $user->is_active ? 'bg-success' : 'bg-danger' }} mb-3">
                    {{ $user->is_active ? 'Actif' : 'Inactif' }}
                </span>
                
                <hr>

                <div class="text-start row justify-content-center">
                    <div class="col-md-8">
                        <p><strong>Email:</strong> <a href="mailto:{{ $user->email }}">{{ $user->email }}</a></p>
                        <p><strong>Téléphone:</strong> {{ $user->phone ?? '-' }}</p>
                        <p><strong>Rôle:</strong> 
                            @switch($user->role)
                                @case('admin') Administrateur @break
                                @case('gestionnaire') Gestionnaire @break
                                @default Ouvrier
                            @endswitch
                        </p>
                        <p><strong>Inscrit le:</strong> {{ $user->created_at->format('d/m/Y') }}</p>
                    </div>
                </div>

                <div class="d-grid gap-2 mt-4 col-md-6 mx-auto">
                    <a href="{{ route('users.edit', $user) }}" class="btn btn-warning">
                        <i class="bi bi-pencil"></i> Modifier Profil
                    </a>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection