{% extends "base.html" %}
{% block content %}
<div class="align-items-center">
<form onsubmit="disableButton(this)" hx-boost="true" hx-indicator="#loading" hx-push-url="true"
hx-encoding="multipart/form-data" method="post" enctype="multipart/form-data">
<div>
<input type="hidden" id="sort_by" name="sort_by" value="{{ sort_by }}">
<input type="hidden" id="sort_order" name="sort_order" value="{{ sort_order }}">
<input type="hidden" name="entities_per_page" value="{{ entities_per_page }}">
<input type="hidden" name="search" value="{{ search }}">
<input type="hidden" name="page" value="{{ page }}">
{% for model_field in view_model.fields -%}
<div class="mb-3">
<label class="form-label" for="{{ model_field.field_name }}"></label>
{{ model_field.field_name | replace(from="_id", to="") | split(pat="_") | join(sep=" ") | title
}}{% if not model_field.is_option %} *{% endif %}
</label>
<div>
{% if model_field.field_type == "SelectList" %}
{% include "create_or_edit/selectlist.html" %}
{% elif model_field.field_type == "Checkbox" %}
{% include "create_or_edit/checkbox.html" %}
{% else %}
{% include "create_or_edit/input.html" %}
{% endif %}
</div>
{% if model.errors | get(key=model_field.field_name, default="" ) !="" %}
<p class="text-danger">{{ model.errors | get(key=model_field.field_name) }}</p>
{% endif %}
{% if model.custom_errors | get(key=model_field.field_name, default="" ) !="" %}
<p class="text-danger">{{ model.custom_errors | get(key=model_field.field_name) }}</p>
{% endif %}
</div>
{%- endfor %}
</div>
<div class="d-flex justify-content-between">
<div class="form-group">
<button class="btn btn-primary" name="submitBtn" type="submit">Save</button>
</div>
<div class="form-group"></div>
<a hx-vals='{
"entities_per_page" : "{{ entities_per_page }}",
"search" : "{{ search }}",
"sort_by" : "{{ sort_by }}",
"sort_order" : "{{ sort_order }}",
"page" : "{{ page }}"
}' hx-boost="true" hx-push-url="true" hx-indicator="#loading" class="btn btn-secondary"
href="{{ base_path }}/{{ entity_name }}/list">
Cancel
</a>
</div>
</form>
</div>
{% endblock content %}