@extends('layout.app')

@section('title', 'Fiche utilisateur')
@section('page_title', 'Profil de ' . $user->name)

@section('content')
<div class="d-flex justify-content-between align-items-center mb-3">
    <a href="{{ route('admin.users.index') }}" class="btn btn-secondary">
        <i class="fa fa-arrow-left"></i> Retour
    </a>
    <button onclick="window.print()" class="btn btn-glo-success">
        <i class="fa fa-print"></i> Imprimer
    </button>
</div>

<div class="card shadow-sm border-0 p-4 rounded-4" id="print-area" style="max-width: 800px; margin: auto;">
    <div class="text-center mb-4">
        <img src="{{ asset('images/glo-logo.png') }}" alt="Logo" style="height: 60px;">
        <h4 class="mt-2 fw-bold text-primary">Fiche Employé</h4>
        <hr>
    </div>

    <div class="row">
        <div class="col-md-6 mb-3">
            <h6 class="fw-semibold text-primary">Informations personnelles</h6>
            <p><strong>Nom :</strong> {{ $user->name }}</p>
            <p><strong>Email :</strong> {{ $user->email }}</p>
            <p><strong>Téléphone :</strong> {{ $user->phone ?? '—' }}</p>
            <p><strong>Mobile :</strong> {{ $user->mobile ?? '—' }}</p>
            <p><strong>Adresse :</strong> {{ $user->address ?? '—' }}</p>
        </div>

        <div class="col-md-6 mb-3">
            <h6 class="fw-semibold text-primary">Informations professionnelles</h6>
            <p><strong>Rôle :</strong> {{ ucfirst($user->role) }}</p>
            <p><strong>Département :</strong> {{ $user->department ?? '—' }}</p>
            <p><strong>Date d’embauche :</strong> {{ optional($user->hire_date)->format('d/m/Y') ?? '—' }}</p>
            <p><strong>Contrat :</strong> {{ ucfirst($user->contract_type) }}</p>
            <p><strong>Taux de commission :</strong> {{ $user->commission_rate }}%</p>
        </div>
    </div>

    <hr>

    <div class="row">
        <div class="col-md-6">
            <h6 class="fw-semibold text-primary">Véhicule</h6>
            <p><strong>Immatriculation :</strong> {{ $user->car_registration ?? '—' }}</p>
            <p><strong>Modèle :</strong> {{ $user->car_model ?? '—' }}</p>
        </div>

        <div class="col-md-6">
            <h6 class="fw-semibold text-primary">Connexion</h6>
            <p><strong>Dernière connexion :</strong> {{ optional($user->last_login_at)->format('d/m/Y H:i') ?? '—' }}</p>
            <p><strong>IP :</strong> {{ $user->last_login_ip ?? '—' }}</p>
        </div>
    </div>

    <hr>

    <div class="text-end">
        <small class="text-muted">GloPharma — Fiche imprimée le {{ now()->format('d/m/Y H:i') }}</small>
    </div>
</div>

{{-- CSS impression A4 --}}
<style>
@media print {
    body * { visibility: hidden; }
    #print-area, #print-area * { visibility: visible; }
    #print-area {
        position: absolute;
        left: 0;
        top: 0;
        width: 210mm;
        height: auto;
        margin: 0;
        padding: 1cm;
        background: white;
    }
}
</style>
@endsection