{% extends request.ajax ? "layout_blank.phtml" : "layout_default.phtml" %}

{% import "macro_functions.phtml" as mf %}

{% block meta_title %}{{ 'Invoice'|trans }} {{ invoice.serie }}{{ "%05s"|format(invoice.nr) }}{% endblock %}

{% set active_menu = 'invoice' %}

{% block breadcrumbs %}
<ul>
    <li class="firstB"><a href="{{ '/'|alink }}">{{ 'Home'|trans }}</a></li>
    <li><a href="{{ 'invoice'|alink }}">{{ 'Invoices'|trans }}</a></li>
    <li class="lastB">{{ invoice.serie }}{{ "%05s"|format(invoice.nr) }}</li>
</ul>
{% endblock %}

{% block content %}
<div class="widget simpleTabs tabsRight">
    <div class="head">
        <h5>{{ 'Invoice'|trans }} #{{ invoice.id }}</h5>
    </div>

    <ul class="tabs">
        <li><a href="#tab-info">Details</a></li>
        <li><a href="#tab-manage">Manage</a></li>
        <li><a href="#tab-texts">Texts</a></li>
        <li><a href="#tab-buyer-credentials">Client credentials</a></li>
        <li><a href="#tab-seller-credentials">Company credentials</a></li>
    </ul>

    <div class="tabs_container">
        <div class="fix"></div>
        <div class="tab_content nopadding" id="tab-info">
            <div class="block">
                <table class="tableStatic wide">
                    <tbody>
                    <tr class="noborder">
                        <td style="width: 20%"><label>{{ 'ID'|trans }}</label></td>
                        <td>{{ invoice.id }}</td>
                    </tr>
                    <tr>
                        <td><label>{{ 'Number'|trans }}</label></td>
                        <td>{{ invoice.serie }}{{ "%05s"|format(invoice.nr) }}</td>
                    </tr>
                    <tr>
                        <td><label>{{ 'Currency'|trans }}</label></td>
                        <td>{{ invoice.currency }}</td>
                    </tr>
                    <tr>
                        <td><label>{{ 'Client'|trans }}</label></td>
                        <td>
                            <a href="{{ 'client/manage'|alink }}/{{ invoice.client.id }}">{{ invoice.client.first_name }} {{ invoice.client.last_name }}</a>
                        </td>
                    </tr>

                    <tr>
                        <td><label>{{ 'Status'|trans }}</label></td>
                        <td>{{ mf.status_name(invoice.status) }}</td>
                    </tr>

                    {% if invoice.tax %}
                    <tr>
                        <td><label>{{ invoice.taxname }} {{ invoice.taxrate }}%</label></td>
                        <td>{{ mf.currency_format(invoice.tax, invoice.currency) }}</td>
                    </tr>
                    {% endif %}
                    
                    <tr>
                        <td><label>{{ 'Total'|trans }}</label></td>
                        <td>{{ mf.currency_format(invoice.total, invoice.currency) }}</td>
                    </tr>
                    
                    <tr>
                        <td><label>{{ 'Created at'|trans }}</label></td>
                        <td>{{ invoice.created_at|bb_date }}</td>
                    </tr>

                    <tr>
                        <td><label>{{ 'Due at'|trans }}</label></td>
                        <td>{{ invoice.due_at|bb_date }}</td>
                    </tr>

                    <tr>
                        <td><label>{{ 'Paid at'|trans }}</label></td>
                        <td>{% if invoice.paid_at %}{{ invoice.paid_at|bb_date }}{% else %}-{% endif %}</td>
                    </tr>

                    <tr>
                        <td><label>{{ 'Reminded at'|trans }}</label></td>
                        <td>{% if invoice.reminded_at %}{{ invoice.reminded_at|bb_date }} ({{ invoice.reminded_at|timeago }} ago) {% endif %}</td>
                    </tr>
                    
                    {% if invoice.notes %}
                    <tr>
                        <td><label>{{ 'Notes'|trans }}</label></td>
                        <td>{{ invoice.notes|bbmd }}</td>
                    </tr>
                    {% endif %}
                    </tbody>
                    
                    <tfoot>
                        <tr>
                            <td colspan="2">
                                <div class="aligncenter">
                                    <a href="{{ 'invoice'|link }}/{{ invoice.hash }}" title="" class="btn55 mr10" target="_blank"><img src="images/icons/middlenav/preview.png" alt=""><span>View as client</span></a>
                                    <a href="{{ 'api/admin/invoice/delete'|link({ 'id': invoice.id }) }}" data-api-confirm="Are you sure?" title="" class="btn55 mr10 api-link" data-api-redirect="{{ 'invoice'|alink }}"><img src="images/icons/middlenav/trash.png" alt=""><span>Delete</span></a>
                                    {% if invoice.status == 'unpaid' %}
                                    <a href="{{ 'api/admin/invoice/send_reminder'|link({ 'id': invoice.id}) }}" title="" class="btn55 mr10 api-link" data-api-msg="Payment reminder was sent"><img src="images/icons/middlenav/mail.png" alt=""><span>Send reminder</span></a>
                                    <a href="{{ 'api/admin/invoice/mark_as_paid'|link({ 'id': invoice.id, 'execute': 1 }) }}" title="" class="btn55 mr10 api-link" data-api-reload="Invoice marked as paid"><img src="images/icons/middlenav/play2.png" alt=""><span>Mark as paid</span></a>
                                    {% endif %}
                                    
                                    {% if invoice.status == 'paid' %}
                                    <a href="{{ 'api/admin/invoice/refund'|link({ 'id': invoice.id }) }}" data-api-confirm="Are you sure?" title="" class="btn55 mr10 api-link" data-api-redirect="{{ 'invoice'|alink }}"><img src="images/icons/middlenav/refresh4.png" alt=""><span>Refund</span></a>
                                    {% endif %}
                                    <a href="{{ 'invoice/pdf' | link }}/{{ invoice.hash }}" target="_blank" class="btn55 mr10"><img src="images/icons/middlenav/incoming.png" alt=""><span>PDF</span></a>
                                </div>
                            </td>
                        </tr>
                    </tfoot>
                </table>
            </div>
        </div>

        <div class="tab_content nopadding" id="tab-manage">
            <form action="{{ 'api/admin/invoice/update'|link }}" method="post" class="mainForm api-form" data-api-reload="Invoice updated">
                <fieldset>
                    <div class="rowElem noborder">
                        <label>{{ 'Status'|trans }}:</label>
                        <div class="formRight">
                            <input type="radio" name="status" value="paid"{% if invoice.status == 'paid' %} checked="checked"{% endif %}/><label>Paid</label>
                            <input type="radio" name="status" value="unpaid"{% if invoice.status == 'unpaid' %} checked="checked"{% endif %} /><label>Unpaid</label>
                            <input type="radio" name="status" value="refunded"{% if invoice.status == 'refunded' %} checked="checked"{% endif %} /><label>Refunded</label>
                            <input type="radio" name="status" value="canceled"{% if invoice.status == 'canceled' %} checked="checked"{% endif %} /><label>Canceled</label>
                        </div>
                        <div class="fix"></div>
                    </div>

                    <div class="rowElem">
                        <label>{{ 'Approved'|trans }}:</label>
                        <div class="formRight">
                            <input type="radio" name="approved" value="1"{% if invoice.approved  %} checked="checked"{% endif %}/><label>Yes</label>
                            <input type="radio" name="approved" value="0"{% if not invoice.approved %} checked="checked"{% endif %}/><label>No</label>
                        </div>
                        <div class="fix"></div>
                    </div>

                    <div class="rowElem">
                        <label>{{ 'Serie and number'|trans }}:</label>
                        <div class="formRight moreFields">
                            <ul>
                                <li style="width: 150px">
                                    <input type="text" name="serie" value="{{ invoice.serie }}"/>
                                </li>
                                <li class="sep">&nbsp;</li>
                                <li style="width: 150px">
                                    <input type="text" name="nr" value="{{ invoice.nr }}"/>
                                </li>
                            </ul>
                        </div>
                        <div class="fix"></div>
                    </div>

                    <div class="rowElem">
                        <label>{{ 'Tax'|trans }}:</label>
                        <div class="formRight moreFields">
                            <ul>
                                <li style="width: 150px">
                                    <input type="text" name="taxname" value="{{ invoice.taxname }}"/>
                                </li>
                                <li class="sep">&nbsp;</li>
                                <li style="width: 40px">
                                    <input type="text" name="taxrate" value="{{ invoice.taxrate }}"/>
                                </li>
                                <li class="sep">%</li>
                            </ul>
                        </div>
                        <div class="fix"></div>
                    </div>
                    <div class="rowElem">
                        <label>{{ 'Payment method'|trans }}:</label>
                        <div class="formRight">
                            {{ mf.selectbox('gateway_id', guest.invoice_gateways({ "format": "pairs" }), invoice.gateway_id, 0, 'Select payment method') }}
                        </div>
                        <div class="fix"></div>
                    </div>

                    <div class="rowElem">
                        <label>{{ 'Created at'|trans }}:</label>
                        <div class="formRight">
                            <input type="text" name="created_at" value="{{ invoice.created_at|date('Y-m-d') }}" class="datepicker"/>
                        </div>
                        <div class="fix"></div>
                    </div>

                    <div class="rowElem">
                        <label>{{ 'Due at'|trans }}:</label>
                        <div class="formRight">
                            <input type="text" name="due_at" value="{% if invoice.due_at %}{{ invoice.due_at|date('Y-m-d') }}{% endif %}" class="datepicker"/>
                        </div>
                        <div class="fix"></div>
                    </div>

                    <div class="rowElem">
                        <label>{{ 'Paid at'|trans }}:</label>
                        <div class="formRight">
                            <input type="text" name="paid_at" value="{% if invoice.paid_at %}{{ invoice.paid_at|date('Y-m-d') }}{% endif %}" class="datepicker"/>
                        </div>
                        <div class="fix"></div>
                    </div>

                    <div class="rowElem">
                        <label>{{ 'Notes'|trans }}:</label>
                        <div class="formRight">
                            <textarea name="notes" cols="5" rows="6">{{ invoice.notes }}</textarea>
                        </div>
                        <div class="fix"></div>
                    </div>

                    <input type="submit" value="{{ 'Update'|trans }}" class="greyishBtn submitForm" />
                    <input type="hidden" name="id" value="{{ invoice.id }}" />
                </fieldset>
            </form>
        </div>

        <div class="tab_content nopadding" id="tab-texts">
            <form action="{{ 'api/admin/invoice/update'|link }}" method="post" class="mainForm api-form" data-api-msg="Invoice updated">
                <fieldset>
                    <label class="topLabel">{{ 'Text before invoice items table'|trans }}</label>
                    <textarea name="text_1"  cols="5" rows="6" class="bb-textarea"/>{{ invoice.text_1 }}</textarea>
                </fieldset>
                
                <fieldset>    
                    <label class="topLabel">{{ 'Text after invoice items table'|trans }}</label>
                    <textarea name="text_2" cols="5" rows="6" class="bb-textarea"/>{{ invoice.text_2 }}</textarea>
                    <input type="submit" value="{{ 'Update'|trans }}" class="greyishBtn submitForm" />
                    <input type="hidden" name="id" value="{{ invoice.id }}" />
                </fieldset>
            </form>

            <div class="fix"></div>
        </div>

        <div class="tab_content nopadding" id="tab-seller-credentials">
            {% set seller = invoice.seller %}
            <form action="{{ 'api/admin/invoice/update'|link }}" method="post" class="mainForm api-form" data-api-msg="Invoice updated">
                <fieldset>
                    <legend>Company details at the moment of purchase</legend>

                    <div class="rowElem noborder">
                        <label>{{ 'Company'|trans }}:</label>
                        <div class="formRight">
                            <input type="text" name="seller_company" value="{{ seller.company }}"/>
                        </div>
                        <div class="fix"></div>
                    </div>
                    
                    <div class="rowElem">
                        <label>{{ 'Company VAT'|trans }}:</label>
                        <div class="formRight">
                            <input type="text" name="seller_company_vat" value="{{ seller.company_vat }}"/>
                        </div>
                        <div class="fix"></div>
                    </div>
                    
                    <div class="rowElem">
                        <label>{{ 'Company Number'|trans }}:</label>
                        <div class="formRight">
                            <input type="text" name="seller_company_number" value="{{ seller.company_number }}"/>
                        </div>
                        <div class="fix"></div>
                    </div>

                    <div class="rowElem">
                        <label>{{ 'Address'|trans }}:</label>
                        <div class="formRight">
                            <input type="text" name="seller_address" value="{{ seller.address }}"/>
                        </div>
                        <div class="fix"></div>
                    </div>

                    <div class="rowElem">
                        <label>{{ 'Phone'|trans }}:</label>
                        <div class="formRight">
                            <input type="text" name="seller_phone" value="{{ seller.phone }}"/>
                        </div>
                        <div class="fix"></div>
                    </div>

                    <div class="rowElem">
                        <label>{{ 'Email'|trans }}:</label>
                        <div class="formRight">
                            <input type="text" name="seller_email" value="{{ seller.email }}"/>
                        </div>
                        <div class="fix"></div>
                    </div>

                    <input type="submit" value="{{ 'Update'|trans }}" class="greyishBtn submitForm" />
                    <input type="hidden" name="id" value="{{ invoice.id }}" />
                </fieldset>
            </form>

            <div class="fix"></div>
        </div>

        <div class="tab_content nopadding" id="tab-buyer-credentials">
            {% set buyer = invoice.buyer %}
            <form action="{{ 'api/admin/invoice/update'|link }}" method="post" class="mainForm api-form" data-api-msg="Invoice updated">
                <fieldset>
                    <legend>Client details at the moment of purchase</legend>

                    <div class="rowElem noborder">
                        <label>{{ 'First name'|trans }}:</label>
                        <div class="formRight">
                            <input type="text" name="buyer_first_name" value="{{ buyer.first_name }}"/>
                        </div>
                        <div class="fix"></div>
                    </div>

                    <div class="rowElem">
                        <label>{{ 'Last name'|trans }}:</label>
                        <div class="formRight">
                            <input type="text" name="buyer_last_name" value="{{ buyer.last_name }}"/>
                        </div>
                        <div class="fix"></div>
                    </div>

                    <div class="rowElem">
                        <label>{{ 'Company'|trans }}:</label>
                        <div class="formRight">
                            <input type="text" name="buyer_company" value="{{ buyer.company }}"/>
                        </div>
                        <div class="fix"></div>
                    </div>
                    
                    <div class="rowElem">
                        <label>{{ 'Company VAT'|trans }}:</label>
                        <div class="formRight">
                            <input type="text" name="buyer_company_vat" value="{{ buyer.company_vat }}"/>
                        </div>
                        <div class="fix"></div>
                    </div>
                    
                    <div class="rowElem">
                        <label>{{ 'Company Number'|trans }}:</label>
                        <div class="formRight">
                            <input type="text" name="buyer_company_number" value="{{ buyer.company_number }}"/>
                        </div>
                        <div class="fix"></div>
                    </div>

                    <div class="rowElem">
                        <label>{{ 'Address'|trans }}:</label>
                        <div class="formRight">
                            <input type="text" name="buyer_address" value="{{ buyer.address }}"/>
                        </div>
                        <div class="fix"></div>
                    </div>

                    <div class="rowElem">
                        <label>{{ 'City'|trans }}:</label>
                        <div class="formRight">
                            <input type="text" name="buyer_city" value="{{ buyer.city }}"/>
                        </div>
                        <div class="fix"></div>
                    </div>

                    <div class="rowElem">
                        <label>{{ 'State'|trans }}:</label>
                        <div class="formRight">
                            {# mf.selectbox('buyer_state', guest.system_states, buyer.state, 0, 'Select state') #}
                            <input type="text" name="buyer_state" value="{{ buyer.state }}" />
                        </div>
                        <div class="fix"></div>
                    </div>

                    <div class="rowElem">
                        <label>{{ 'Country'|trans }}:</label>
                        <div class="formRight">
                            {{ mf.selectbox('buyer_country', guest.system_countries, buyer.country, 0, 'Select country') }}
                        </div>
                        <div class="fix"></div>
                    </div>

                    <div class="rowElem">
                        <label>{{ 'Phone'|trans }}:</label>
                        <div class="formRight">
                            <input type="text" name="buyer_phone" value="{{ buyer.phone }}"/>
                        </div>
                        <div class="fix"></div>
                    </div>

                    <div class="rowElem">
                        <label>{{ 'Zip'|trans }}:</label>
                        <div class="formRight">
                            <input type="text" name="buyer_zip" value="{{ buyer.zip }}"/>
                        </div>
                        <div class="fix"></div>
                    </div>

                    <div class="rowElem">
                        <label>{{ 'Email'|trans }}:</label>
                        <div class="formRight">
                            <input type="text" name="buyer_email" value="{{ buyer.email }}"/>
                        </div>
                        <div class="fix"></div>
                    </div>

                    <input type="submit" value="{{ 'Update'|trans }}" class="greyishBtn submitForm" />
                    <input type="hidden" name="id" value="{{ invoice.id }}" />
                </fieldset>
            </form>

            <div class="fix"></div>
        </div>

    </div>
</div>


<div class="widget">
    <div class="head">
        <h5>{{ 'Invoice items'|trans }}</h5>
    </div>

{% if not invoice.approved %}
    <form action="{{ 'api/admin/invoice/update'|link }}" method="post" class="mainForm api-form" data-api-reload="1">
        <fieldset>
        <table class="tableStatic wide">
            <thead>
                <tr>
                    <th>{{ 'Title'|trans }}</th>
                    <th class="currency">{{ 'Price'|trans }}</th>
                    <th>{{ 'Tax'|trans }}</th>
                    <th class="actions">&nbsp;</th>
                </tr>
            </thead>

            <tbody>
                {% for i, item in invoice.lines %}
                <tr>
                    <td style="width: 60%;"><input type="text" name="items[{{ item.id }}][title]" value="{{ item.title }}" style="width:98%"></td>
                    <td style="width: 20%;"><input type="text" name="items[{{ item.id }}][price]" value="{{ item.price }}" style="width:80px"> {{ invoice.currency }}</td>
                    <td style="width: 5%;">
                        <input type="checkbox" name="items[{{ item.id }}][taxed]" value="1" {% if item.taxed %}checked="checked"{% endif %}/>
                    </td>
                    <td style="width: 5%;">
                        <a class="bb-button btn14 api-link" data-api-confirm="Are you sure?" href="{{ 'api/admin/invoice/item_delete'|link({'id' : item.id}) }}" data-api-reload="1"><img src="images/icons/dark/trash.png" alt=""></a>
                    </td>
                </tr>
                {% endfor %}

                <tr>
                    <td style="width: 70%;"><input type="text" name="new_item[title]" value="" style="width:98%" placeholder="New line description"></td>
                    <td style="width: 20%;"><input type="text" name="new_item[price]" value="" style="width:80px" placeholder="Price"> {{ invoice.currency }}</td>
                    <td><input type="checkbox" name="new_item[taxed]" value="1"/></td>
                    <td>&nbsp;</td>
                </tr>
            </tbody>

            <tfoot>
                <tr>
                    <td colspan="4" class="currency">
                        Subtotal: {{ mf.currency_format(invoice.subtotal, invoice.currency) }}
                    </td>
                </tr>
                <tr>
                    <td colspan="4" class="currency">
                        {{ invoice.taxname }} {{ invoice.taxrate }}%: {{ mf.currency_format(invoice.tax, invoice.currency) }}
                    </td>
                </tr>
                <tr>
                    <td colspan="4" class="currency">
                        Total: {{ mf.currency_format(invoice.total, invoice.currency) }}
                    </td>
                </tr>
                <tr>
                    <td colspan="4">
                        {% if not invoice.approved %}
                        <a href="{{ 'api/admin/invoice/approve'|link({ 'id': invoice.id }) }}"  title="" class="btnIconLeft mr10 api-link" data-api-reload="{{ 'invoices'|alink }}"><img src="images/icons/dark/check.png" alt="" class="icon"><span>Approve</span></a>
                        {% endif %}
                        <input type="submit" value="{{ 'Update'|trans }}" class="greyishBtn submitForm" style="width:100px"/>
                    </td>
                </tr>
            </tfoot>
        </table>
        </fieldset>

        <input type="hidden" name="id" value="{{ invoice.id }}" />
    </form>

{% else %}
    <table class="tableStatic wide">
        <thead>
            <tr>
                <th  style="width: 11%;" colspan="2"></th>
                <th style="width: 70%;">{{ 'Title'|trans }}</th>
                <th style="width: 7%;">{{ 'Tax'|trans }}</th>
                <th class="currency" style="width: 15%;">{{ 'Total'|trans }}</th>
            </tr>
        </thead>

        <tbody>
            {% for i, item in invoice.lines %}

            <tr>
                <td>{{ i+1 }}.</td>
                <td>
                    <div class="bull task {{ item.status }}" title="Task status: {{ mf.status_name(item.status) }}"></div>
                    <div class="bull charge {{ item.charged ? 'yes' : 'no' }}" title="{{ item.charged ? 'Charged from client balance' : 'Not charged from client balance' }}"></div>
                </td>
                <td>
                {% if item.order_id %}
                <a href="{{ 'order/manage'|alink }}/{{ item.order_id }}">{{ item.title }} {% if item.quantity > 1 %} x {{ item.quantity }} {# item.unit #}{% endif %}</a>
                {% else %}
                {{ item.title }} {% if item.quantity > 1 %} x {{ item.quantity }} {# item.unit #}{% endif %}
                {% endif %}
                </td>
                <td>{{ mf.currency_format(item.tax,invoice.currency) }}</td>
                <td class="currency">{{ mf.currency_format( item.total, invoice.currency) }}</td>
            </tr>

            {% endfor %}
        </tbody>
        
        <tfoot>
            <tr>
                <td colspan="5" class="currency">
                    Subtotal: {{ mf.currency_format(invoice.subtotal, invoice.currency) }}
                </td>
            </tr>
            <tr>
                <td colspan="5" class="currency">
                    {{ invoice.taxname }} {{ invoice.taxrate }}%: {{ mf.currency_format(invoice.tax, invoice.currency) }}
                </td>
            </tr>
            <tr>
                <td colspan="5" class="currency">
                    Total: {{ mf.currency_format(invoice.total, invoice.currency) }}
                </td>
            </tr>
        </tfoot>
    </table>
{% endif %}

</div>

{% set transactions = admin.invoice_transaction_get_list({ "invoice_id": invoice.id, "per_page": 100 }).list %}

{% if transactions|length > 0 %}
<div class="widget">
    <div class="head">
        <h5>{{ 'Transactions'|trans }}</h5>
    </div>
    <table class="tableStatic wide">
        <thead>
            <tr>
                <th>{{ 'ID'|trans }}</th>
                <th>{{ 'Type'|trans }}</th>
                <th>{{ 'Gateway'|trans }}</th>
                <th>{{ 'Amount'|trans }}</th>
                <th>{{ 'Status'|trans }}</th>
                 <th>{{ 'Date'|trans }}</th>
                <th>&nbsp;</th>
            </tr>
        </thead>

        <tbody>
            {% for i, tx in transactions %}
            <tr>
                <td>{{ tx.txn_id }}</td>
                <td>{{ tx.type }}</td>
                <td>{{ tx.gateway }}</td>
                <td>{{ mf.currency_format( tx.amount, tx.currency) }}</td>
                <td>{{ mf.status_name(tx.status) }}</td>
                <td>{{ tx.created_at|bb_datetime }}</td>
                <td style="width: 5%">
                    <a class="bb-button btn14" href="{{ '/invoice/transaction'|alink }}/{{ tx.id }}"><img src="images/icons/dark/pencil.png" alt=""></a>
                </td>
            </tr>
            {% endfor %}
        </tbody>
    </table>
</div>
{% endif %}
{% endblock %}

{% block sidebar2 %}
<div class="widget">
    <div class="head">
        <h2 class="dark-icon i-services">{{ 'Actions'|trans }}</h2>
    </div>
    <div class="block">
        <button class="bb-button" type="button" onclick="window.print()"><span class="dark-icon i-print"></span> {{ 'Print'|trans }}</button>
        {% if invoice.status == 'unpaid' %}
        <a class="bb-button api-link" href="{{ 'api/client/invoice/delete'|link({ 'hash': invoice.hash}) }}"  data-api-confirm="Are you sure?" data-api-redirect="{{ 'invoice'|alink }}"><span class="dark-icon i-bin"></span> {{ 'Delete'|trans }}</a>
        {% endif %}
    </div>
</div>
{% endblock %}

{% block head %}{{ mf.bb_editor('.bb-textarea') }}{% endblock %}
{% block js %}
{% autoescape "js" %}
<script type="text/javascript">
    $(function() {
        $('input[name=gateway]:first').attr('checked', true);
        $('#pay-now-button').click(function() {
            var link = $('input[name=gateway]:checked').val();
            bb.redirect(link);
            
            return false;
        });
    });
</script>
{% endautoescape %}
{% endblock %}
