{% extends "shopyo_base/module_base.html" %}
{% set active_page = 'inventory' %}
{% block pagehead %}<title>Stock Transfers</title>{% endblock %}
{% block sidebar %}{% include 'inventory/blocks/sidebar.html' %}{% endblock %}
{% block module_content %}
<br>
<div class="card">
 <div class="card-body">
 <h2>Stock Transfers</h2>
 {% if locations|length> 1 %}
 <form method="POST" action="{{ url_for('shopyo_ecommerce.inventory.transfer_create') }}" class="form-inline mb-3">
 <input type="hidden" name="csrf_token" value="{{ csrf_token() }}" />
 <select name="from_location_id" class="w-full bg-slate-50 dark:bg-slate-800 border border-slate-200 dark:border-slate-700 rounded-xl py-3 px-4 text-xs focus:ring-2 focus:ring-primary/20 focus:border-primary transition-all outline-none mr-2" required>
 <option value="">From...</option>
 {% for l in locations %}<option value="{{ l.id }}">{{ l.name }}</option>{% endfor %}
 </select>
 <select name="to_location_id" class="w-full bg-slate-50 dark:bg-slate-800 border border-slate-200 dark:border-slate-700 rounded-xl py-3 px-4 text-xs focus:ring-2 focus:ring-primary/20 focus:border-primary transition-all outline-none mr-2" required>
 <option value="">To...</option>
 {% for l in locations %}<option value="{{ l.id }}">{{ l.name }}</option>{% endfor %}
 </select>
 <button type="submit" class="btn text-white bg-sky-500 hover:bg-sky-600 border-sky-500">New Transfer</button>
 </form>
 {% else %}
 <p class="text-slate-400">Add at least 2 locations to create transfers.</p>
 {% endif %}
 {% for t in transfers %}
 <div class="card mb-2">
 <div class="card-body">
 <h5>Transfer #{{ t.id }} <span class="badge badge-{{ 'secondary' if t.status=='draft' else 'primary' if t.status=='completed' else 'success' }}">{{ t.status }}</span></h5>
 <p>{{ t.from_location.name }} → {{ t.to_location.name }} | {{ t.created_at.strftime('%Y-%m-%d %H:%M') if t.created_at else '' }}</p>
 <table class="table ">
 <thead><tr><th>Product</th><th>Qty</th></tr></thead>
 <tbody>
 {% for item in t.items %}
 <tr><td>{{ item.product.name if item.product else '?' }}</td><td>{{ item.quantity }}</td></tr>
 {% else %}<tr><td colspan="2" class="text-slate-400">No items</td></tr>
 {% endfor %}
 </tbody>
 </table>
 {% if t.status == 'draft' %}
 <form method="POST" action="{{ url_for('shopyo_ecommerce.inventory.transfer_add_item', t_id=t.id) }}" class="form-inline mb-2">
 <input type="hidden" name="csrf_token" value="{{ csrf_token() }}" />
 <select name="product_id" class="w-full bg-slate-50 dark:bg-slate-800 border border-slate-200 dark:border-slate-700 rounded-xl py-3 px-4 text-xs focus:ring-2 focus:ring-primary/20 focus:border-primary transition-all outline-none mr-2" required>
 <option value="">Product...</option>
 {% for p in products %}<option value="{{ p.id }}">{{ p.name }}</option>{% endfor %}
 </select>
 <input type="number" name="quantity" class="w-full bg-slate-50 dark:bg-slate-800 border border-slate-200 dark:border-slate-700 rounded-xl py-3 px-4 text-xs focus:ring-2 focus:ring-primary/20 focus:border-primary transition-all outline-none mr-2" placeholder="Qty" min="1" required style="width:80px;">
 <button type="submit" class="btn text-white bg-emerald-500 hover:bg-emerald-600 border-emerald-500 px-3 py-1.5 text-[10px]">Add</button>
 </form>
 <form method="POST" action="{{ url_for('shopyo_ecommerce.inventory.transfer_complete', t_id=t.id) }}" style="display:inline;">
 <input type="hidden" name="csrf_token" value="{{ csrf_token() }}" />
 <button class="btn btn-primary px-3 py-1.5 text-[10px]">Complete Transfer</button>
 </form>
 {% elif t.status == 'completed' %}
 <form method="POST" action="{{ url_for('shopyo_ecommerce.inventory.transfer_receive', t_id=t.id) }}" style="display:inline;">
 <input type="hidden" name="csrf_token" value="{{ csrf_token() }}" />
 <button class="btn text-white bg-emerald-500 hover:bg-emerald-600 border-emerald-500 px-3 py-1.5 text-[10px]">Receive at Destination</button>
 </form>
 {% endif %}
 </div>
 </div>
 {% else %}
 <p class="text-slate-400">No transfers yet.</p>
 {% endfor %}
 </div>
</div>
{% endblock %}