@extends('layouts.app')

@section('title','Admin Dashboard')

@section('content')

<div style="
background:linear-gradient(135deg,#2563eb,#1e40af);
padding:30px;
border-radius:20px;
color:white;
">

    <h1>Car Service Management System</h1>

    <p>
        Manage Customers, Technicians,
        Vehicles and Service Requests.
    </p>

</div>

<br>

<div style="
display:grid;
grid-template-columns:repeat(4,1fr);
gap:20px;
">

    <div style="
    background:white;
    padding:25px;
    border-radius:15px;
    ">
        <h3>Total Customers</h3>
        <h1>120</h1>
    </div>

    <div style="
    background:white;
    padding:25px;
    border-radius:15px;
    ">
        <h3>Total Technicians</h3>
        <h1>15</h1>
    </div>

    <div style="
    background:white;
    padding:25px;
    border-radius:15px;
    ">
        <h3>Total Vehicles</h3>
        <h1>250</h1>
    </div>

    <div style="
    background:white;
    padding:25px;
    border-radius:15px;
    ">
        <h3>Pending Services</h3>
        <h1>12</h1>
    </div>

</div>

@endsection