{% extends 'admin_panel/base.html' %}
{% load humanize %}
{% block page_title %}Properties{% endblock %}
{% block topbar_actions %}<a href="{% url 'analytics:properties_new' %}" class="btn btn-primary"><i class="bi bi-plus-lg"></i> New Property</a>{% endblock %}
{% block content %}
<div class="card-panel">
  <form method="get" class="row g-2 mb-3">
    <div class="col-md-6"><input type="text" name="q" value="{{ q }}" class="form-control" placeholder="Search title or address..."></div>
    <div class="col-md-3"><select name="status" class="form-select"><option value="">All statuses</option>{% for v,l in statuses %}<option value="{{ v }}" {% if status == v %}selected{% endif %}>{{ l }}</option>{% endfor %}</select></div>
    <div class="col-md-3"><button class="btn btn-outline-primary w-100">Filter</button></div>
  </form>
  <div class="table-responsive">
    <table class="table align-middle">
      <thead><tr><th></th><th>Title</th><th>Type</th><th>Price</th><th>Status</th><th>Pub.</th><th>Views</th><th></th></tr></thead>
      <tbody>
        {% for p in page_obj.object_list %}
        <tr>
          <td>{% if p.main_image %}<img src="{{ p.main_image.url }}" style="width:50px;height:50px;object-fit:cover;border-radius:6px;">{% endif %}</td>
          <td><a href="{% url 'analytics:properties_edit' pk=p.pk %}" class="fw-semibold">{{ p.title|truncatechars:50 }}</a><br><small class="text-muted">{{ p.location.name }}</small></td>
          <td><span class="badge bg-info">{{ p.get_listing_type_display }}</span></td>
          <td class="fw-semibold">{{ p.price_display }}</td>
          <td><span class="badge bg-{% if p.status == 'available' %}success{% else %}secondary{% endif %}">{{ p.get_status_display }}</span></td>
          <td>{% if p.is_published %}<i class="bi bi-check-circle-fill text-success"></i>{% else %}<i class="bi bi-x-circle-fill text-muted"></i>{% endif %}</td>
          <td>{{ p.views_count }}</td>
          <td>
            <a href="{{ p.get_absolute_url }}" target="_blank" class="btn btn-sm btn-outline-secondary"><i class="bi bi-eye"></i></a>
            <a href="{% url 'analytics:properties_edit' pk=p.pk %}" class="btn btn-sm btn-outline-primary"><i class="bi bi-pencil"></i></a>
            <form method="post" action="{% url 'analytics:properties_delete' pk=p.pk %}" class="d-inline" onsubmit="return confirm('Delete this property?');">{% csrf_token %}<button class="btn btn-sm btn-outline-danger"><i class="bi bi-trash"></i></button></form>
          </td>
        </tr>
        {% empty %}<tr><td colspan="8" class="text-center text-muted py-4">No properties yet. <a href="{% url 'analytics:properties_new' %}">Add the first one</a>.</td></tr>{% endfor %}
      </tbody>
    </table>
  </div>
  {% if page_obj.has_other_pages %}<nav><ul class="pagination">
    {% if page_obj.has_previous %}<li class="page-item"><a class="page-link" href="?page={{ page_obj.previous_page_number }}{% if q %}&q={{q}}{% endif %}">Prev</a></li>{% endif %}
    {% for n in page_obj.paginator.page_range %}<li class="page-item {% if n == page_obj.number %}active{% endif %}"><a class="page-link" href="?page={{ n }}{% if q %}&q={{q}}{% endif %}">{{ n }}</a></li>{% endfor %}
    {% if page_obj.has_next %}<li class="page-item"><a class="page-link" href="?page={{ page_obj.next_page_number }}{% if q %}&q={{q}}{% endif %}">Next</a></li>{% endif %}
  </ul></nav>{% endif %}
</div>
{% endblock %}