{% extends "base.html" %}

{% block content %}
    <h2>{{ _('Add Non-Loanable Device') }}</h2>
    <p>{{ _('Add a device that will be tracked in inventory but cannot be loaned to users (e.g., projectors, monitors, etc.)') }}</p>
    
    <form method="POST" action="/add_non_loanable_device">
        <div class="form-group">
            <label for="device_type">{{ _('Device Type') }}:</label>
            <select id="device_type" name="device_type" required>
                <option value="">{{ _('Select device type...') }}</option>
                <option value="projector">{{ _('Projector') }}</option>
                <option value="monitor">{{ _('Monitor') }}</option>
                <option value="laptop">{{ _('Laptop (non-loanable)') }}</option>
                <option value="printer">{{ _('Printer') }}</option>
                <option value="camera">{{ _('Camera') }}</option>
                <option value="audio">{{ _('Audio Equipment') }}</option>
                <option value="network">{{ _('Network Equipment') }}</option>
                <option value="other">{{ _('Other') }}</option>
            </select>
        </div>

        <div class="form-group">
            <label for="brand">{{ _('Brand') }}:</label>
            <input type="text" id="brand" name="brand" required>
        </div>

        <div class="form-group">
            <label for="model">{{ _('Model') }}:</label>
            <input type="text" id="model" name="model" required>
        </div>

        <div class="form-group">
            <label for="serial_number">{{ _('Serial Number') }}:</label>
            <input type="text" id="serial_number" name="serial_number" required>
        </div>

        <div class="form-group">
            <label for="location">{{ _('Location') }}:</label>
            <input type="text" id="location" name="location">
        </div>

        <div class="form-group">
            <label for="purchase_date">{{ _('Purchase Date') }}:</label>
            <input type="date" id="purchase_date" name="purchase_date">
        </div>

        <div class="form-group">
            <label for="purchase_cost">{{ _('Purchase Cost') }}:</label>
            <input type="number" id="purchase_cost" name="purchase_cost" step="0.01">
        </div>

        <div class="form-group">
            <label for="notes">{{ _('Notes') }}:</label>
            <textarea id="notes" name="notes"></textarea>
        </div>

        <div class="form-group">
            <button type="submit" class="btn">{{ _('Add Device') }}</button>
            <a href="/non_loanable_devices" class="btn">{{ _('Cancel') }}</a>
        </div>
    </form>
{% endblock %}