111 lines
5.4 KiB
HTML
111 lines
5.4 KiB
HTML
{% extends 'base.html' %}
|
|
{% load indonesian_filters %}
|
|
|
|
{% block title %}Stock Transfer - Manufacturing App{% endblock %}
|
|
|
|
{% block content %}
|
|
<div class="d-flex justify-content-between flex-wrap flex-md-nowrap align-items-center pt-3 pb-2 mb-3 border-bottom">
|
|
<h1 class="h2">Stock Transfer</h1>
|
|
<div class="btn-toolbar mb-2 mb-md-0">
|
|
<a href="{% url 'inventory:movement_list' %}" class="btn btn-outline-secondary">
|
|
<i class="fas fa-arrow-left"></i> Back to Movements
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row justify-content-center">
|
|
<div class="col-lg-8">
|
|
<div class="card">
|
|
<div class="card-header bg-info text-white">
|
|
<h5 class="mb-0">
|
|
<i class="fas fa-exchange-alt"></i> Transfer Stock Between Warehouses
|
|
</h5>
|
|
</div>
|
|
<div class="card-body">
|
|
<form method="post" class="needs-validation" novalidate>
|
|
{% csrf_token %}
|
|
|
|
<div class="mb-3">
|
|
<label for="product" class="form-label">Product *</label>
|
|
<select name="product" id="product" class="form-select" required>
|
|
<option value="">Select Product</option>
|
|
{% for product in products %}
|
|
<option value="{{ product.id }}">{{ product.name }} ({{ product.code }})</option>
|
|
{% endfor %}
|
|
</select>
|
|
<div class="invalid-feedback">Please select a product</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="col-md-6 mb-3">
|
|
<label for="from_warehouse" class="form-label">From Warehouse *</label>
|
|
<select name="from_warehouse" id="from_warehouse" class="form-select" required>
|
|
<option value="">Select Source Warehouse</option>
|
|
{% for warehouse in warehouses %}
|
|
<option value="{{ warehouse.id }}">{{ warehouse.name }}</option>
|
|
{% endfor %}
|
|
</select>
|
|
<div class="invalid-feedback">Please select source warehouse</div>
|
|
</div>
|
|
|
|
<div class="col-md-6 mb-3">
|
|
<label for="to_warehouse" class="form-label">To Warehouse *</label>
|
|
<select name="to_warehouse" id="to_warehouse" class="form-select" required>
|
|
<option value="">Select Destination Warehouse</option>
|
|
{% for warehouse in warehouses %}
|
|
<option value="{{ warehouse.id }}">{{ warehouse.name }}</option>
|
|
{% endfor %}
|
|
</select>
|
|
<div class="invalid-feedback">Please select destination warehouse</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="mb-3">
|
|
<label for="quantity" class="form-label">Quantity *</label>
|
|
<input type="text" name="quantity" id="quantity" class="form-control"
|
|
placeholder="0.00" required pattern="[0-9]+([,\.][0-9]+)?"
|
|
title="Enter a valid number (use comma or dot as decimal separator)">
|
|
<div class="invalid-feedback">Please enter a valid quantity</div>
|
|
<div class="form-text">Use comma (,) as decimal separator for Indonesian format</div>
|
|
</div>
|
|
|
|
<div class="mb-3">
|
|
<label for="notes" class="form-label">Notes</label>
|
|
<textarea name="notes" id="notes" class="form-control" rows="3"
|
|
placeholder="Optional notes about this stock transfer..."></textarea>
|
|
</div>
|
|
|
|
<div class="d-grid gap-2 d-md-flex justify-content-md-end">
|
|
<a href="{% url 'inventory:movement_list' %}" class="btn btn-secondary me-md-2">Cancel</a>
|
|
<button type="submit" class="btn btn-info">
|
|
<i class="fas fa-save"></i> Transfer Stock
|
|
</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row mt-4">
|
|
<div class="col-12">
|
|
<div class="card">
|
|
<div class="card-header">
|
|
<h6 class="mb-0">Instructions</h6>
|
|
</div>
|
|
<div class="card-body">
|
|
<ul class="mb-0">
|
|
<li>Select the product you want to transfer</li>
|
|
<li>Choose the source warehouse (from where to take the stock)</li>
|
|
<li>Choose the destination warehouse (where to move the stock)</li>
|
|
<li>Enter the quantity to transfer (use comma as decimal separator)</li>
|
|
<li>System will verify sufficient stock in source warehouse</li>
|
|
<li>Source and destination warehouses must be different</li>
|
|
<li>Add optional notes for reference</li>
|
|
<li>Click "Transfer Stock" to complete the transaction</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endblock %} |