{% extends "templates/web.html" %}

{% block header %}
<h1>{{ doc.name }}</h1>
{% endblock %}

{% block script %}
<script>{% include "templates/includes/rfq.js" %}</script>
{% endblock %}

{% block breadcrumbs %}
	{% include "templates/includes/breadcrumbs.html" %}
{% endblock %}

{% block style %}
<style>
    {% include "templates/includes/order/order.css" %}
</style>
{% endblock %}

{% block header_actions %}
{% if doc.items %}
<button class="btn btn-primary btn-sm"
    type="button">
    {{ _("Submit") }}</button>
{% endif %}
{% endblock %}

{% block page_content %}
<div class="row">
    <div class="col-xs-6">
        <div class="rfq-supplier">{{ doc.supplier }}</div>
	</div>
    <div class="col-xs-6 text-muted text-right h6">
        {{ doc.get_formatted("transaction_date") }}
    </div>
</div>

<div class="rfq-content">
	<div id="order-container">
			<div id="rfq-items">
				<div class="row cart-item-header">
					<div class="col-sm-6 col-xs-6">
						Items
					</div>
					<div class="col-sm-2 col-xs-2 text-right">
						Qty
					</div>
					<div class="col-sm-2 col-xs-2 text-right">
						Rate
					</div>
					<div class="col-sm-2 col-xs-2 text-right">
						Amount
					</div>
				</div>
				<hr>
            {% if doc.items %}
            <div class="rfq-items">
				{% include "templates/includes/rfq/rfq_items.html" %}
            </div>
            {% endif %}
		</div>
        {% if doc.items %}
		<div class="row grand-total-row">
			<div class="col-xs-10 text-right">{{ _("Grand Total") }}</div>
			<div class="col-xs-2 text-right">
				<span class="tax-grand-total">0.0</span>
			</div>
		</div>
        {% endif %}
		<div class="row terms">
			<div class="col-xs-5 text-left text-muted">{{ _("Terms and Conditions: ") }}</div>
		</div>
		<div class="row terms">
			<div class="col-xs-5 text-left text-muted">
				<textarea  class="form-control terms-feedback" style="border:1px solid #cccccc; padding:4px"></textarea>
			</div>
		</div>
    </div>
</div>

<!-- no-sidebar -->
{% endblock %}