48 lines
No EOL
2.4 KiB
HTML
48 lines
No EOL
2.4 KiB
HTML
{% extends 'base.html' %}
|
|
{% load static %}
|
|
|
|
{% block title %}All Trade Offers{% endblock title %}
|
|
|
|
{% block content %}
|
|
<div class="container mx-auto max-w-4xl mt-6" x-data="{ allExpanded: false }">
|
|
<!-- Header-->
|
|
<div class="flex justify-between items-center mb-4">
|
|
<a href="{% url 'trade_offer_create' %}" class="btn btn-success">Create New Offer</a>
|
|
<div>
|
|
<form method="get" class="flex items-center space-x-4" x-data>
|
|
<label class="cursor-pointer flex items-center space-x-2">
|
|
<span x-text="allExpanded ? 'Collapse All' : 'Expand All'"></span>
|
|
<input type="checkbox" name="all_expanded" value="true" class="toggle toggle-primary" @click="allExpanded = !allExpanded; $dispatch('toggle-all', { expanded: allExpanded })">
|
|
</label>
|
|
<label class="cursor-pointer flex items-center space-x-2">
|
|
<span>Only Closed</span>
|
|
<input type="checkbox" name="show_closed" value="true" class="toggle toggle-primary" @change="$el.form.submit()" {% if show_closed %}checked{% endif %}>
|
|
</label>
|
|
<button type="submit" class="btn btn-primary" x-show="false">Apply</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
<!-- Trade Offers -->
|
|
<section class="mb-12">
|
|
<h2 class="text-2xl font-bold mb-4">All Trade Offers</h2>
|
|
{% if all_trade_offers_paginated.object_list %}
|
|
{% include "trades/_trade_offer_list.html" with offers=all_trade_offers_paginated %}
|
|
<div class="flex justify-between items-center mt-4">
|
|
{% if all_trade_offers_paginated.has_previous %}
|
|
<a href="?{% for key, value in request.GET.items %}{% if key != 'offers_page' %}{{ key }}={{ value }}&{% endif %}{% endfor %}offers_page={{ all_trade_offers_paginated.previous_page_number }}" class="btn btn-sm">Previous</a>
|
|
{% else %}
|
|
<span></span>
|
|
{% endif %}
|
|
<span>Page {{ all_trade_offers_paginated.number }} of {{ all_trade_offers_paginated.paginator.num_pages }}</span>
|
|
{% if all_trade_offers_paginated.has_next %}
|
|
<a href="?{% for key, value in request.GET.items %}{% if key != 'offers_page' %}{{ key }}={{ value }}&{% endif %}{% endfor %}offers_page={{ all_trade_offers_paginated.next_page_number }}" class="btn btn-sm">Next</a>
|
|
{% else %}
|
|
<span></span>
|
|
{% endif %}
|
|
</div>
|
|
{% else %}
|
|
<p>No trade offers found.</p>
|
|
{% endif %}
|
|
</section>
|
|
</div>
|
|
{% endblock content %} |