{% extends "pos/base.html" %}

{% block content %}
<div class="container-fluid mt-3">

    <h3>FIFO Full Reset Script</h3>

    <div class="alert alert-danger">
        <b>Warning:</b>
        Ye script har product ki saari purani FIFO layers ki quantity ZERO kar degi
        (delete nahi karegi — purani FIFOAllocation history intact rahegi),
        aur product_details.present_stock qty par, product_details.purchase_price rate
        se ek NAYI single fresh layer bana degi. Ye action reverse nahi ho sakta —
        pehle Preview zaroor dekhein.
    </div>

    {% if messages %}
        {% for message in messages %}
            <div class="alert alert-{{ message.tags }}">{{ message }}</div>
        {% endfor %}
    {% endif %}

    <div class="card mb-3">
        <div class="card-body">
            <form method="get" class="row align-items-end">
                <div class="col-md-3">
                    <label>Flow</label>
                    <select name="scope" class="form-control">
                        <option value="all" {% if scope == "all" %}selected{% endif %}>1. All Products</option>
                        <option value="one" {% if scope == "one" %}selected{% endif %}>2. One Product</option>
                        <option value="problematic" {% if scope == "problematic" %}selected{% endif %}>3. Problematic Only</option>
                    </select>
                </div>
                <div class="col-md-4">
                    <label>Product Code / Prod ID / DB ID</label>
                    <input type="text" name="product_code" value="{{ product_code }}" class="form-control">
                </div>
                <div class="col-md-2">
                    <button type="submit" class="btn btn-primary">Preview</button>
                </div>
                <div class="col-md-2">
                    <a href="{{ request.path }}?scope=all" class="btn btn-secondary">Reset</a>
                </div>
            </form>
        </div>
    </div>

    <div class="card mb-3">
        <div class="card-body">
            <p>
                <b>Flow:</b> {{ scope }} |
                <b>Total checked:</b> {{ total_checked }} |
                <b>Total planned:</b> {{ total_planned }} |
                <b>Need reset:</b> {{ total_affected }} |
                <b>Preview limit:</b> {{ preview_limit }}
            </p>

            {% if scope == "one" and not product_code %}
                <div class="alert alert-info mb-0">One Product flow ke liye pehle code/prod id/db id enter karo.</div>
            {% elif total_planned > 0 %}
                <form method="post" onsubmit="return confirm('Are you sure? Yeh saari FIFO layers reset kar degi. Reverse nahi ho sakta.');">
                    {% csrf_token %}
                    <input type="hidden" name="scope" value="{{ scope }}">
                    <input type="hidden" name="product_code" value="{{ product_code }}">
                    <button type="submit" class="btn btn-danger">Apply FIFO Full Reset</button>
                </form>
            {% else %}
                <div class="alert alert-success mb-0">No product found for this flow.</div>
            {% endif %}
        </div>
    </div>

    <div class="card">
        <div class="card-body table-responsive">
            <table class="table table-bordered table-sm">
                <thead>
                    <tr>
                        <th>DB ID</th><th>Prod ID</th><th>Code</th><th>Name</th>
                        <th>Current Layers</th>
                        <th>Current Weighted Avg</th>
                        <th>New Layer (Target)</th>
                        <th>Status</th>
                    </tr>
                </thead>
                <tbody>
                    {% for row in preview_rows %}
                        <tr>
                            <td>{{ row.id }}</td>
                            <td>{{ row.prod_id }}</td>
                            <td>{{ row.product_code }}</td>
                            <td>{{ row.name }}</td>
                            <td>
                                Layers: {{ row.layers_count }} (active: {{ row.active_count }})<br>
                                Total Qty: {{ row.current_total_qty }}<br>
                                Distinct Rates: {{ row.distinct_rates }}
                            </td>
                            <td>{{ row.current_weighted_avg }}</td>
                            <td>
                                Qty: <b>{{ row.target_qty }}</b><br>
                                Rate: <b>{{ row.new_rate }}</b>
                            </td>
                            <td>
                                {% if row.needs_reset %}
                                    <span style="color:red;">Reset needed</span><br>
                                    {% if row.multi_layer %}Multiple active layers found.<br>{% endif %}
                                    {% if row.qty_mismatch %}Qty mismatch vs present_stock.<br>{% endif %}
                                    {% if row.zero_layers %}No active layer but stock exists.<br>{% endif %}
                                {% else %}
                                    <span style="color:green;">Already single clean layer</span>
                                {% endif %}
                            </td>
                        </tr>
                    {% empty %}
                        <tr><td colspan="8" class="text-center">No products found.</td></tr>
                    {% endfor %}
                </tbody>
            </table>
        </div>
    </div>
</div>
{% endblock %}