<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="csrf-token" id="csrf-token" content="{{ csrf_token() }}">
    <title>Invoice</title>
    <style>
        *, *::before, *::after { box-sizing: border-box; }
        html, body { margin: 0; padding: 0; background: #fff; }
        @media print {
            html, body { margin: 0 !important; padding: 0 !important; background: #fff !important; overflow: visible !important; }
        }
    </style>
    @stack('css_or_js')
</head>
<body>
@yield('content')
@stack('script')
<script>
    window.addEventListener('load', function () {
        window.print();
        window.onfocus = function () { window.close(); };
    });
</script>
</body>
</html>
