{% extends 'shipping_rate/export/rates/by_courier_service_pdf.html.twig' %}
{% block content %}
    {% block header %}

        <div class="header border-bottom-3x text-uppercase ml-2 mr-2" style="">
            <div class="float-left" style="width: 20%; min-height: 32px">
                <img class="text-center img img-responsive" src="{{ absolute_url(asset(logotype |default('img/logos/spainbox.png'))) }}"
                     style="max-height: 64px">

                {#<img class="img img-responsive" src="{{ asset('img/logo.png') }}" style="max-height: 96px">#}
            </div>
            <div class="float-left pl-4" style="width: 60%;">
                {#<div class="div-row " style="">#}
                <h4 class="text-left" style="padding-top: 10px">{{ name | default('Name Courier Services') }}</h4>
                <h6 class="text-left">{{ 'Rango de entrega: ' ~ daysRange|default('0-5') ~ ' días' }}</h6>
                <h6 class="text-left" style="margin-top: 0">{{ 'Fecha: ' ~ 'now'|date('d-m-Y') }}</h6>

                {#</div>#}
            </div>
            <div class="float-left" style="width: 20%;">
                {#<div class="div-row " style="">#}
                <img class="img img-responsive" src="{{ absolute_url(asset('img/logos/spainbox.png')) }}"
                     style="max-height: 72px">
                {#<h6 class="text-right" style="margin-top: -4%">{{ 'Fecha: ' ~ 'now'|date('d-m-Y') }}</h6>#}

                {#</div>#}
            </div>
        </div>
        {#<div class="footer">#}
        {#<div class="footer__pager">#}
        {#<span class="page"></span>/<span class="topage"></span>#}
        {#</div>#}
        {#</div>#}
        <script>
            function subst() {
                var vars = {};
                var x = document.location.search.substring(1).split('&');
                for (var i in x) {
                    var z = x[i].split('=', 2);
                    vars[z[0]] = unescape(z[1]);
                }
                var x = ['frompage', 'topage', 'page', 'webpage', 'section', 'subsection', 'subsubsection'];
                for (var i in x) {
                    var y = document.getElementsByClassName(x[i]);
                    for (var j = 0; j < y.length; ++j) {
                        y[j].textContent = vars[x[i]];
                    }
                }
            }

            subst();
        </script>
    {% endblock %}
    {#{% block header %}#}

        {#<div class="header border-bottom-3x text-uppercase ml-2 mr-2" style="">#}
            {#<div class="float-left" style="width: 20%; min-height: 48px">#}
                {#<img class="img img-responsive" src="{{ absolute_url(asset('img/logo.png')) }}"#}
                     {#style="max-height: 96px">#}

                {#<img class="img img-responsive" src="{{ asset('img/logo.png') }}" style="max-height: 96px">#}
            {#</div>#}
            {#<div class="float-left pl-4" style="width: 60%;">#}
                {#<div class="div-row " style="">#}
                {#<h3 class="text-left" style="padding-top: 32px">{{ name | default('Name Courier Services') }}</h3>#}
                {#</div>#}
            {#</div>#}
            {#<div class="float-left" style="width: 15%;">#}
                {#<div class="div-row " style="">#}
                {#<h6 class="text-right" style="padding-top: 45%">{{ 'Fecha: ' ~ 'now'|date('d-m-Y') }}</h6>#}
                {#</div>#}
            {#</div>#}
        {#</div>#}
        {#<div class="footer">#}
        {#<div class="footer__pager">#}
        {#<span class="page"></span>/<span class="topage"></span>#}
        {#</div>#}
        {#</div>#}
        {#<script>#}
            {#function subst() {#}
                {#var vars = {};#}
                {#var x = document.location.search.substring(1).split('&');#}
                {#for (var i in x) {#}
                    {#var z = x[i].split('=', 2);#}
                    {#vars[z[0]] = unescape(z[1]);#}
                {#}#}
                {#var x = ['frompage', 'topage', 'page', 'webpage', 'section', 'subsection', 'subsubsection'];#}
                {#for (var i in x) {#}
                    {#var y = document.getElementsByClassName(x[i]);#}
                    {#for (var j = 0; j < y.length; ++j) {#}
                        {#y[j].textContent = vars[x[i]];#}
                    {#}#}
                {#}#}
            {#}#}

            {#subst();#}
        {#</script>#}
    {#{% endblock %}#}


{% endblock %}