{% extends 'admin/layout.html.twig' %}
{% block title %}Adjust Stock: {{ product.name }} - KitscoApp{% endblock %}
{% block page_title %}Adjust Stock{% endblock %}

{% block content %}
<div class="mb-6">
    <a href="{{ path('admin_inventory_history', {id: product.id}) }}" class="text-gray-400 hover:text-gray-600 transition-colors text-sm">
        <i class="bi bi-arrow-left"></i> Back to History
    </a>
</div>

<div class="bg-white rounded-xl shadow-sm border border-gray-100 max-w-2xl">
    <div class="px-6 py-4 border-b border-gray-100">
        <h3 class="font-semibold text-gray-800 text-sm"><i class="bi bi-box-seam mr-2"></i>{{ product.name }}</h3>
        <div class="flex items-center gap-4 mt-2">
            <p class="text-sm text-gray-500">Current stock: <strong class="{{ product.stockQuantity <= 0 ? 'text-red-600' : 'text-gray-800' }}">{{ product.stockQuantity }}</strong> units</p>
            <p class="text-sm text-gray-500">Cost: <strong>{{ product.cogs|money }}</strong> TZS</p>
        </div>
    </div>
    <div class="p-6">
        {{ form_start(form) }}
        <div class="space-y-4">
            <div>
                {% set type_options = [] %}
                {% for choice in form.type.vars.choices %}
                    {% set type_options = type_options|merge([{value: choice.value, label: choice.label}]) %}
                {% endfor %}
                {% include 'components/_select_dropdown.html.twig' with {
                    id: form.type.vars.id,
                    name: form.type.vars.full_name,
                    value: form.type.vars.value,
                    label: 'Adjustment Type',
                    options: type_options,
                    placeholder: 'Select type...',
                    required: true
                } %}
                {% do form.type.setRendered %}
            </div>
            {{ form_row(form.quantity) }}
            {{ form_row(form.reason) }}
            {{ form_row(form.reference) }}
        </div>
        <div class="flex justify-end gap-3 pt-6">
            <a href="{{ path('admin_inventory_history', {id: product.id}) }}" class="inline-flex items-center py-2.5 px-5 border border-gray-300 rounded-lg text-gray-600 hover:bg-gray-50 transition-colors text-sm">Cancel</a>
            <button type="submit" class="inline-flex items-center gap-2 bg-kitsco-accent hover:bg-kitsco-dark text-white font-medium py-2.5 px-5 rounded-lg transition-colors text-sm">
                <i class="bi bi-check-lg"></i> Apply
            </button>
        </div>
        {{ form_end(form) }}
    </div>
</div>
{% endblock %}