{% extends "_layouts/cp" %}
{% import "_includes/forms" as forms %}

{% set selectedSubnavItem = "orders" %}
{% set bodyClass = (bodyClass is defined ? bodyClass~' ' : '') ~ "commerceorders commerceordersedit" %}

{% set crumbs = [
    {    label: "Orders"|t('commerce'), url: url('commerce/orders') }
] %}


{% do view.registerTranslations('commerce', [
    "Actions",
    "Add a line item",
    "Add an adjustment",
    "Add",
    "Address 1",
    "Address 2",
    "Address 3",
    "Adjustments",
    "Amount",
    "Are you sure you want to complete this order?",
    "Are you sure you want to remove this customer?",
    "Are you sure you want to send email: {name}?",
    "Attention",
    "Available?",
    "Billing Address",
    "Business ID",
    "Business Name",
    "Business Tax ID",
    "Cancel",
    "City",
    "Close",
    "Completed",
    "Copied!",
    "Copy",
    "Couldn’t get order.",
    "Couldn’t recalculate order.",
    "Country",
    "Coupon Code",
    "Create your first line item",
    "Create “{email}”",
    "Custom 1",
    "Custom 2",
    "Custom 3",
    "Custom 4",
    "Customer Note",
    "Customer",
    "Date Authorized",
    "Date Ordered",
    "Date Paid",
    "Delete",
    "Description",
    "Done",
    "Download PDF",
    "Edit address",
    "Edit",
    "Email sent",
    "Enter coupon code",
    "Enter reference",
    "First Name",
    "Full Name",
    "Hide snapshot",
    "ID",
    "Included",
    "Invalid email.",
    "IP Address",
    "Item",
    "Label",
    "Last Name",
    "Last Updated",
    "Line Item",
    "Mark as completed",
    "Message",
    "Name",
    "New address",
    "New Customer",
    "No address",
    "No billing address",
    "No description",
    "No private Note.",
    "No shipping address",
    "None",
    "Not available",
    "Notes",
    "Number",
    "Options",
    "Order recalculated.",
    "Origin",
    "Original Price",
    "Paid Amount",
    "Paid Status",
    "Phone (Alt)",
    "Phone",
    "Price",
    "Primary Billing Address",
    "Primary Shipping Address",
    "Private Note",
    "Quantity",
    "Recalculate order",
    "Reference",
    "Remove address",
    "Remove",
    "Sale Amount Off",
    "Sale Price",
    "Save and continue editing",
    "Save and return to all orders",
    "Search customer…",
    "Search…",
    "Select address",
    "Send Email",
    "Shipping Address",
    "Shipping Method",
    "Shipping",
    "Short Number",
    "SKU",
    "Snapshot",
    "Snapshots",
    "Sorry, no matching options.",
    "State",
    "Status",
    "Tax",
    "There are errors on the order",
    "Title",
    "Total Price",
    "Total",
    "Type",
    "Unit Price",
    "Update order",
    "You are not allowed to add a line item.",
    "Your order is empty",
    "Zip Code",
    "{amount} included",
]) %}

{% hook "cp.commerce.order.edit" %}

{% block mainFormAttributes %}id="main-form" method="post" accept-charset="UTF-8" data-confirm-unload novalidate{% endblock %}

{% block actionButton %}
    <input type="hidden" name="action" value="commerce/orders/save">
    <input type="hidden" name="orderId" value="{{ order.id }}">
    {{ redirectInput('commerce/orders/'~order.id) }}

    <div id="order-secondary-actions">
        <div id="order-secondary-actions-app"></div>
    </div>

    <div class="flex-grow"></div>

    <div id="order-actions">
        <div id="order-actions-app"></div>
    </div>
{% endblock %}

{% block details %}
    <div id="order-meta-app"></div>
{% endblock %}

{% block content %}

    <div id="orderDetailsTab">
        <div id="order-errors-app"></div>
        <div id="order-customer-app"></div>
        <div id="order-details-app"></div>

        {% hook "cp.commerce.order.edit.main-pane" %}
    </div>

    {% include 'commerce/orders/_customFields' %}
    {% include 'commerce/orders/_transactions' %}
    {% include 'commerce/orders/_history' %}

{% endblock %}

{% js %}
    window.countries = {{ craft.commerce.countries.allEnabledCountries|values|json_encode|raw }};
    window.states = {{ craft.commerce.states.allEnabledStates|values|json_encode|raw }};

    $(document).ready(function () {
        {% if paymentForm is defined and paymentForm %}
            new Craft.Commerce.OrderEdit({
                orderId: {{ orderId|e('js') }},
                paymentForm: {
                    errors: {{ paymentForm.errors|json_encode|raw }},
                    attributes: {{ paymentForm.attributes|json_encode|raw }}
                }
            });
        {% endif %}

        $.each($('.tableRowInfo'), function () {
            new Craft.Commerce.TableRowAdditionalInfoIcon(this);
        });
    });
{% endjs %}

{% do view.registerAssetBundle("craft\\web\\assets\\prismjs\\PrismJsAsset") %}