{% extends "admin_base.html" %}
{% import "macros/admin_crud_list.html" as crud %}
{% import "macros/modal.html" as modal %}
{% import "macros/loading_spinner.html" as spinner %}

{% block page_title %}Property Listings{% endblock %}

{% block extra_head %}
{% endblock %}

{% block admin_content %}
<div class="pl-admin-filters" id="pl-admin-status-tabs" data-plugin="property-listings" role="group" aria-label="Filter listings by status">
    <button type="button" class="blocks-button blocks-button-sm blocks-button-secondary active" data-status="pending" aria-pressed="true">Pending</button>
    <button type="button" class="blocks-button blocks-button-sm blocks-button-secondary" data-status="pending_payment" aria-pressed="false">Awaiting payment</button>
    <button type="button" class="blocks-button blocks-button-sm blocks-button-secondary" data-status="all" aria-pressed="false">All</button>
    <button type="button" class="blocks-button blocks-button-sm blocks-button-secondary" data-status="active" aria-pressed="false">Active</button>
    <button type="button" class="blocks-button blocks-button-sm blocks-button-secondary" data-status="rejected" aria-pressed="false">Rejected</button>
    <button type="button" class="blocks-button blocks-button-sm blocks-button-secondary" data-status="archived" aria-pressed="false">Archived</button>
</div>

{{ crud::shell_open(config_url="/plugins/property-listings/assets/admin/listings_list.json", mount_id="pl-admin-list", custom_mount=true) }}
<table><thead></thead><tbody id="pl-admin-tbody">
    {{ spinner::table_skeleton(colspan=8, lines=4, label="Loading listings…") }}
</tbody></table>
{{ crud::shell_close() }}

{{ modal::modal(id="plModerateModal", title='<span id="pl-moderate-title">Moderate listing</span>', body_html='<div id="pl-moderate-form-fields"></div>', size="sm") }}
{% endblock %}

{% block scripts %}
<script src="/plugins/property-listings/assets/js/admin_listings.js" defer></script>
{% endblock %}