{% extends "base.html" %}
{% block title %}{% if q %}جستجو: {{ q }}{% else %}جستجوی سایت{% endif %} — Zomorodmelal{% endblock %}
{% block meta_description %}موتور جستجوی محتوای شرکت کشت و صنعت زمرد ملل؛ خبرنامه، دانش، محصولات و صفحات رسمی.{% endblock %}
{% block content %}
<div style="padding:70px 6vw;min-height:70vh;background:#f4efe3">
  <span style="letter-spacing:.16em;color:#96783d">SITE SEARCH / CONTENT INDEX</span>
  <h1 style="font-size:clamp(2.4rem,6vw,5rem);margin:.5rem 0">جستجوی دقیق محتوای سایت</h1>
  <form method="get" role="search" style="display:flex;gap:10px;max-width:900px;margin:30px 0">
    <label for="q" style="position:absolute;left:-9999px">عبارت جستجو</label>
    <input id="q" name="q" value="{{ q }}" placeholder="نام شرکت، مجتبی روزگار، خبر، پژوهش، محصول..." style="flex:1;padding:18px;border:1px solid #c9c0b1;font-size:16px">
    <button style="padding:18px 28px">جستجو</button>
  </form>
  {% if q %}<p>{{ results|length }} نتیجه برای «{{ q }}»</p>{% endif %}
  <section style="display:grid;gap:14px;margin-top:25px">
  {% for item in results %}<a href="{{ item.url }}" style="padding:24px;background:#fff;border:1px solid #ddd4c4;text-decoration:none;color:inherit"><small>{{ item.type }}</small><h2>{{ item.title }}</h2><p style="line-height:1.9">{{ item.summary }}</p></a>
  {% empty %}{% if q %}<div style="padding:28px;border:1px dashed #b9ad98">نتیجه‌ای پیدا نشد. عبارت را با نام شرکت، موضوع پژوهش یا عنوان خبر دوباره جستجو کنید.</div>{% else %}<div style="padding:28px">عبارت جستجو را وارد کنید.</div>{% endif %}{% endfor %}
  </section>
</div>
{% endblock %}