receipt.inc.twig

{% block receipt %}

<div class="fc-container">
<div id="fc-receipt-container" class="fc-receipt__main fc-receipt__row">


{% block receipt_header %}
    <div id="fc-receipt__section--header" class="fc-receipt__section">
        <div class="fc-container__row">
            <div class="fc-container__grid--receipt--logo">
            {% block logo %}
            {% if config.store_logo_url %}
                <img id="fc-logo--receipt" src="{{ config.cache_path }}{{ config.store_logo_url }}" class="fc-logo__image" alt="{{ store_name }}">
            {% else %}
                <h1 class="fc-logotype">{{ config.store_name }}</h1>
            {% endif %}
            {% endblock logo %}
            </div>
            <div class="fc-container__grid--receipt--transaction-subject">
                <h3>
                {% if is_updateinfo %}
                    {{ config.lang.email_subject_updateinfo|raw }}
                {% elseif is_subscription_modification %}
                    {{ config.lang.email_subject_subscription_updated|raw }}
                {% elseif is_subscription_cancel %}
                    {{ config.lang.email_subject_subscription_cancelled|raw }}
                {% else %}
                    {{ config.lang.checkout_receipt|raw }}: #{{ order_id }}
                {% endif  %}
                </h3>
            </div>
        </div>
    </div>
{% endblock receipt_header %}


{% block receipt_messaging_and_actions %}
    <div id="fc-receipt__section--receipt_messaging_and_actions">
        {% block messaging %}
        <div id="fc-messages" class="fc-receipt__section">
            {% if is_updateinfo %}
            <div class="fc-alert fc-alert--success">
                {{ config.lang.checkout_updateinfo_completed|raw }}
            </div>
            {% elseif is_subscription_cancel %}
            <div class="fc-alert fc-alert--success">
                {{ config.lang.checkout_subscription_cancel_completed|raw }}
            </div>
            {% else %}
            <div class="fc-alert fc-alert--success">
                {{ config.lang.receipt_message_order|raw }}
            </div>
            {% endif %}

            {% if payment_is_pending %}
            <div class="fc-alert fc-alert--info">
                {{ config.lang.checkout_payment_pending|raw }}
            </div>
            {% endif %}

            {% if payment_is_authorized %}
            <div class="fc-alert fc-alert--info">
                {{ config.lang.receipt_message_authorized|raw }}
            </div>
            {% endif %}
        </div>
        {% endblock messaging %}

        <div id="fc-receipt__section--actions" class="fc-receipt__section">
            {% block downloadable_links %}
            {% if has_downloadables and is_subscription_cancel == false %}
            <div id="fc-receipt__section--downloadables" class="fc-receipt__section">
                <fieldset>
                    <legend>{{ config.lang.checkout_download_links|raw }}</legend>
                    <div class="fc-form-group fc-form-group--static fc-form-group--receipt--downloadables">
                        <label class="fc-form-label fc-container__grid--static-label--downloadables">{{ config.lang.checkout_download_links|raw }}</label>
                        <div class="fc-container__grid--static-input--downloadables">
                            <ul fc-list="fc-list fc-list--downloadables">
                                {% for item in downloadable_links %}
                                <li class="fc-list--downloadables__item">
                                    {% if item.url %}<a href="{{ item.url }}">{% endif %}
                                        {{ item.name }}
                                    {% if item.url %}</a>{% endif %}
                                </li>
                                {% endfor %}
                            </ul>
                        </div>
                    </div>
                </fieldset>
            </div>
            {% endif %}
            {% endblock downloadable_links %}

            <div id="fc-receipt__section--print-and-continue" class="fc-receipt__section">
                <ul class="fc-list fc-list--inline">
                    <li class="fc-receipt-action fc-receipt-action--continue">
                        <a class="fc-button" href="{{ continue_url }}">{{ config.lang.checkout_continue_to|raw }}{{ config.store_name }}</a>
                    </li>
                    <li class="fc-receipt-action fc-receipt-action--print">
                        <a class="fc-button" href="#" onclick="window.print(); return false;">{{ config.lang.checkout_print_this_page|raw }}</a>
                    </li>
                </ul>
            </div>
        </div>

    </div>
{% endblock receipt_messaging_and_actions %}


