{% extends "base.html" %}

{% block content %}
<div class="column is-vcentered">
    <div class="box">
        {% for model_field in view_model.fields -%}

        <div class="field">
            <label class="label">{{ model_field.field_name | split(pat="_") | join(sep=" ") | title }}</label>
            <div class="control">
                {% if model_field.field_type == "Checkbox" %}
                <td>{{ model.values | get(key=model_field.field_name) | get_icon | safe }}</td>
                {% elif model_field.field_type == "FileUpload" %}
                <td><a href="file/{{ view_model.primary_key }}/{{ model_field.field_name }}">{{ model.values |
                        get(key=model_field.field_name) }}</a></td>
                {% else %}
                <td>
                    {% if model.fk_values is containing(model_field.field_name) %}
                    {%- set value = model.fk_values[model_field.field_name] %}
                    {%- if model_field.ceil %}
                    <td>{{ value | float | round(method="ceil", precision=model_field.ceil) }}</td>
                    {%- elif model_field.floor %}
                    <td>{{ value | float | round(method="floor", precision=model_field.floor) }}</td>
                    {%- elif model_field.dateformat %}
                    <td>{{ value | date(format=model_field.dateformat) }}</td>
                    {%- elif model_field.shorten %}
                    <td>{{ model_field.shorten }} {{ value | shorten(max_length=model_field.shorten) }}</td>
                    {%- else %}
                    <td>{{ value }}</td>
                    {%- endif %}
                    {% else %}
                    {%- set value = model.values[model_field.field_name] %}
                    {%- if model_field.ceil %}
                    <td>{{ value | float | round(method="ceil", precision=model_field.ceil) }}</td>
                    {%- elif model_field.floor %}
                    <td>{{ value | float | round(method="floor", precision=model_field.floor) }}</td>
                    {%- elif model_field.dateformat %}
                    <td>{{ value | date(format=model_field.dateformat) }}</td>
                    {%- elif model_field.shorten %}
                    <td>{{ model_field.shorten }} {{ value | shorten(max_length=model_field.shorten) }}</td>
                    {%- else %}
                    <td>{{ value }}</td>
                    {%- endif %}
                    {% endif %}
                </td>
                {% endif %}
            </div>
        </div>

        {%- endfor %}
    </div>
    <div class="field is-grouped">
        <div class="control">
            <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="button is-link is-light"
                href="{{ base_path }}/{{ entity_name }}/list">Back</a>
        </div>
    </div>
</div>

{% endblock content %}