{% extends "base.html" %}

{% block content %}
<div class="container mt-4">
    <h2>Create New Work Order</h2>
    <form method="POST" action="{{ url_for('work_orders.create_work_order') }}">
        <div class="mb-3">
            <label for="order_number" class="form-label">Order Number</label>
            <input type="text" class="form-control" id="order_number" name="order_number" required>
        </div>

        <div class="mb-3">
            <label for="customer_id" class="form-label">Customer</label>
            <select class="form-select" id="customer_id" name="customer_id" required>
                {% for customer in customers %}
                <option value="{{ customer.id }}">{{ customer.name }}</option>
                {% endfor %}
            </select>
        </div>

        <div class="mb-3">
            <label for="assigned_to" class="form-label">Assigned To</label>
            <select class="form-select" id="assigned_to" name="assigned_to" required>
                {% for user in users %}
                <option value="{{ user.id }}">{{ user.name }}</option>
                {% endfor %}
            </select>
        </div>

        <div class="mb-3">
            <label for="due_date" class="form-label">Due Date</label>
            <input type="date" class="form-control" id="due_date" name="due_date" required>
        </div>

        <div class="mb-3">
            <label for="status" class="form-label">Status</label>
            <select class="form-select" id="status" name="status" required>
                <option value="pending">Pending</option>
                <option value="in_progress">In Progress</option>
                <option value="completed">Completed</option>
            </select>
        </div>

        <div class="mb-3">
            <label for="redmine" class="form-label">Redmine ID</label>
            <input type="number" class="form-control" id="redmine" name="redmine">
        </div>

        <div class="mb-3">
            <label for="cal_type" class="form-label">Calibration Type</label>
            <select class="form-select" id="cal_type" name="cal_type" required>
                {% for cal_type in calibration_types %}
                <option value="{{ cal_type.id }}">{{ cal_type.type_name }}</option>
                {% endfor %}
            </select>
        </div>

        <button type="submit" class="btn btn-primary">Create Work Order</button>
    </form>
</div>
{% endblock %}