{% block general_information %}
    <div id="fc-receipt__section--general-information" class="fc-receipt__section">
        <fieldset>
            <legend>{{ config.lang.checkout_general_information|raw }}</legend>
            <div class="fc-form-group fc-form-group--static fc-form-group--receipt--store-name">
               <label class="fc-form-label fc-container__grid--static-label--store-name">{{ config.lang.checkout_merchant|raw }}</label>
                <div class="fc-container__grid--static-input--store-name">
                    <p class="fc-form-control--static">{{ config.store_name }}</p>
                </div>
            </div>
            <div class="fc-form-group fc-form-group--static fc-form-group--receipt--order-id">
                <label class="fc-form-label fc-container__grid--static-label--order-id">{{ config.lang.checkout_order_id|raw }}</label>
                <div class="fc-container__grid--static-input--order-id">
                   <p class="fc-form-control--static">{{ order_id }}</p>
                </div>
            </div>
            {% if purchase_order %}
            <div class="fc-form-group fc-form-group--static fc-form-group--receipt--purchase-order">
                <label class="fc-form-label fc-container__grid--static-label--purchase-order">{{ config.lang.checkout_purchase_order|raw }}</label>
                <div class="fc-container__grid--static-input--purchase-order">
                    <p class="fc-form-control--static">{{ purchase_order }}</p>
                </div>
            </div>
            {% endif %}
            {% if (payment_type == 'plastic' or payment_type == 'pos') and cc_number_masked %}
            <div class="fc-form-group fc-form-group--static fc-form-group--receipt--credit-card">
                <label class="fc-form-label fc-container__grid--static-label--credit-card">{{ config.lang.checkout_card_number|raw }}</label>
                <div class="fc-container__grid--static-input--credit-card">
                    <p class="fc-form-control--static">{{ cc_number_masked }} ({{ cc_type }})</p>
                </div>
            </div>
            {% endif %}

            <div class="fc-form-group fc-form-group--static fc-form-group--receipt--date">
                <label class="fc-form-label fc-container__grid--static-label--date">{{ config.lang.checkout_date|raw }}</label>
                <div class="fc-container__grid--static-input--date">
                    <p class="fc-form-control--static">{{ checkout_date }}</p>
                </div>
            </div>
            <div class="fc-form-group fc-form-group--static fc-form-group--receipt--processor-response">
                <label class="fc-form-label fc-container__grid--static-label--processor-response">{{ config.lang.checkout_processor_response|raw }}</label>
                <div class="fc-container__grid--static-input--processor-response">
                    <p class="fc-form-control--static">{{ processor_response|raw }}</p>
                </div>
            </div>
            {% if processor_response_details %}
                {% for detail in processor_response_details %}
                    <div class="fc-form-group fc-form-group--static fc-form-group--receipt--processor-response-details--{{ detail.class }}">
                        <label class="fc-form-label fc-container__grid--static-label--processor-response-details--{{ detail.class }}">{{ detail.label }}</label>
                        <div class="fc-container__grid--static-input--processor-response-details--{{ detail.class }}">
                            <p class="fc-form-control--static">{{ detail.value }}</p>
                        </div>
                    </div>
                {% endfor %}
            {% endif %}
        </fieldset><!-- #fc_receipt_general -->
    </div>
{% endblock general_information %}


{% block billing_information %}
    <div id="fc-receipt__section--billing-information" class="fc-receipt__section">
        <fieldset>
            <legend>{{ config.lang.checkout_billing_information|raw }}</legend>

            {% include "address.receipt.inc.twig" with {'address': billing_address} %}
            <div class="fc-form-group fc-receipt-email">
                <label class="fc-form-label fc-container__grid--static-label--email">{{ config.lang.email_email|raw }}</label>
                <div class="fc-container__grid--static-input--email">
                    <p class="fc-form-control--static">{{ customer_email }}</p>
                </div>
            </div>
        </fieldset>
    </div>
{% endblock billing_information %}


