<turbo-stream action="update" target="guest_list_content"><template><style type="text/css">.hidden {
  display: none !important;
}</style><turbo-frame id="guest-list-content"><div class="content-panel md:shadow"><div class="flex flex-col md:flex-row items-start md:items-center justify-between gap-2 mb-4"><form class="w-full" data-turbo="true" data-turbo-frame="guest-list-content" data-turbo-action="advance" action="/schools/GiveCampusUniversity/events/getting-to-know-gc-events/guest_list" accept-charset="UTF-8" method="get"><span class="flex items-center pl-2 absolute mt-2"><?xml version="1.0"?>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewbox="0 0 24 24" fill="currentColor" class="w-6 h-6 text-gray-500" role="img" aria-labelledby="magnifying-glass-icon-23ca7c99-f4a1-4b07-b0e5-69a8f7fde302"><title id="magnifying-glass-icon-23ca7c99-f4a1-4b07-b0e5-69a8f7fde302">Magnifying-glass</title>
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.5 3.75C6.77208 3.75 3.75 6.77208 3.75 10.5C3.75 14.2279 6.77208 17.25 10.5 17.25C12.3642 17.25 14.0506 16.4953 15.273 15.273C16.4953 14.0506 17.25 12.3642 17.25 10.5C17.25 6.77208 14.2279 3.75 10.5 3.75ZM2.25 10.5C2.25 5.94365 5.94365 2.25 10.5 2.25C15.0563 2.25 18.75 5.94365 18.75 10.5C18.75 12.5078 18.032 14.3491 16.8399 15.7793L21.5303 20.4697C21.8232 20.7626 21.8232 21.2374 21.5303 21.5303C21.2374 21.8232 20.7626 21.8232 20.4697 21.5303L15.7793 16.8399C14.3491 18.032 12.5078 18.75 10.5 18.75C5.94365 18.75 2.25 15.0563 2.25 10.5Z"></path>
</svg>
</span><input id="search" class="text-lg sm:w-96 h-10 pl-9 w-full md:w-54" placeholder="Search Guest List" type="search" name="search" /></form></div></div><div class="fluid-modal-container hidden" id="filter-modal" data-controller="fluid--modal"><div class="fluid-modal fluid-modal-sm" role="dialog" aria-label="Filter for Guest List modal"><div class="fluid-modal-header"><div class="fluid-modal-title-container"><div class="fluid-modal-title">Filter for Guest List</div></div><button name="button" type="button" class="close-modal" data-action="click-&gt;fluid--modal#close" aria-label="Close modal"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"><path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12" /></svg></button></div><div class="fluid-modal-body"><div id="guest-list-filter-form"><form class="" data-turbo="true" data-turbo-frame="guest-list-content" data-turbo-action="advance" action="/schools/GiveCampusUniversity/events/getting-to-know-gc-events/guest_list" accept-charset="UTF-8" method="get"><label class="block text-sm font-medium text-gray-700" for="filters[][affiliation_name]">Affiliation</label><select class="w-full" id="affiliation-name" name="filters[][affiliation_name]"></select><label class="block text-sm font-medium text-gray-700 hidden mt-4" id="affiliation-value-label" for="filters[][affiliation_value]">Value</label><select class="w-full hidden" id="affiliation-value" name="filters[][affiliation_value]"></select><div class="flex justify-end mt-8 space-x-2"><button aria-label="Close form" class="btn btn-secondary mr-3" data-action="click-&gt;fluid--modal#close" data-modal-target="filter-modal" type="button">Cancel</button><input type="submit" name="commit" value="Save Filter" class="btn btn-primary" data-disable-with="Save Filter" /></div></form></div><script>document.addEventListener("turbo:load", function() {
  const affiliations = JSON.parse('[]');
  const affiliationName = document.querySelector("#affiliation-name");
  const affiliationValueLabel = document.querySelector("#affiliation-value-label");
  const affiliationValue = document.querySelector("#affiliation-value");
  showAffiliationValues();

  affiliationName.addEventListener("change", function() {
    showAffiliationValues();
  });

  function showAffiliationValues() {
    const selectedAffiliation = affiliations.find(affiliation => affiliation.col_name === affiliationName.value);
    const values = selectedAffiliation.select_options;
    if (values.length === 0) {
      affiliationValue.classList.add("hidden");
      affiliationValue.value = "";
      affiliationValueLabel.classList.add("hidden");
    } else {
      const options = ['<option value="">All</option>'].concat(values.map(value => `<option value="${value}">${value}</option>`)).join("");
      affiliationValue.innerHTML = options;
      affiliationValue.classList.remove("hidden");
      affiliationValueLabel.classList.remove("hidden");
    }
  }
});</script></div></div></div></turbo-frame></template></turbo-stream>