{% extends "base.html" %}
{% set active_nav = "shipments" %}

{% block title %}Edit Shipment {{ shipment.shipment_number }} - LSMC Hub{% endblock %}

{% block content %}
<div class="page-header">
    <div>
        <h1 class="page-title">Edit Shipment</h1>
        <p class="page-subtitle">{{ shipment.shipment_number }}</p>
    </div>
    <a href="/shipments/{{ shipment.shipment_number }}" class="btn btn-ghost">← Back to Shipment</a>
</div>

<form method="POST" action="/shipments/{{ shipment.shipment_number }}/edit" class="card">
    <input type="hidden" name="csrf_token" value="{{ csrf_token }}">
    
    <h3 class="mb-lg">Shipment Details</h3>
    <div class="flex gap-lg mb-lg">
        <div class="form-group" style="flex: 1;">
            <label class="form-label">Tracking Number</label>
            <input type="text" name="tracking_number" class="form-input" 
                   value="{{ revision.tracking_number or '' }}"
                   placeholder="e.g., 1Z999AA10123456784">
        </div>
        <div class="form-group" style="flex: 1;">
            <label class="form-label">Carrier</label>
            <select name="carrier" class="form-select">
                <option value="">-- Select Carrier --</option>
                <option value="FEDEX" {{ 'selected' if revision.carrier == 'FEDEX' else '' }}>FedEx</option>
                <option value="UPS" {{ 'selected' if revision.carrier == 'UPS' else '' }}>UPS</option>
                <option value="USPS" {{ 'selected' if revision.carrier == 'USPS' else '' }}>USPS</option>
                <option value="DHL" {{ 'selected' if revision.carrier == 'DHL' else '' }}>DHL</option>
                <option value="COURIER" {{ 'selected' if revision.carrier == 'COURIER' else '' }}>Local Courier</option>
                <option value="OTHER" {{ 'selected' if revision.carrier == 'OTHER' else '' }}>Other</option>
            </select>
        </div>
    </div>

    <div class="form-group mb-lg">
        <label class="form-label">Temperature Requirement</label>
        <select name="temperature_requirement" class="form-select">
            <option value="">-- No Requirement --</option>
            <option value="AMBIENT" {{ 'selected' if revision.temperature_requirement == 'AMBIENT' else '' }}>Ambient</option>
            <option value="REFRIGERATED" {{ 'selected' if revision.temperature_requirement == 'REFRIGERATED' else '' }}>Refrigerated (2-8°C)</option>
            <option value="FROZEN" {{ 'selected' if revision.temperature_requirement == 'FROZEN' else '' }}>Frozen (-20°C)</option>
            <option value="DRY_ICE" {{ 'selected' if revision.temperature_requirement == 'DRY_ICE' else '' }}>Dry Ice (-80°C)</option>
        </select>
    </div>

    <div class="form-group">
        <label class="form-label">Special Instructions</label>
        <textarea name="special_instructions" class="form-textarea" rows="3" 
                  placeholder="Any special handling instructions...">{{ revision.special_instructions or '' }}</textarea>
    </div>

    <div class="form-group">
        <label class="form-label">Revision Note</label>
        <textarea name="note" class="form-textarea" rows="2" 
                  placeholder="Reason for this update (optional)..."></textarea>
        <p class="form-hint">This note will be recorded in the revision history</p>
    </div>

    <div class="flex gap-md justify-between mt-lg" style="border-top: 1px solid var(--border-color); padding-top: var(--space-lg);">
        <a href="/shipments/{{ shipment.shipment_number }}" class="btn btn-ghost">Cancel</a>
        <button type="submit" class="btn btn-primary">Save Changes</button>
    </div>
</form>
{% endblock %}