<!doctype html>
<html lang="en">
<head>
    <title>Batch Order Print</title>
    <script type="text/javascript">window.onload = function () { window.print(); }</script>

    <title>{{ page_meta.title }}</title>

    <meta charset="utf-8" />
    <meta name="robots" content="{{ page_meta.robots }}" />

    <meta name="description" content="{{ page_meta.description }}" />

    <link rel="profile" href="http://microformats.org/profile/hcard" />

    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
    <script>window.jQuery || document.write('<script src="/core/js/jquery.js"><\/script>')</script>

    {% block head %}

    {% endblock %}

    {% block frontend %}

    {% endblock %}

    {% if(ipad == true) %}
        <meta name="viewport" content="width=1200">
    {% else %}
        <meta name="viewport" content="width=device-width">
    {% endif %}

    <link rel="shortcut icon" href="{{ settings.THEME_URL }}/images/favicon/favicon.ico" type="image/x-icon" />

    {#{{ include('head.twig') }}#}
    <style type="text/css">
        body {
            font-family:arial, sans-serif;
            font-size:12px;
            margin: 0;
            padding: 0;
            color: #000;
        }

        textarea {
            border:0;
            width:100%;
            height:100px;
            font-family:arial;
            color:#000;
            overflow:hidden;
        }

        textarea:hover, textarea:active {
            background:#eee;
        }

        .underline {
            display: inline-block;
            padding: 0 40px;
            border-bottom: solid 1px #000;
        }

        td.center {
            text-align: center;
        }

        input.text {
            border:0;
            width:90%;
        }

        input.text:hover, input.text:active {
            background:#eee;
        }

        .logo {
            width: 237px;
            padding: 0;
        }

        td {
            padding: 30px;
        }

        h1 {
            text-align: center;
            margin: 10px 0 0;
        }

        h3 {
            margin-bottom: 0;
        }

        #invoice td {
            color:#000;
        }

        #invoice {
            padding: 10px 0;
            margin: 0 auto;
        }

        table {
            /*border: 1px solid #000;*/
        }

        /*.totals {
            border: 1px solid #000;
        }

        .totals td {
            border: 1px solid #000;
        }*/

    </style>
</head>
<body>
{{ html|raw }}
</body>
</html>
