<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>@yield('title', 'Print') | {{ config('app.name') }}</title>
    @include('layouts.partials.assets-head')
    <style>
        .print-header { border-bottom: 2px solid var(--vem-primary); padding-bottom: 1rem; margin-bottom: 1.5rem; }
        .print-meta { color: var(--vem-text-muted); font-size: 0.875rem; }
    </style>
</head>
<body class="vem-app">
    <div class="container py-4">
        <div class="print-header d-flex justify-content-between align-items-start">
            <div>
                <h1 class="h4 mb-1">{{ config('app.name') }}</h1>
                @hasSection('print-subtitle')
                    <p class="print-meta mb-0">@yield('print-subtitle')</p>
                @endif
            </div>
            <div class="text-end print-meta no-print">
                <button type="button" class="btn btn-sm btn-outline-primary" onclick="window.print()">
                    <i class="bi bi-printer me-1" aria-hidden="true"></i> Print
                </button>
            </div>
        </div>

        @yield('content')
    </div>
    @include('layouts.partials.assets-foot')
</body>
</html>
