@extends('layouts.app')

@section('title', 'Dashboard')

@section('content')
<h1 class="text-2xl font-bold mb-4">Dashboard Visão geral do sistema</h1>
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4">
    <div class="bg-blue-800 text-white p-4 rounded shadow">
        <h2 class="text-sm">Total de Clientes</h2>
        <p class="text-3xl font-bold mt-2">1</p>
        <a href="#" class="text-white text-sm underline">Ver Detalhes</a>
    </div>
    <div class="bg-green-700 text-white p-4 rounded shadow">
        <h2 class="text-sm">Total de Equipamentos</h2>
        <p class="text-3xl font-bold mt-2">0</p>
        <a href="#" class="text-white text-sm underline">Ver Detalhes</a>
    </div>
    <div class="bg-yellow-500 text-white p-4 rounded shadow">
        <h2 class="text-sm">Atendimentos Pendentes</h2>
        <p class="text-3xl font-bold mt-2">0</p>
        <a href="#" class="text-white text-sm underline">Ver Detalhes</a>
    </div>
    <div class="bg-cyan-500 text-white p-4 rounded shadow">
        <h2 class="text-sm">Atendimentos Hoje</h2>
        <p class="text-3xl font-bold mt-2">0</p>
        <a href="#" class="text-white text-sm underline">Ver Detalhes</a>
    </div>
</div>
@endsection