{% extends '@App/uibase/main/one-col-base.html.twig' %}
{% block content_header %}<span class="sitefont-green">ORDER COMPLETE: <br>

</span>{% endblock %}
{% block content %}



<br>
    <div class="fluid Stackable-50-50-C1"> <strong>Order Contact:</strong><br>
    {{ so.ocfname }} {{ so.oclname }}<br>
        {{ so.ocadd1 }} <br>
        {% if so.ocadd2 != '' %}
        {{ so.ocadd2 }} <br>
        {% endif %}
        {{ so.occity }}, {{ so.ocstate }} {{ so.oczip }} <br>
        {{ so.ocphone }}<br>
        {{ so.ocemail }}
    </div>
    <div class="fluid Stackable-50-50-C2"><strong>Ship/Pickup Contact:</strong><br>
        {{ so.shipfname }} {{ so.shiplname }}<br>
        {{ so.shipadd1 }} <br>
        {% if so.shipadd2 != '' %}
            {{ so.shipadd2 }} <br>
        {% endif %}
        {{ so.shipcity }}, {{ so.shipstate }} {{ so.shipzip }} <br>
        {{ so.shipphone }}<br>
        {{ so.shipemail }}
    </div>

    <br>
    <div class="fluid Stackable-50-50-C1"><br><br> <strong>Billing Contact:</strong><br>
        {{ so.billfname }} {{ so.billlname }}<br>
        {{ so.billadd1 }} <br>
        {% if so.billadd2 != '' %}
            {{ so.billadd2 }} <br>
        {% endif %}
        {{ so.billcity }}, {{ so.billstate }} {{ so.billzip }} <br>

    </div>


    {% if so.ponumber != '' %}
        <div class="fluid"><br><strong>Purchase Order #: </strong>
            {{ so.ponumber }}
            <br></div>
    {% else %}
        <div class="fluid"><br><br></div>
    {% endif %}


    {% if so.comments != '' %}
    <div class="fluid"><br><strong>Order Level Comments:</strong><br>
    {{ so.comments }}
    <br><br></div>
    {% else %}
        <div class="fluid"><br><br></div>
    {% endif %}

    <div class="fluid"><strong>Shipping Method:</strong>
        {% if so.shiplabel != null or so.shiplabel != '' %}
        {{ so.shiplabel }}
        {% else %}
        You will need to make shipping/pickup arrangements for this order.
        {% endif %}
        <br><br></div>



<div class="fluid">
    <script>
        (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
            (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
            m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
        })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

        ga('create', 'UA-16370278-5', 'auto'); //The UA number here needs to change between testing & production
        ga('require', 'ecommerce');

        //The code below is shown once, and summarizes the entire order
        ga('ecommerce:addTransaction', {
            'id': '{{ so.id }}',           // Transaction ID. Required.
            'affiliation': 'ColorPro Printing', // Affiliation or store name.
            'revenue': '{{ so.subtotal|number_format(2) }}',                 // Grand Total.
            'shipping':
            {% if shiptotalso is defined %}
                '{{ shiptotalso|number_format(2) }}',
            {% elseif so.shipcost is defined %}
                '{{ so.shipcost|number_format(2) }}',
            {% else %}
                '0',
            {% endif %}
                  // Shipping.
            'tax':
            {% if so.taxtotal is defined %}
                '{{ so.taxtotal|number_format(2) }}',
            {% elseif taxtotalso is defined %}
                '{{ taxtotalso|number_format(2) }}',
            {% else %}
                '0',
            {% endif %}
            // Tax.
        });

        {% for lineitem in lineitems %}
            ga('ecommerce:addItem', {
                'id': '{{ so.id }}',                     // Transaction ID. Required.
                'name': '{{ lineitem.name }} - printed on {% if lineitem.iscustom is defined %} {{ lineitem.paper }} Color- {{ lineitem.color }} Size - {{ lineitem.size }} Finishing - {{ lineitem.finishing }}
                {% else %}
                    {{ lineitem.printedsides }} side{% if lineitem.printedsides == 2 %}s{% endif %} per {{ lineitem.paper }} sheet. {{ lineitem.color }} Size - {{ lineitem.size }} {% for userbindery in lineitem.userbinderys %}{{ userbindery }}{% endfor %}
                    {% if lineitem.pages is defined %} - {{ lineitem.pages }} pages per each finished qty{% endif %}
                {% endif %}' // Product name. Required.
                'category': '{{ lineitem.name }}',         // Category or variation.
                'price': '{{ lineitem.quotedprice|number_format(2) }}',                 // Unit price.
                'quantity': '{{ lineitem.qty }}'                   // Quantity.
            });
        {% endfor %}

        ga('ecommerce:send');
    </script>

    {%  include '@App/content/ecompages/cart-items-review.html.twig' %}

    </div>

    <br>
    <div class="fluid Stackable-50-50-C1"><br><br> <strong>Payment Information:</strong><br>
        Invoice Payment Status: <strong><span style="color: red"> {{ so.pmtstatus }}</span></strong><br>
        {% if so.payonaccount == 1 and hascustomitems == false %}
            You have chosen to charge this invoice to your account. Payment arrangements will need to be made for this order.<br>
        {% elseif so.payonaccount == 1 and hascustomitems == true %}
            Your order contained custom items. No payment was processed. Unless you marked "Quote before printing" we will start processing your order right away. You will need to make
            seperate shipping and payment arrangments.<br>
        {% elseif so.invoices is defined and so.invoices is not null %}
            Payments Made:<br>
            {% for invoice in so.invoices %}
                Amount Charged: {{ invoice.transactionamount }} Card Type: {{ invoice.cardtype }} Card Ending: {{ invoice.cardnumber }}<br>
            {% endfor %}
        {% endif %}

    </div>

{% endblock %}