{% extends "base.html" %}
{% block title %}Marketplace — GovLift{% endblock %}
{% block content %}
<div style="background:#1e293b;border:1px solid #334155;border-radius:8px;padding:6px 12px;color:#86efac;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-align:center;margin-bottom:16px;">{{ classification }}</div>
<a href="/govlift" style="color:#6ee7b7;text-decoration:none;font-size:.85rem;">← GovLift</a>
<div style="background:linear-gradient(135deg,#0f172a,#1a3a2a);padding:20px 26px;border-radius:10px;margin:16px 0 20px;">
  <h1 style="margin:0;font-size:1.35rem;font-weight:700;color:#d1fae5;">Migration Marketplace</h1>
  <p style="margin:4px 0 0;color:#6ee7b7;font-size:.83rem;">DoD-approved tools, templates, and playbooks for IL4 migration</p>
</div>
<div style="display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;">
{% for item in items %}
<div style="background:#1e293b;border:1px solid {% if item.is_featured %}#10b981{% else %}#334155{% endif %};border-radius:10px;padding:18px;">
  {% if item.is_featured %}<span style="background:#1a3a2a;border:1px solid #10b981;color:#10b981;font-size:.7rem;font-weight:700;padding:2px 8px;border-radius:10px;">FEATURED</span>{% endif %}
  <h3 style="color:#d1fae5;font-size:.95rem;margin:8px 0 6px;">{{ item.name }}</h3>
  <div style="color:#64748b;font-size:.75rem;margin-bottom:8px;">{{ item.category }} · {{ item.vendor or 'Unknown' }} · v{{ item.version or '1.0' }}</div>
  <p style="color:#94a3b8;font-size:.8rem;margin:0 0 10px;">{{ item.description or 'No description.' }}</p>
  <div style="display:flex;justify-content:space-between;align-items:center;">
    <span style="color:#fbbf24;font-size:.8rem;">★ {{ item.rating|round(1) }}</span>
    <span style="color:#64748b;font-size:.75rem;">{{ item.downloads }} downloads</span>
  </div>
</div>
{% else %}
<div style="grid-column:1/-1;text-align:center;color:#64748b;padding:40px;font-size:.85rem;">No marketplace items found.</div>
{% endfor %}
</div>
{% include "includes/iqe_query_widget.html" %}
{% endblock %}