107 lines
4.6 KiB
HTML
107 lines
4.6 KiB
HTML
{% extends "base.html" %}
|
|
{% load i18n %}
|
|
|
|
{% block content %}
|
|
<div class="row">
|
|
<div class="col">
|
|
<h3>Lot {{ lot.name }}</h3>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="row">
|
|
<div class="tab-pane fade show active" id="details">
|
|
<div class="d-flex justify-content-end mt-1 mb-3">
|
|
<a href="{% url 'lot:add_property' lot.pk %}" class="btn btn-green-admin d-flex align-items-center">
|
|
|
|
<i class="bi bi-plus"></i>
|
|
Add new lot Property
|
|
<span class="caret"></span>
|
|
</a>
|
|
</div>
|
|
|
|
<h5 class="card-title mt-2">Properties</h5>
|
|
<table class="table table-hover table-bordered table-responsive align-middle">
|
|
<thead class="table-light">
|
|
<tr>
|
|
<th scope="col">{% trans 'Key' %}</th>
|
|
<th scope="col">{% trans 'Value' %}</th>
|
|
<th scope="col" data-type="date" class="text-end" data-format="YYYY-MM-DD HH:mm">{% trans 'Created on' %}</th>
|
|
<th scope="col" width="5%" class="text-end"></th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
{% for a in properties %}
|
|
<tr>
|
|
<td>{{ a.key }}</td>
|
|
<td>{{ a.value }}</td>
|
|
<td class="text-end">{{ a.created }}</td>
|
|
<td>
|
|
<div class="btn-group ">
|
|
<button type="button" class="btn btn-sm btn-outline-info d-flex align-items-center" data-bs-toggle="modal" data-bs-target="#editPropertyModal{{ a.id }}">
|
|
<i class="bi bi-pencil me-1"></i>
|
|
{% trans 'Edit' %}
|
|
</button>
|
|
<button type="button" class="btn btn-sm btn-outline-danger d-flex align-items-center" data-bs-toggle="modal" data-bs-target="#deletePropertyModal{{ a.id }}">
|
|
<i class="bi bi-trash me-1"></i>
|
|
{% trans 'Delete' %}
|
|
</button>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
|
|
<div class="modal fade" id="editPropertyModal{{ a.id }}" tabindex="-1" aria-labelledby="editPropertyModalLabel{{ a.id }}" aria-hidden="true">
|
|
<div class="modal-dialog">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h5 class="modal-title" id="editPropertyModalLabel{{ a.id }}">{% trans "Edit Property" %}</h5>
|
|
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="{% trans 'Close' %}"></button>
|
|
</div>
|
|
<div class="modal-body">
|
|
<form method="post" action="{% url 'lot:update_property' a.id %}">
|
|
{% csrf_token %}
|
|
<div class="mb-3">
|
|
<label for="propertyKey{{ a.id }}" class="form-label">{% trans "Key" %}</label>
|
|
<input type="text" class="form-control" id="propertyKey{{ a.id }}" name="key" value="{{ a.key }}" required>
|
|
</div>
|
|
<div class="mb-3">
|
|
<label for="propertyValue{{ a.id }}" class="form-label">{% trans "Value" %}</label>
|
|
<input type="text" class="form-control" id="propertyValue{{ a.id }}" name="value" value="{{ a.value }}" required>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">{% trans "Cancel" %}</button>
|
|
<button type="submit" class="btn btn-primary">{% trans "Save changes" %}</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="modal fade" id="deletePropertyModal{{ a.id }}" tabindex="-1" aria-labelledby="deletePropertyModalLabel{{ a.id }}" aria-hidden="true">
|
|
<div class="modal-dialog">
|
|
<div class="modal-content">
|
|
<div class="modal-header">
|
|
<h5 class="modal-title" id="deletePropertyModalLabel{{ a.id }}">{% trans "Delete Property" %}</h5>
|
|
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="{% trans 'Close' %}"></button>
|
|
</div>
|
|
<div class="modal-body">
|
|
<p>{% trans "Are you sure you want to delete this property?" %}</p>
|
|
</div>
|
|
<div class="modal-footer">
|
|
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">{% trans "Cancel" %}</button>
|
|
<form method="post" action="{% url 'lot:delete_property' a.id %}">
|
|
{% csrf_token %}
|
|
<button type="submit" class="btn btn-danger">{% trans "Delete" %}</button>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endfor %}
|
|
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
{% endblock %}
|