{% extends "base.html" %}

{% block content %}

<div class="d-flex justify-content-between align-items-center mb-4">

    <div>

        <h2>
            <i class="bi bi-pencil text-warning"></i>
            Edit Material
        </h2>

        <p class="text-muted">
            {{ material.material_code }} - {{ material.description }}
        </p>

    </div>

    <a href="/materials/{{ material.id }}" class="btn btn-secondary">

        <i class="bi bi-arrow-left"></i>

        Back

    </a>

</div>

<form method="POST" action="/materials/edit/{{ material.id }}">

<div class="card shadow-sm">

<div class="card-header bg-warning">

<h5>Edit Material</h5>

</div>

<div class="card-body">

<div class="row">

<div class="col-md-8 mb-3">

<label>Description *</label>

<input type="text" class="form-control" name="description" value="{{ material.description }}" required>

</div>

<div class="col-md-4 mb-3">

<label>Category</label>

<select class="form-select" name="category">

    <option value="">Select Category...</option>

    <option value="Electrical" {% if material.category == 'Electrical' %}selected{% endif %}>Electrical</option>

    <option value="Mechanical" {% if material.category == 'Mechanical' %}selected{% endif %}>Mechanical</option>

    <option value="Civil" {% if material.category == 'Civil' %}selected{% endif %}>Civil</option>

    <option value="HVAC" {% if material.category == 'HVAC' %}selected{% endif %}>HVAC</option>

    <option value="Instrumentation" {% if material.category == 'Instrumentation' %}selected{% endif %}>Instrumentation</option>

    <option value="Plumbing" {% if material.category == 'Plumbing' %}selected{% endif %}>Plumbing</option>

    <option value="General" {% if material.category == 'General' %}selected{% endif %}>General</option>

</select>

</div>

<div class="col-md-4 mb-3">

<label>Supplier</label>

<input type="text" class="form-control" name="supplier" value="{{ material.supplier or '' }}">

</div>

<div class="col-md-4 mb-3">

<label>Manufacturer</label>

<input type="text" class="form-control" name="manufacturer" value="{{ material.manufacturer or '' }}">

</div>

<div class="col-md-4 mb-3">

<label>Part Number</label>

<input type="text" class="form-control" name="part_number" value="{{ material.part_number or '' }}">

</div>

<div class="col-md-3 mb-3">

<label>Unit</label>

<select class="form-select" name="unit">

    <option value="Each" {% if material.unit == 'Each' %}selected{% endif %}>Each</option>

    <option value="Metre" {% if material.unit == 'Metre' %}selected{% endif %}>Metre</option>

    <option value="Roll" {% if material.unit == 'Roll' %}selected{% endif %}>Roll</option>

    <option value="Kg" {% if material.unit == 'Kg' %}selected{% endif %}>Kg</option>

    <option value="Box" {% if material.unit == 'Box' %}selected{% endif %}>Box</option>

    <option value="Litre" {% if material.unit == 'Litre' %}selected{% endif %}>Litre</option>

    <option value="Set" {% if material.unit == 'Set' %}selected{% endif %}>Set</option>

    <option value="Pair" {% if material.unit == 'Pair' %}selected{% endif %}>Pair</option>

</select>

</div>

<div class="col-md-3 mb-3">

<label>Minimum Stock</label>

<input type="number" step="0.01" class="form-control" name="minimum_stock" value="{{ material.minimum_stock }}">

</div>

<div class="col-md-3 mb-3">

<label>Reorder Level</label>

<input type="number" step="0.01" class="form-control" name="reorder_level" value="{{ material.reorder_level }}">

</div>

<div class="col-md-3 mb-3">

<label>Location</label>

<input type="text" class="form-control" name="location" value="{{ material.location or '' }}" placeholder="Main Store">

</div>

<div class="col-md-12 mb-3">

<label>Status</label>

<select class="form-select" name="status">

    <option value="Active" {% if material.status == 'Active' %}selected{% endif %}>Active</option>

    <option value="Inactive" {% if material.status == 'Inactive' %}selected{% endif %}>Inactive</option>

    <option value="Discontinued" {% if material.status == 'Discontinued' %}selected{% endif %}>Discontinued</option>

</select>

</div>

</div>

</div>

</div>

<br>

<button class="btn btn-primary btn-lg">

<i class="bi bi-save"></i>

Update Material

</button>

<a href="/materials/{{ material.id }}" class="btn btn-secondary btn-lg">

Cancel

</a>

</form>

{% endblock %}