{% extends "base.html" %}
{% block title %}Setari - GoMag Import{% endblock %}
{% block nav_settings %}active{% endblock %}

{% block content %}
<h4 class="mb-4">Setari</h4>

<!-- Import ROA Card -->
<div class="card mb-4">
    <div class="card-header">Import ROA</div>
    <div class="card-body">
        <div class="row g-3">
            <div class="col-md-3">
                <label class="form-label form-label-sm mb-1">ID Politica de Pret (ID_POL)</label>
                <input type="number" class="form-control form-control-sm" id="settIdPol" placeholder="ex: 1">
                <small class="text-muted">Lasa gol pentru valoarea implicita din config</small>
            </div>
            <div class="col-md-3">
                <label class="form-label form-label-sm mb-1">ID Sectie (ID_SECTIE)</label>
                <input type="number" class="form-control form-control-sm" id="settIdSectie" placeholder="ex: 1">
                <small class="text-muted">Lasa gol pentru valoarea implicita din config</small>
            </div>
        </div>
    </div>
</div>

<!-- Transport Card -->
<div class="card mb-4">
    <div class="card-header">Transport</div>
    <div class="card-body">
        <div class="row g-3">
            <div class="col-md-4">
                <label class="form-label form-label-sm mb-1">CODMAT Transport</label>
                <div class="position-relative">
                    <input type="text" class="form-control form-control-sm" id="settTransportCodmat" placeholder="ex: TRANSPORT" autocomplete="off">
                    <div class="autocomplete-dropdown d-none" id="settTransportAc"></div>
                </div>
                <small class="text-muted">Lasa gol pentru a nu adauga transport la import</small>
            </div>
            <div class="col-md-2">
                <label class="form-label form-label-sm mb-1">TVA Transport (%)</label>
                <select class="form-select form-select-sm" id="settTransportVat">
                    <option value="5">5%</option>
                    <option value="9">9%</option>
                    <option value="19">19%</option>
                    <option value="21" selected>21%</option>
                </select>
            </div>
            <div class="col-md-3">
                <label class="form-label form-label-sm mb-1">ID Pol Transport (optional)</label>
                <input type="number" class="form-control form-control-sm" id="settTransportIdPol" placeholder="ex: 2">
                <small class="text-muted">Politica de pret specifica pentru transport</small>
            </div>
        </div>
    </div>
</div>

<!-- Discount Card -->
<div class="card mb-4">
    <div class="card-header">Discount</div>
    <div class="card-body">
        <div class="row g-3">
            <div class="col-md-4">
                <label class="form-label form-label-sm mb-1">CODMAT Discount</label>
                <div class="position-relative">
                    <input type="text" class="form-control form-control-sm" id="settDiscountCodmat" placeholder="ex: DISCOUNT" autocomplete="off">
                    <div class="autocomplete-dropdown d-none" id="settDiscountAc"></div>
                </div>
                <small class="text-muted">Lasa gol pentru a nu adauga discount la import</small>
            </div>
            <div class="col-md-2">
                <label class="form-label form-label-sm mb-1">TVA Discount (%)</label>
                <select class="form-select form-select-sm" id="settDiscountVat">
                    <option value="5">5%</option>
                    <option value="9">9%</option>
                    <option value="19" selected>19%</option>
                    <option value="21">21%</option>
                </select>
            </div>
            <div class="col-md-3">
                <label class="form-label form-label-sm mb-1">ID Pol Discount (optional)</label>
                <input type="number" class="form-control form-control-sm" id="settDiscountIdPol" placeholder="ex: 2">
                <small class="text-muted">Politica de pret specifica pentru discount</small>
            </div>
        </div>
    </div>
</div>

<div class="mb-4">
    <button class="btn btn-primary" onclick="saveSettings()">Salveaza Setarile</button>
    <span id="settSaveResult" class="ms-2"></span>
</div>

{% endblock %}

{% block scripts %}
<script src="{{ request.scope.get('root_path', '') }}/static/js/settings.js?v=1"></script>
{% endblock %}