@extends('layouts.demo10.base')

@section('content')
<div class="grid gap-5 lg:gap-7.5">
    <!-- begin: Toolbar -->
    <div class="flex flex-wrap items-center justify-between gap-5">
        <div class="flex flex-col gap-1">
            <h1 class="font-semibold text-xl text-mono">
               Setting
            </h1>
            <div class="flex items-center gap-1 text-sm font-normal text-secondary-foreground">
                <a class="hover:text-primary transition-colors" href="/">Home</a>
                <span class="text-muted-foreground">/</span>
                <span class="text-mono">Setting</span>
            </div>
        </div>
    </div>
    <!-- end: Toolbar -->

    <div class="card kt-card h-full min-w-full rounded-xl border border-gray-200 shadow-sm bg-white">
        <div class="kt-card-body p-6">
            {{-- <h3 class="kt-card-title flex items-center gap-2 text-xl font-bold text-gray-900 mb-6">
                <i class="ki-filled ki-security-user text-2xl text-primary"></i> 
                PII Management System
            </h3> --}}
        </div>
    </div>
    <!-- end: Card -->
</div>
@endsection