{% extends "base.html" %}

{% block content %}

<div class="page-hero">
    <div>
        <h2><i class="bi bi-sliders text-primary"></i> {{ l('Stock Adjustment', 'মজুদ (স্টক) সমন্বয়') }}</h2>
        <p class="page-subtitle">{{ l('Correct stock quantities for damaged, lost, or extra items', 'নষ্ট, চুরি বা অতিরিক্ত পণ্যের স্টক সমন্বয় করুন') }}</p>
    </div>
</div>

<div class="card border-0 shadow-sm rounded-4 mb-4">
    <div class="card-header bg-white border-bottom py-3 px-4">
        <h5 class="fw-bold mb-0 text-dark"><i class="bi bi-plus-slash-minus text-primary me-2"></i>{{ l('Adjust Stock Level', 'স্টক নম্বর সংশোধন করুন') }}</h5>
    </div>
    <div class="card-body p-4">
        <p class="text-muted small mb-4"><i class="bi bi-info-circle text-primary me-1"></i>{{ l('Use a positive number (+10) to add stock or a negative number (-5) to remove stock.', 'স্টক বাড়াতে ধনাত্মক (+১০) এবং কমাতে ঋণাত্মক (-৫) সংখ্যা লিখুন।') }}</p>

        <form method="POST">
        <input type="hidden" name="_csrf_token" value="{{ csrf_token }}">

        <div class="row g-4 mb-3">
            <div class="col-md-6 border-end-md pe-md-4">
                <div class="mb-3">
                    <label class="form-label fw-semibold text-dark small">{{ l('Select Product', 'পণ্য নির্বাচন করুন') }} <span class="text-danger">*</span></label>
                    <select class="form-select form-select-lg fs-6" name="product_id" required>
                        <option value="">{{ l('-- Select Product --', '-- পণ্য নির্বাচন করুন --') }}</option>
                        {% for p in products %}
                        <option value="{{ p.id }}">{{ p.name }} ({{ l('Current Stock', 'বর্তমান স্টক') }}: {{ "%.2f"|format(p.stock or 0) }} {{ p.unit }})</option>
                        {% endfor %}
                    </select>
                </div>

                <div class="mb-3">
                    <label class="form-label fw-semibold text-dark small">{{ l('Adjustment Quantity (+/-)', 'স্টক পরিবর্তনের পরিমাণ (+/-)') }} <span class="text-danger">*</span></label>
                    <input class="form-control form-control-lg fs-6" name="change_qty" placeholder="{{ l('e.g. +10 or -5', 'যেমন: +১০ বা -৫') }}" required>
                </div>
            </div>

            <div class="col-md-6 ps-md-4">
                <div class="mb-3">
                    <label class="form-label fw-semibold text-dark small">{{ l('Reason / Note', 'কারণ / নোট') }}</label>
                    <textarea class="form-control form-control-lg fs-6" name="reason" rows="4" placeholder="{{ l('e.g. Damage, Spoilage, Count correction...', 'যেমন: নষ্ট, মেয়াদার্তি, চুরি বা গণনা ভুল...') }}"></textarea>
                </div>
            </div>
        </div>

        <div class="d-flex justify-content-end align-items-center mt-3 pt-3 border-top">
            <button type="submit" class="btn btn-primary btn-lg px-5 fw-bold shadow-sm">
                <i class="bi bi-check-circle me-1"></i> {{ l('Submit Adjustment', 'সমন্বয় সাবমিট করুন') }}
            </button>
        </div>

        </form>
    </div>
</div>

<div class="card border-0 shadow-sm rounded-4 overflow-hidden">
    <div class="card-header bg-light border-bottom py-3 px-4">
        <h5 class="fw-bold text-dark mb-0"><i class="bi bi-clock-history text-primary me-2"></i>{{ l('Recent Adjustments History', 'সাম্প্রতিক স্টক সমন্বয়ের ইতিহাস') }}</h5>
    </div>
    <div class="table-responsive">
        <table class="table table-hover align-middle mb-0">
            <thead class="table-light">
                <tr>
                    <th class="ps-4">{{ l('Date / Time', 'তারিখ ও সময়') }}</th>
                    <th>{{ l('Product Name', 'পণ্যের নাম') }}</th>
                    <th>{{ l('Change Qty', 'স্টক পরিবর্তন') }}</th>
                    <th>{{ l('Reason', 'কারণ') }}</th>
                    <th class="pe-4 text-end">{{ l('By User', 'ইউজার') }}</th>
                </tr>
            </thead>
            <tbody>
            {% for h in history %}
                <tr>
                    <td class="ps-4 small text-muted font-monospace">{{ h.created_at.strftime('%d-%m-%Y %I:%M %p') }}</td>
                    <td class="fw-bold text-dark">{{ h.product.name if h.product else '-' }}</td>
                    <td>
                        {% if h.change_qty >= 0 %}
                        <span class="badge bg-success-subtle text-success border border-success-subtle py-1.5 px-3 fw-bold">+{{ "%.2f"|format(h.change_qty) }}</span>
                        {% else %}
                        <span class="badge bg-danger-subtle text-danger border border-danger-subtle py-1.5 px-3 fw-bold">{{ "%.2f"|format(h.change_qty) }}</span>
                        {% endif %}
                    </td>
                    <td class="text-secondary small">{{ h.reason or '-' }}</td>
                    <td class="pe-4 text-end"><span class="badge bg-light text-dark border">{{ h.user.username if h.user else 'System' }}</span></td>
                </tr>
            {% else %}
                <tr><td colspan="5" class="text-center text-muted py-5"><i class="bi bi-inbox fs-1 d-block mb-2 opacity-50"></i>{{ l('No adjustments recorded yet.', 'এখনও কোনো স্টক সমন্বয় করা হয়নি।') }}</td></tr>
            {% endfor %}
            </tbody>
        </table>
    </div>
</div>

{% endblock %}