{% extends 'layouts/base.html' %}

{% block content %}

<div class="page-head">
    <h1>Sales Order #{{ sale.id }}</h1>

    <div class="action-buttons">
        {% if is_super_admin or sale.approval_status == 'pending' %}
        <a class="btn" href="{{ url_for('sales.edit', sale_id=sale.id) }}">Edit</a>
        {% endif %}
        {% if is_super_admin %}
        <form method="post" action="{{ url_for('sales.delete', sale_id=sale.id) }}"
              onsubmit="return confirm('Delete this sales order permanently?')" style="display:inline;">
            <button class="btn danger" type="submit">Delete</button>
        </form>
        {% endif %}
    </div>
</div>

<div class="panel">
    <div class="grid-2">
        <div>
            <h3>Customer</h3>
            <p><strong>Name:</strong> {{ sale.customer_name }}</p>
            <p><strong>Lead Mobile:</strong> {{ sale.lead_mobile or '-' }}</p>
            <p><strong>Client Type:</strong> {{ sale.client_type or '-' }}</p>
            <p><strong>Linked Lead:</strong>
                {% if sale.lead_id %}<a href="{{ url_for('leads.detail', lead_id=sale.lead_id) }}">{{ sale.lead_name }}</a>{% else %}-{% endif %}
            </p>
            <p><strong>Owner:</strong> {{ sale.owner_name or '-' }}</p>
            <p><strong>Service By:</strong> {{ sale.service_name or '-' }}</p>
            <p><strong>Bank:</strong> {{ sale.bank_account or '-' }}</p>
        </div>

        <div>
            <h3>Dates &amp; Totals</h3>
            <p><strong>Sale:</strong> {{ sale.sale_date or '-' }}</p>
            <p><strong>Start:</strong> {{ sale.start_date or '-' }}</p>
            <p><strong>Due:</strong> {{ sale.due_date or '-' }}</p>
            <p><strong>Subtotal:</strong> ₹{{ sale.subtotal or 0 }}</p>
            <p><strong>Tax:</strong> ₹{{ sale.tax_amount or 0 }}</p>
            <p><strong>Order Discount:</strong> ₹{{ sale.discount or 0 }}</p>
            <p><strong>Amount:</strong> ₹{{ sale.amount or 0 }}</p>
            <p><strong>Approval:</strong> <span class="badge {{ 'badge-success' if sale.approval_status == 'approved' else 'badge-danger' if sale.approval_status == 'rejected' else 'badge-warning' }}">{{ sale.approval_status }}</span></p>
            <p><strong>Payment:</strong> <span class="badge">{{ sale.payment_status }}</span></p>
        </div>
    </div>

    {% if sale.notes %}<p>{{ sale.notes }}</p>{% endif %}

    {% if sale.approval_note %}<p><strong>Review Note:</strong> {{ sale.approval_note }}</p>{% endif %}

    <table class="modern-table">
        <thead>
            <tr><th>Product</th><th>Description</th><th>Qty</th><th>Unit</th><th>Discount</th><th>Tax</th><th>Total</th></tr>
        </thead>
        <tbody>
            {% for i in items %}
            <tr>
                <td>{{ i.product_name or 'Custom' }}</td>
                <td>{{ i.description }}</td>
                <td>{{ i.quantity }}</td>
                <td>₹{{ i.unit_price or 0 }}</td>
                <td>₹{{ i.discount or 0 }}</td>
                <td>{{ i.tax_percent or 0 }}%</td>
                <td><strong>₹{{ i.line_total or 0 }}</strong></td>
            </tr>
            {% else %}
            <tr><td colspan="7" style="text-align:center;">No line items on this order.</td></tr>
            {% endfor %}
        </tbody>
    </table>
</div>

{% endblock %}