<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>SHR Brand</title>
    <link rel="stylesheet" href="{{asset('assets/css/invoice.css')}}">
    @yield('css')
    <style>
        @page {
            margin: 0.5cm 1cm;
        }
    </style>
</head>

<body>
<table>
    <thead>
    <tr>
        <td>
            <div class="header-space" style="text-align: right;">
            </div>
{{--            <svg id="barcode"></svg>--}}
        </td>
    </tr>
    </thead>
    <tbody>
    <tr>
        <td>
            <div class="header-space">
                <div class="div-2">
                    <div class="logo-img">
                        <img src="{{asset('images/logo.jpg')}}" alt="">
                    </div>
                </div>
                <div class="div-9">
                    <div class="logo-brand">
                        <div class="title">
                            <div class="title-1">អេស អេច អ ប្រែន</div>
                            <div class="title-2"></div>
                        </div>
                        <div class="sub-title">
                            <p class="p1">
                                <span> មានលក់ <?php echo str_repeat("&nbsp;", 2);  ?> សារុង <?php echo str_repeat("&nbsp;", 2);  ?> ក្រមា <?php echo str_repeat("&nbsp;", 2);  ?>  សំលៀកបំពាក់​ <?php echo str_repeat("&nbsp;", 2);  ?> មនុស្សចាស់ <br> <?php echo str_repeat("", 1);  ?> យុវជនយុវវ័យគ្រប់ប្រភេទ </span>
                                <span><small></small></span>
                                <span>លេខទូរស័ព្ទ 011 365 456/070 365 456/088 365 4655</span>
                            </p>
                        </div>
                    </div>
                </div>
                <div class="div-1"></div>
                @yield('content-header')
            </div>
            <div class="content">
                @yield('content')
            </div>
        </td>
    </tr>
    </tbody>
    <tfoot>
    <tr>
        <td>
            <div class="footer-space">
                <small></small>
            </div>
        </td>
    </tr>
    </tfoot>
</table>
<div class="header"></div>
<div class="footer"><small>ផ្សារអូឡាំពិកតូប 186+187+188D1 ច្រកទី 3 រាជធានីភ្នំពេញ</small></div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="{{asset('assets/js/barcode.js')}}"></script>
@yield('script')
<script>
    $(document).ready(function () {
        window.print();
    });
</script>
</body>
</html>
