{% extends "wagtailsnippets/snippets/edit.html" %}

{% block extra_js %}
 {{ block.super }}
 <script>
  function hideElem(id) { document.querySelector(id).style = 'display:none' }
  window.onload = function() {
    const nameField = document.querySelector('#id_name')
    if (nameField.value == 'Galvanized') {
      hideElem('#tab-label-pricing')
      hideElem('#tab-pricing')
    } else {
      if (nameField.value == '') {
	// create view
	hideElem('#tab-label-galv_pricing')
	hideElem('#tab-galv_pricing')
	hideElem('#tab-label-pricing')
	hideElem('#tab-pricing')
      } else {
	hideElem('#tab-label-galv_pricing')
	hideElem('#tab-galv_pricing')
      }
    }
  }
 </script>
{% endblock %}