@extends('layouts.admin')

@section('header_title', $client->name)
@section('header_subtitle', 'Resumo do cliente e relações principais.')

@section('content')
    <div class="mb-6 flex items-center gap-4">
        <a href="{{ route('admin.clients.index') }}" class="text-sm font-medium text-slate-400 hover:text-white transition-colors">Voltar à listagem</a>
        <a href="{{ route('admin.clients.edit', $client) }}" class="text-sm font-medium text-blue-400 hover:text-blue-300 transition-colors">Editar cliente</a>
    </div>

    <div class="grid grid-cols-1 lg:grid-cols-4 gap-6">
        <div class="bg-slate-900 border border-white/5 rounded-2xl p-6">
            <p class="text-xs uppercase tracking-wider text-slate-500">Email</p>
            <p class="mt-2 text-white">{{ $client->user->email ?? 'Sem email' }}</p>
        </div>
        <div class="bg-slate-900 border border-white/5 rounded-2xl p-6">
            <p class="text-xs uppercase tracking-wider text-slate-500">Telefone</p>
            <p class="mt-2 text-white">{{ $client->phone ?? 'Sem telefone' }}</p>
        </div>
        <div class="bg-slate-900 border border-white/5 rounded-2xl p-6">
            <p class="text-xs uppercase tracking-wider text-slate-500">Instalações</p>
            <p class="mt-2 text-white">{{ $client->installations->count() }}</p>
        </div>
        <div class="bg-slate-900 border border-white/5 rounded-2xl p-6">
            <p class="text-xs uppercase tracking-wider text-slate-500">Tickets</p>
            <p class="mt-2 text-white">{{ $client->tickets->count() }}</p>
        </div>
    </div>
@endsection