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

{% block content %}

<div class="panel form-card">
    <div class="page-head">
        <h1>{{ 'Edit Sales Order #' ~ sale.id if sale else 'Create Sales Order' }}</h1>
        {% if sale %}
        <a class="btn btn-sm" href="{{ url_for('sales.detail', sale_id=sale.id) }}">View Order</a>
        {% endif %}
    </div>

    <form method="post">
        {% if not sale %}<input type="hidden" name="lead_id" value="{{ selected_lead.id }}">{% endif %}
        <div class="form-grid">
            <div class="form-group">
                <label>Lead</label>
                {% if sale %}
                <input value="{{ sale.customer_name }}" readonly>
                {% else %}
                <input value="{{ selected_lead.customer_name or 'Unknown' }}" readonly>
                {% endif %}
            </div>

            <div class="form-group">
                <label>Lead Mobile Number</label>
                <input value="{{ sale.lead_mobile if sale else selected_lead.phone or selected_lead.alternate_phone }}" readonly inputmode="tel">
            </div>

            <div class="form-group">
                <label>Client Type</label>
                <select name="client_type">
                    <option value="">Select Client Type</option>
                    {% for o in options.client_type %}
                    <option value="{{ o.value }}" {% if sale and sale.client_type == o.value %}selected{% endif %}>{{ o.label }}</option>
                    {% endfor %}
                </select>
            </div>

            <div class="form-group">
                <label>Sale Date</label>
                <input name="sale_date" type="date" value="{{ sale.sale_date if sale else '' }}" required>
            </div>

            <div class="form-group">
                <label>Start Date</label>
                <input name="start_date" type="date" value="{{ sale.start_date if sale and sale.start_date else '' }}">
            </div>

            <div class="form-group">
                <label>Due Date</label>
                <input name="due_date" type="date" value="{{ sale.due_date if sale and sale.due_date else '' }}">
            </div>

            <div class="form-group">
                <label>Service By</label>
                <select name="service_by">
                    <option value="">Select User</option>
                    {% for u in users %}
                    <option value="{{ u.id }}" {% if sale and sale.service_by == u.id %}selected{% endif %}>{{ u.name }}</option>
                    {% endfor %}
                </select>
            </div>

            <div class="form-group">
                <label>Payment Status</label>
                <select name="payment_status">
                    {% for s in ['pending', 'partial', 'paid', 'cancelled'] %}
                    <option value="{{ s }}" {% if (sale.payment_status if sale else 'pending') == s %}selected{% endif %}>{{ s|title }}</option>
                    {% endfor %}
                </select>
            </div>

            {% if sale and can_approve_sales %}
            <div class="form-group">
                <label>Approval Status</label>
                <select name="approval_status">
                    {% for status in ['pending', 'approved', 'rejected'] %}
                    <option value="{{ status }}" {% if sale.approval_status == status %}selected{% endif %}>{{ status|title }}</option>
                    {% endfor %}
                </select>
            </div>

            <div class="form-group">
                <label>Approval Note</label>
                <input name="approval_note" value="{{ sale.approval_note or '' }}" placeholder="Optional review note">
            </div>
            {% endif %}

            <div class="form-group">
                <label>Bank / Payment Mode</label>
                <select name="bank_account">
                    <option value="">Select Account</option>
                    {% for o in options.bank_account %}
                    <option value="{{ o.value }}" {% if sale and sale.bank_account == o.value %}selected{% endif %}>{{ o.label }}</option>
                    {% endfor %}
                </select>
            </div>

            <div class="form-group">
                <label>Order Discount</label>
                <input name="discount" type="number" step="0.01" value="{{ sale.discount if sale else 0 }}">
            </div>
        </div>

        <h3>Order Items</h3>

        <div class="table-wrap">
            <table id="items" class="modern-table">
                <thead>
                    <tr><th>Product</th><th>Description</th><th>Qty</th><th>Unit Price</th><th>Discount</th><th>Tax %</th></tr>
                </thead>
                <tbody>
                    {% for item in items %}
                    <tr>
                        <td>
                            <select name="product_id">
                                <option value="">Custom</option>
                                {% for p in products %}
                                <option value="{{ p.id }}" {% if item.product_id == p.id %}selected{% endif %}>{{ p.name }}</option>
                                {% endfor %}
                            </select>
                        </td>
                        <td><input name="description" value="{{ item.description }}"></td>
                        <td><input name="quantity" type="number" step="0.01" value="{{ item.quantity }}"></td>
                        <td><input name="unit_price" type="number" step="0.01" value="{{ item.unit_price }}"></td>
                        <td><input name="item_discount" type="number" step="0.01" value="{{ item.discount }}"></td>
                        <td><input name="tax_percent" type="number" step="0.01" value="{{ item.tax_percent }}"></td>
                    </tr>
                    {% endfor %}

                    {% for i in range(3) %}
                    <tr>
                        <td>
                            <select name="product_id">
                                <option value="">Custom</option>
                                {% for p in products %}<option value="{{ p.id }}">{{ p.name }}</option>{% endfor %}
                            </select>
                        </td>
                        <td><input name="description"></td>
                        <td><input name="quantity" type="number" step="0.01" value="1"></td>
                        <td><input name="unit_price" type="number" step="0.01" value="0"></td>
                        <td><input name="item_discount" type="number" step="0.01" value="0"></td>
                        <td><input name="tax_percent" type="number" step="0.01" value="0"></td>
                    </tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>
        <p class="muted">Rows without a description are ignored. Editing an order replaces its item list.</p>

        <div class="order-totals" data-order-totals>
            <span>Subtotal <strong data-subtotal>₹0.00</strong></span>
            <span>Item Tax <strong data-tax-total>₹0.00</strong></span>
            <span>Order Discount <strong data-discount-total>₹0.00</strong></span>
            <span class="order-grand-total">Total <strong data-grand-total>₹0.00</strong></span>
        </div>

        <div class="form-group full-width">
            <label>Notes</label>
            <textarea name="notes">{{ sale.notes if sale and sale.notes else '' }}</textarea>
        </div>

        <div class="form-actions">
            <button class="btn" type="submit">{{ 'Update Sales Order' if sale else 'Save Sales Order' }}</button>
            <a class="btn btn-sm" href="{{ url_for('sales.index') }}">Cancel</a>
        </div>
    </form>

    {% if sale and session.user.role in ['super_admin', 'admin', 'manager'] %}
    <form method="post" action="{{ url_for('sales.delete', sale_id=sale.id) }}"
          onsubmit="return confirm('Delete this sales order permanently?')">
        <button class="btn danger" type="submit">Delete Sales Order</button>
    </form>
    {% endif %}
</div>

{% endblock %}