{% if not has_multiship %}
    {% if shipping_address.has_shippable_products %}
    {% block shipping_address %}
    <div id="fc-receipt__section--shipping-information" class="fc-receipt__section">
        <fieldset>
            <legend>{{ config.lang.receipt_shipping_information|raw }}</legend>
            <div class="fc-form-group fc-form-group--static fc-form-group--receipt--shipping-method">
                <label class="fc-form-label fc-container__grid--static-label--shipping-method">{{ config.lang.checkout_shipping_method|raw }}</label>
                <div class="fc-container__grid--static-input--shipping-method">
                    <p class="fc-form-control--static">{{ shipping_address.shipping_service_description|raw }}</p>
                  </div>
            </div>

            <div class="fc-receipt__section--shipping-information__address">
            {% include "address.receipt.inc.twig" with {'address': shipping_address} %}
            </div>
        </fieldset>
    </div>
    {% endblock shipping_address %}
    {% endif %}
{% else %}{# has_multiship #}
    {% block multiship_addresses %}
    <div id="fc-receipt__section--multiship-shipping-information">
        {% for multiship in multiship_data %}
        <div class="fc-receipt__section--multiship-shipping-information fc-receipt__section">
            <fieldset>
                <legend>
                    {{ config.lang.cart_shipto|raw }}
                    <span class="fc_shipto_name">{{ multiship.address_name }}</span>
                </legend>

                {% include "address.receipt.inc.twig" with {'address': multiship} %}

                {% if multiship.custom_fields %}
                    {% for key,custom_field in multiship.custom_fields %}
                    {% if not custom_field.is_hidden %}
                        <div id="fc-receipt__section--custom-field--{{ key }}" class="fc-form-group fc-form-group--static fc-form-group--receipt--custom-field">
                            <label class="fc-form-label fc-container__grid--static-label--custom-field">{{ key|replace({'_': ' '})|title }}</label>
                            <div class="fc-container__grid--static-input--custom-field">
                                <p class="fc-form-control--static">{{ custom_field.value }}</p>
                            </div>
                        </div>
                    {% endif %}
                    {% endfor %}
                {% endif %}

                {% if total_order > 0 %}
                <div class="fc-form-group fc-form-group--inline">
                    <label class="fc-form-label fc-container__grid--static-label--multiship-price">{{ config.lang.checkout_subtotal|raw }}</label>
                    <div class="fc-container__grid--static-input--multiship-price">
                        <p class="fc-form-control--static">
                            {% if has_inclusive_taxes %}
                                {{ multiship.total_item_with_tax_price|money_format }}
                            {% else %}
                                {{ multiship.total_item_price|money_format }}
                            {% endif %}
                        </p>
                    </div>
                </div>
                <div class="fc-form-group fc-form-group--inline">
                    <label class="fc-form-label fc-container__grid--static-label--multiship-shipping">{{ multiship.shipping_service_description|raw }}</label>
                    <div class="fc-container__grid--static-input--multiship-shipping">
                        <p class="fc-form-control--static">
                            {% if has_inclusive_taxes %}
                                {{ multiship.total_shipping_with_tax_price|money_format }}
                            {% else %}
                                {{ multiship.total_shipping|money_format }}
                            {% endif %}
                        </p>
                    </div>
                </div>
                {% if has_taxes %}
                    {% for tax in multiship.taxes %}
                    {% if tax.rate is null  %}
                        {% set tax_rate = '' %}
                    {% else %}
                        {% set tax_rate = ' (<span class="fc_cart_foot_tax_rate">' ~ tax.rate|round(2) ~ '</span>%)' %}
                    {% endif %}

                    <div class="fc-form-group fc-form-group--inline">
                        <label class="fc-form-label fc-container__grid--static-label--multiship-tax">
                            {{ tax.name }}{{ tax_rate|raw }}
                        </label>
                        <div class="fc-container__grid--static-input--multiship-tax">
                            <p class="fc-form-control--static">{{ tax.amount|money_format }}</p>
                        </div>
                    </div>
                    {% endfor %}
                {% endif %}
                <div class="fc-form-group fc-form-group--inline">
                    <label class="fc-form-label fc-container__grid--static-label--multiship-total">{{ config.lang.checkout_shipment_total|raw }}</label>
                    <div class="fc-container__grid--static-input--multiship-total">
                        <p class="fc-form-control--static">{{ multiship.total_price|money_format }}</p>
                    </div>
                </div>
                {% endif %}
            </fieldset>
        </div>
        {% endfor %}
    </div>
    {% endblock multiship_addresses %}
{% endif %}{# not has_multiship #}


{% block custom_fields %}
{% if has_visible_custom_fields %}
    <div id="fc-receipt__section--custom-fields" class="fc-receipt__section">
        <fieldset>
            <legend>{{ config.lang.checkout_additional_information|raw }}</legend>

            {% for key,custom_field in custom_fields %}
            {% if not custom_field.is_hidden %}
            <div id="fc-receipt__section--custom-field--{{ key }}" class="fc-form-group fc-form-group--static fc-form-group--receipt--custom-field">
                <label class="fc-form-label fc-container__grid--static-label--custom-field">{{ key|replace({'_': ' '})|title }}</label>
                <div class="fc-container__grid--static-input--custom-field">
                    <p class="fc-form-control--static">{{ custom_field.value }}</p>
                </div>
            </div>
            {% endif %}
            {% endfor %}
        </fieldset>
    </div>
{% endif %}
{% endblock custom_fields %}


    {% set cart_is_fullpage = true %}
    <div data-fc-container="cart">
        {% include 'cart.inc.twig' %}
    </div>

    {% if transaction_history_data and transaction_history_data|length > 1 %}
        <div id="fc-receipt__section--transaction-history" class="fc-receipt__section">
            <fieldset>
                <legend>{{ config.lang.receipt_transaction_history|raw }}</legend>
                <div class="fc-form-group fc-form-group--static fc-form-group--receipt--transaction-history">
                    <div class="fc-container__grid--static-input--transaction-history">
                        <ul fc-list="fc-list fc-list--transaction-history">
                            {% for historical_data in transaction_history_data %}
                                {% set action = historical_data.request_type|split('_')[1] %}
                                {% set amount = historical_data.amount|money_format ~ " " ~ (action|capitalize) %}
                                {% if action in ['refund', 'void'] %}
                                    {% set amount = "<span class=\"fc-transaction-history__positive\">" ~ amount ~ "</span>" %}
                                {% endif %}
                                <li class="fc-list--transaction-history__item"><strong>{{ historical_data.date }}:</strong>
                                    {{ amount|raw }} <span class="fc-transaction-history__processor">({{ historical_data.processor_response }})</span>
                                </li>
                            {% endfor %}
                        </ul>
                    </div>
                </div>
            </fieldset>
        </div>
    {% endif %}


</div>{# .fc-container #}
<div id="fc-receipt__section--footer">{{ config.lang.receipt_footer|raw }}</div>
</div>{# #fc-receipt-container.fc-receipt__main.fc-receipt__row #}
{% endblock receipt %}