{% extends 'base.html' %}
{% block title %}Upload Template – IT Asset Management{% endblock %}
{% block breadcrumb %}
  <li class="breadcrumb-item"><a href="{{ url_for('dashboard.index') }}">Home</a></li>
  <li class="breadcrumb-item"><a href="{{ url_for('doc_templates.index') }}">Templates</a></li>
  <li class="breadcrumb-item active">Upload</li>
{% endblock %}

{% block content %}
<div class="page-header mb-4">
  <h1><i class="bi bi-upload me-2"></i>Upload Document Template</h1>
</div>

<div class="row">
  <div class="col-lg-7">
    <div class="card border-0 shadow-sm mb-4">
      <div class="card-body">
        <form method="POST" enctype="multipart/form-data">
          <div class="mb-3">
            <label class="form-label fw-semibold">Template Name <span class="text-danger">*</span></label>
            <input type="text" name="name" class="form-control" placeholder="e.g. Equipment Handover Receipt" required>
          </div>
          <div class="mb-3">
            <label class="form-label fw-semibold">Category</label>
            <select name="category" class="form-select">
              <option value="">— no category —</option>
              {% for val, label in doc_types %}
              <option value="{{ val }}">{{ label }}</option>
              {% endfor %}
            </select>
            <div class="form-text">Used to pre-select this template when creating paperwork of that type.</div>
          </div>
          <div class="mb-3">
            <label class="form-label fw-semibold">Description</label>
            <textarea name="description" class="form-control" rows="2" placeholder="Optional notes about this template…"></textarea>
          </div>
          <div class="mb-4">
            <label class="form-label fw-semibold">.docx Template File <span class="text-danger">*</span></label>
            <input type="file" name="docx_file" class="form-control" accept=".docx" required>
            <div class="form-text">Word document (.docx) with <code>&#123;&#123; variable_name &#125;&#125;</code> placeholders.</div>
          </div>
          <div class="d-flex gap-2">
            <button type="submit" class="btn btn-primary">
              <i class="bi bi-upload me-1"></i>Upload
            </button>
            <a href="{{ url_for('doc_templates.index') }}" class="btn btn-outline-secondary">Cancel</a>
          </div>
        </form>
      </div>
    </div>
  </div>

  <div class="col-lg-5">
    <div class="card border-0 shadow-sm">
      <div class="card-header fw-semibold small text-uppercase text-muted bg-white">
        Available Variables
      </div>
      <div class="card-body p-0">
        <table class="table table-sm table-hover mb-0 small">
          <thead class="table-light"><tr><th>Variable</th><th>Value</th></tr></thead>
          <tbody>
            {% set var_docs = [
              ('user_name','Full name (masked if user left)'),
              ('user_email','Email address'),
              ('user_phone','Phone number'),
              ('user_department','Department (retained after masking)'),
              ('user_job_title','Job title'),
              ('user_location','Office location'),
              ('user_windows_id','Windows / AD ID — never masked'),
              ('asset_serial','Asset serial number'),
              ('asset_service_tag','Dell / vendor service tag'),
              ('asset_brand','Brand (e.g. Dell)'),
              ('asset_model','Model name'),
              ('asset_type','Type (Laptop / Desktop / …)'),
              ('asset_os','Operating system'),
              ('asset_warranty_expiry','Warranty expiry date'),
              ('assignment_date','Date asset was assigned'),
              ('return_date','Date asset was returned'),
              ('document_date','Today\'s date'),
              ('document_number','Document / paperwork ID'),
              ('company_name','Your company name'),
              ('company_address','Your company address'),
            ] %}
            {% for var, desc in var_docs %}
            <tr>
              <td><code>&#123;&#123; {{ var }} &#125;&#125;</code></td>
              <td class="text-muted">{{ desc }}</td>
            </tr>
            {% endfor %}
          </tbody>
        </table>
      </div>
    </div>
  </div>
</div>
{% endblock %}