{% set action = "edit" if is_edit else "create_new" %}
<!-- This logic is for the UX experience only, all values are checked for validity in the bots backend //-->
<script>
    function send_location_data_to_bot() {
        let location_shape = $("input[name='location_shape']:checked").val();
        let checked_location_types = new Array();
        $.each($("input[name='location_type[]']:checked"), function() {
          checked_location_types.push($(this).val());
        });
        let location_coordinates_x = $("input[name='location_coordinates_x']").val();
        let location_coordinates_y = $("input[name='location_coordinates_y']").val();
        let location_coordinates_z = $("input[name='location_coordinates_z']").val();
        let location_coordinates = {
            'x': location_coordinates_x,
            'y': location_coordinates_y,
            'z': location_coordinates_z
        };

        let location_teleport_entry_x = $("input[name='location_teleport_entry_x']").val();
        let location_teleport_entry_y = $("input[name='location_teleport_entry_y']").val();
        let location_teleport_entry_z = $("input[name='location_teleport_entry_z']").val();
        let location_teleport_entry = {
            'x': location_teleport_entry_x,
            'y': location_teleport_entry_y,
            'z': location_teleport_entry_z
        };

        let location_dimensions_radius = $("input[name='location_dimensions_radius']").val();
        let location_dimensions_width = $("input[name='location_dimensions_width']").val();
        let location_dimensions_length = $("input[name='location_dimensions_length']").val();
        let location_dimensions_height = $("input[name='location_dimensions_height']").val();
        let location_dimensions = {
            'radius': location_dimensions_radius,
            'width': location_dimensions_width,
            'length': location_dimensions_length,
            'height': location_dimensions_height,
        };
        let location_name = $("input[name='location_name']").val();
        let location_identifier = $("input[name='location_identifier']").val();
        window.socket.emit(
            'widget_event',
            ['locations', ['edit_location', {
                'location_identifier': location_identifier,
                'location_shape': location_shape,
                'location_type': checked_location_types,
                'location_coordinates': location_coordinates,
                'location_teleport_entry': location_teleport_entry,
                'location_dimensions': location_dimensions,
                'location_name': location_name,
                'location_owner': "{{ location_dict.owner }}",
                'is_enabled': "{{ location_dict.is_enabled }}",
                'action': "{{ action }}"
            }]]
        );
    }
</script>
<a href="#" onclick="send_location_data_to_bot(); return false;">save</a>