<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    {{!-- <link rel="stylesheet" href="styles/styles.css" /> --}}
    {{> styles}}
</head>
<body>
        <p>All,</p> 
        <p>Below is the weekly material demand for Article: {{article}}.</p>        
        <table > 
        <thead> 
            <tr> 
            <th>AV</th> 
            <th>Week</th> 
            <th>Opening Inventory</th> 
            <th>Purchases</th> 
            <th>Consumption</th> 
            <th>Closing Inventory</th> 
            </tr> 
        </thead> 

        <tbody>
            {{#each items}}
                    <tr>
                        <td>{{MaterialHumanReadableId}}</td>
                        <td>{{WeekStart}}</td>
                        <td>{{OpeningInventory}}</td>
                        <td>{{Purchases}}</td>
                        <td>{{Consumption}}</td>
                        <td>{{ClosingInventory}}</td>
                    </tr>
                {{/each}}
        </tbody>
        </table>

        <div>
           <p>Thank you,</p>
        <p>LST Team</p> 
        </div>

</body>
</html>