{% extends "base.html" %}

{% block title %}Create Process - Consumption Sheets - ScanLook{% endblock %}

{% block content %}
<div class="dashboard-container">
    <div class="mode-selector">
        <a href="{{ url_for('cons_sheets.admin_processes') }}" class="btn btn-secondary btn-sm">
            <i class="fa-solid fa-arrow-left"></i> Back to Processes
        </a>
    </div>

    <div class="form-container" style="max-width: 600px; margin: 0 auto;">
        <h1 class="page-title" style="text-align: center; margin-bottom: var(--space-xl);">Create New Process</h1>
        
        <form method="POST" class="form-card">
            <div class="form-group">
                <label for="process_name" class="form-label">Process Name</label>
                <input type="text" 
                       id="process_name" 
                       name="process_name" 
                       class="form-input" 
                       placeholder="e.g., AD WIP"
                       required
                       autofocus>
                <p class="form-hint">This will be displayed in menus and reports</p>
            </div>

            <div class="form-actions">
                <a href="{{ url_for('cons_sheets.admin_processes') }}" class="btn btn-secondary">Cancel</a>
                <button type="submit" class="btn btn-primary">Create Process</button>
            </div>
        </form>
    </div>
</div>
{% endblock %}