{% extends 'profile_base.html' %}
{% load bootstrap3 %}
{% load shop_tags %}

{% block profile_content %}

    {% if order.open is not None %}
    <div>
        Not ready to pay for your order yet?
        <a href="{% url "shop:order_detail" pk=order.pk %}">Go back and edit it</a>
    </div>
    <hr />
    {% endif %}

    <div class="panel panel-default">
        <div class="panel-heading">
            <h4>Details for Order #{{ order.id }}</h4>
        </div>
        <div class="panel-body">

            <p>
                {% if order.open is not None %}
                    Please review your order to make sure the quantities are right.
                {% else %}
                    This order is closed, but not paid.
                {% endif %}
            </p>

            <table class="table table-bordered">
                <thead>
                <tr>
                    <th>
                        Name
                    <th>
                        Quantity
                    <th>
                        Price
                    <th>
                        Total

                <tbody>
                {% for orp in order.orderproductrelation_set.all %}
                    <tr>
                    <td>
                        {{ orp.product.name }}
                    <td>
                        {{ orp.quantity }}
                    <td>
                        {{ orp.product.price|currency }}
                    <td>
                        {{ orp.total|currency }}

                {% endfor %}

                <tr>
                    <td colspan="2">
                    <td>
                        <strong>Included VAT (25%)</strong>
                    <td>
                        {{ order.vat|currency }}

                <tr>
                    <td colspan="2">
                    <td>
                        <strong>Total</strong>
                    <td>
                        {{ order.total|currency }}<br />

            </table>

            {% if order.customer_comment %}
                <h4>Comment:</h4>
                <div class="alert alert-info">{{ order.customer_comment|linebreaks }}</div>
            {% endif %}

            {% if order.invoice_address %}
                <h4>Invoice Address:</h4>
                <div class="alert alert-info">{{ order.invoice_address|linebreaks }}</div>
            {% endif %}

            {% if not order.paid and order.open is None %}
                <form action="{% url "shop:order_detail" pk=order.pk %}" method="POST">
                  {% csrf_token %}
                  {% bootstrap_button "Cancel order" button_type="submit" button_class="btn-danger btn-lg" name="cancel_order" icon="remove" %}

                {% if order.pdf %}
                    {% url 'shop:download_invoice' pk=order.pk as invoice_download_url %}
                    {% bootstrap_button "Proforma Invoice PDF" icon="save-file" href=invoice_download_url button_class="btn-primary btn-lg pull-right" %}
                {% endif %}
                </form>

            {% endif %}

        </div>
    </div>

    <div class="panel panel-default">
        <div class="panel-heading">
            <h4>Terms and Payment Options</h4><i class="icon-btc"></i>
        </div>
        <div class="panel-body">
            <form method="POST" class="form-inline">
                {% csrf_token %}
                <div class="checkbox" style="margin-top: -10px;">
                    <label>
                        <p>
                            <input type="checkbox" name="accept_terms" />
                            I accept the <a href="{% url 'general-terms' %}">general terms &amp; conditions</a>.
                            Finally I accept to adhere to our <a href="{% url 'conduct' %}">Code of Conduct</a>
                            during events as well as in BornHack online channels.
                        </p>
                    </label>
                </div>

                <p>
                    <strong>Choose a payment option:</strong>
                </p>

                <div class="btn-group btn-group-justified">
                    <div class="btn-group">
                        {% bootstrap_button "<i class='glyphicon glyphicon-bitcoin'></i> Blockchain" button_type="submit" button_class="btn-primary" name="payment_method" value="blockchain" %}
                    </div>
                    <div class="btn-group">
                        {% bootstrap_button "<i class='glyphicon glyphicon-piggy-bank'></i> Bank transfer" button_type="submit" button_class="btn-primary" name="payment_method" value="bank_transfer" %}
                    </div>
                    <div class="btn-group">
                        {% bootstrap_button "<i class='glyphicon glyphicon-menu-hamburger'></i> Cash" button_type="submit" button_class="btn-primary" name="payment_method" value="cash" %}
                    </div>
                    <div class="btn-group">
                        {% bootstrap_button "<i class='glyphicon glyphicon-credit-card'></i> Credit card*" button_type="submit" button_class="btn-primary" name="payment_method" value="credit_card" %}
                    </div>
                </div>
            </form>
            <div class="alert alert-info" style="margin-top: 5px; margin-bottom: -10px;">* Please consider the alternatives before choosing credit card. Credit cards are expensive and difficult for us to handle. Thank you!</div>
        </div>
        <div class="panel-footer">
            <i>Bank transfers take up to a week to get registered, but the other
                payment methods should be more or less instant. Please
                <a href="{% url 'contact' %}">contact us</a> if your have questions.</i>
        </div>
    </div>

{% endblock %}