{% extends 'layouts/base.html' %}

{% block content %}

<div class="panel form-card">
    <div class="page-head">
        <h1>Import Products / Services</h1>
        <a class="btn" href="{{ url_for('products.import_template') }}">Download Template</a>
    </div>

    <form method="post" enctype="multipart/form-data" class="form-grid">
        <div class="form-group full-width">
            <label>Select CSV or Excel File</label>
            <input type="file" name="file" accept=".csv,.xlsx,.xlsm" required>
        </div>

        <div class="form-actions full-width">
            <button class="btn" type="submit">Import Products</button>
            <a class="btn btn-sm" href="{{ url_for('products.index') }}">Cancel</a>
        </div>
    </form>

    <p class="muted">
        Columns: name (required), sku, group, price, tax_percent, status, description.
        Unknown group names are created automatically.
    </p>
</div>

{% endblock %}