@extends('layouts.app')

@section('header') @include('todo.partials.header') @endsection
@section('sidebar') @include('todo.partials.sidebar') @endsection

@section('content')
<div class="grid grid-cols-1 md:grid-cols-3 gap-6">
  <div class="bg-white rounded-2xl p-6 shadow-sm border">
    <div class="text-sm text-slate-500">Open Tasks</div>
    <div class="text-3xl font-extrabold mt-2">24</div>
  </div>
  <div class="bg-white rounded-2xl p-6 shadow-sm border">
    <div class="text-sm text-slate-500">Due Today</div>
    <div class="text-3xl font-extrabold mt-2">5</div>
  </div>
  <div class="bg-white rounded-2xl p-6 shadow-sm border">
    <div class="text-sm text-slate-500">Completed</div>
    <div class="text-3xl font-extrabold mt-2">71</div>
  </div>
</div>
@endsection
