{% extends "industry_reforged/base.html" %}
{% load i18n %}

{% block details %}
<div class="container-fluid">
    <div class="row mb-3">
        <div class="col-12">
            <h3>{% trans "Create New Order" %}</h3>
            <a href="{% url 'industry_reforged:orders_dashboard' %}" class="btn btn-primary"><i class="fas fa-arrow-left"></i> {% trans "Back to Orders" %}</a>
        </div>
    </div>



    <div class="row">
        <div class="col-md-8">
            <div class="card border-0 mb-4">
                <div class="card-header">
                    <h3 class="card-title">{% trans "Paste EFT Fit" %}</h3>
                </div>
                <form method="post" action="{% url 'industry_reforged:create_order' %}" class="show-loader">
                    {% csrf_token %}
                    <div class="card-body">

                        <div class="mb-3">
                            <label for="fit_text" class="form-label">{% trans "Items to Order" %}</label>
                            <textarea name="fit_text" id="fit_text" rows="15" class="form-control bg-dark text-white border-secondary" placeholder="[Drake, My Fit]&#10;Heavy Missile Launcher II&#10;...&#10;&#10;-- OR --&#10;20 Drake&#10;1000x Scourge Fury Heavy Missile&#10;&#10;-- OR --&#10;Drake 20" required></textarea>
                            <small class="form-text text-muted">Paste your fit directly from EVE Online/Pyfa, or simply type your items in bulk (e.g. <code>20 Drake</code> or <code>Scourge Missile x1000</code>). The system will automatically parse the items and quantities to generate a quote.</small>
                        </div>
                    </div>
                    <div class="card-footer bg-transparent border-0 text-end">
                        <button type="submit" class="btn btn-success"><i class="fas fa-calculator"></i> {% trans "Generate Quote" %}</button>
                    </div>
                </form>
            </div>
        </div>
        <div class="col-md-4">
            <div class="card border-0 mb-4 bg-dark">
                <div class="card-header border-bottom border-secondary">
                    <h3 class="card-title text-warning">{% trans "How it works" %}</h3>
                </div>
                <div class="card-body">
                    <ol>
                        <li>Paste your EFT format fit or bulk item list in the text box.</li>
                        <li>Click <strong>Generate Quote</strong>.</li>
                        <li>The system will fetch real-time Jita Sell prices via Fuzzwork and apply any corporation discounts.</li>
                        <li>You can review the itemized quote before confirming your order.</li>
                    </ol>
                </div>
            </div>
        </div>
    </div>
</div>
{% endblock %}