"
                >
                <ion-icon name="add-sharp" class="mr-2"></ion-icon>
                {% trans "Create" %}
              </button>
            </div>
          </div>
        {% endif %}
      </div>
    </div>
  </form>
  <script>
    $('#attendance-search').keydown(function (e) {
      var val = $(this).val();
      $('.pg').attr('hx-vals', `{"search":${val}}`);
    });
    $(document).ready(function(){
      $('#id_field').on('change',function(){
        $('.filterButton')[0].click();
 