{# Layout : Invoice #}

<head>

    <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 %}

        {#
        <link rel="stylesheet" href="{{ uriHash(settings.THEME_URL ~ '/min/a.css') }}"/>

        <script src="{{ uriHash(settings.THEME_URL ~ '/min/a.js') }}" type="text/javascript"></script>
        <script src="{{ uriHash(settings.THEME_URL ~ '/min/b.js') }}" type="text/javascript"></script>

        <script type="text/javascript">
            [
                "{{ settings.STATIC_URL ~ uriHash(settings.THEME_URL ~ '/min/a.js') }}",
                "{{ settings.STATIC_URL ~ uriHash(settings.THEME_URL ~ '/min/b.js') }}"
            ].forEach(function(src) {
                var script = document.createElement('script');
                script.src = src;
                script.async = false;
                document.head.appendChild(script);
            });
        </script>
        #}

    {% 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?v3" type="image/x-icon" />

    {#{{ include('head.twig') }}#}

    {{ hooks_do_action('header') }}

    <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>

{% block content %}
    Content Block
{% endblock %}

</body>

