{% 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 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" style="margin-top:15px">
	<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">
			{{doc.currency_symbol}}  <span class="tax-grand-total">0.0</span>
			</div>
		</div>
        {% endif %}
		<div class="row terms">
			<div class="col-xs-6">
				<br><br>
				<p class="text-muted small">{{ _("Notes: ") }}</p>
				<textarea class="form-control terms-feedback" style="height: 100px;"></textarea>
			</div>
		</div>
    </div>
</div>


{% endblock %}