{{-- resources/views/components/layout.blade.php --}}
@props(['title' => 'Auditoría'])

<!DOCTYPE html>
<html lang="es">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>{{ $title }}</title>
  @vite(['resources/css/layout.css'])
</head>

<body class="min-h-screen bg-gray-50 text-black-900 dark:bg-black-950 dark:text-black-100">
<header class="app-header">
        <div class="inner">
            <div class="brand">
                <div class="logo">
                  <img src="{{ asset('img/logo.png') }}" alt="Logo">
                </div>
                <h1 style="font-size:20px; font-weight:700; margin:0 0 16px; padding-left: 2rem;">Seguimiento contractual capitas</h1>
            </div>
            <div style="margin-left:auto; display:flex; gap:10px">
                <a href="{{ url('/auditoria_capita') }}" class="btn btn-ghost">Inicio</a>
            </div>
        </div>
    </header>
    

  <main class="py-6 layout-content">
    {{ $slot }}
  </main>

  @stack('scripts')
</body>
</html>
