{% extends "base.html" %}
{% block content %}
<div class="container-fluid mt-3" style="max-width: 900px;">

  <div class="d-flex justify-content-between align-items-center mb-3">
    <h4 class="mb-0">
      <i class="bi bi-upload me-1"></i> Bulk Upload Assets
    </h4>
    <a href="{{ url_for('assets.list_assets') }}" class="btn btn-outline-secondary btn-sm">
      <i class="bi bi-arrow-left-short"></i> Back to Asset Master
    </a>
  </div>

  <div class="card shadow-sm mb-3">
    <div class="card-header bg-light d-flex justify-content-between align-items-center">
      <span>Upload CSV</span>
      <a href="{{ url_for('assets.bulk_template') }}" class="btn btn-outline-primary btn-sm">
        <i class="bi bi-file-earmark-arrow-down"></i> Download Sample Template
      </a>
    </div>
    <div class="card-body">
      <form method="POST"
            action="{{ url_for('assets.bulk_upload_assets') }}"
            enctype="multipart/form-data">
        {{ csrf_token() if csrf_token is defined }}

        <div class="mb-3">
          <label class="form-label fw-semibold">Select CSV file</label>
          <input type="file" name="file" accept=".csv,text/csv" class="form-control" required>

          <div class="form-text mt-2">
            Expected columns:
            <code>
              Asset Tag, Asset Code (optional), Name, Category, Vendor,
              Serial Number, Purchase Date (YYYY-MM-DD), Warranty Expiry (YYYY-MM-DD),
              Status, Location, Remarks, Quantity
            </code>.
          </div>

          <div class="alert alert-info py-2 mt-3 mb-0 small">
            <div class="fw-semibold mb-1">
              <i class="bi bi-info-circle me-1"></i> Quantity notes
            </div>
            <ul class="mb-0 ps-3">
              <li>If <b>Quantity</b> is blank, it defaults to <b>1</b>.</li>
              <li>Use Quantity for stationery / consumables (example: <b>Pencil = 50</b>).</li>
              <li>When updating an existing asset, system will not allow Quantity to be set below already allocated units.</li>
            </ul>
          </div>
        </div>

        <button type="submit" class="btn btn-primary">
          <i class="bi bi-cloud-upload"></i> Upload &amp; Process
        </button>
      </form>
    </div>
  </div>

  {% if created is defined %}
  <div class="card shadow-sm mb-3">
    <div class="card-header bg-light fw-semibold">
      Upload Summary
    </div>
    <div class="card-body">
      <p class="mb-1"><strong>File:</strong> {{ filename }}</p>
      <p class="mb-1"><strong>Created:</strong> {{ created }}</p>
      <p class="mb-1"><strong>Updated:</strong> {{ updated }}</p>
      <p class="mb-0"><strong>Skipped:</strong> {{ skipped }}</p>
    </div>
  </div>
  {% endif %}

  {% if errors %}
  <div class="card shadow-sm mb-3">
    <div class="card-header bg-light fw-semibold">
      Row-wise Issues
    </div>
    <div class="card-body">
      <ul class="mb-0 text-danger small">
        {% for e in errors %}
          <li>{{ e }}</li>
        {% endfor %}
      </ul>
    </div>
  </div>
  {% endif %}

</div>
{% endblock %}