{% load i18n window_field %}{% if PROFILE.mapping %}
{% if geo_item.point_2d or geo_item.multi_polygon %}
{% load ids_display_geo_items %}
<dl class="col-12">
    <dt>{% trans "Display geo items" %}</dt>
    <dd>
        <fieldset>
            {% if geo_item.SLUG == "operation" %}
            <input type="checkbox" id="disp-cr-for-{{geo_item.SLUG}}-{{geo_item.pk}}">
            <label for="disp-cr-for-{{geo_item.SLUG}}-{{geo_item.pk}}">{% trans "Display context records" %}</label>
            {% endif %}
            <input type="checkbox" id="disp-bf-for-{{geo_item.SLUG}}-{{geo_item.pk}}">
            <label for="disp-bf-for-{{geo_item.SLUG}}-{{geo_item.pk}}">{% trans "Display base finds" %}</label>
        </fieldset>
    </dd>
    <dd>
        <label for="get-poly-for-{{geo_item.SLUG}}-{{geo_item.pk}}" id="get-poly-label-for-{{geo_item.SLUG}}-{{geo_item.pk}}">{% trans "Geometry: " %}</label>
        <select id="get-poly-for-{{geo_item.SLUG}}-{{geo_item.pk}}">
            <option value="polygons" selected="selected">{% trans "Display polygons" %}</option>
            <option value="points">{% trans "Display points" %}</option>
        </select>
    </dd>
</dl>
<script>
const hide_get_polygons = function() {
    const disp_cr = $("#disp-cr-for-{{geo_item.SLUG}}-{{geo_item.pk}}");
    const disp_bf = $("#disp-bf-for-{{geo_item.SLUG}}-{{geo_item.pk}}");
    const get_poly = $("#get-poly-for-{{geo_item.SLUG}}-{{geo_item.pk}}");
    const label = $("#get-poly-label-for-{{geo_item.SLUG}}-{{geo_item.pk}}");
    get_poly.hide();
    label.hide();
    const display_get_poly = function () {
        if (disp_bf.prop('checked') || ((disp_cr.length > 0) && disp_cr.prop('checked'))) {
            get_poly.show();
            label.show();
        } else {
            get_poly.hide();
            label.hide();}
    }
    if (disp_cr.length > 0) {
        disp_cr.change( display_get_poly );
    }
    disp_bf.change( display_get_poly )
}
hide_get_polygons();

</script>
{% endif %}
{% endif %}