{"id":408,"date":"2021-06-20T16:08:13","date_gmt":"2021-06-20T16:08:13","guid":{"rendered":"https:\/\/demos.tangibleplugins.com\/loops-for-gravity-forms\/?page_id=408"},"modified":"2022-02-04T04:21:40","modified_gmt":"2022-02-04T04:21:40","slug":"event-rsvp","status":"publish","type":"page","link":"https:\/\/demos.tangibleplugins.com\/loops-for-gravity-forms\/event-rsvp\/","title":{"rendered":"Event RSVP"},"content":{"rendered":"\t\t<div class=\"tt-section tt-section-collapse\" id=\"CollapseSection\">\n  <div class=\"tt-section-heading\">\n    <button id=\"CollapseTrigger\">\n      <span><span id=\"CollapseText\">Hide<\/span> Form<\/span>\n      <i class=\"icon-chevron-down\"><\/i>\n    <\/button>\n  <\/div>\n  <div class=\"tt-section-content\">\n    <div>\n      <script type=\"text\/javascript\">if(!gform){document.addEventListener(\"gform_main_scripts_loaded\",function(){gform.scriptsLoaded=!0}),window.addEventListener(\"DOMContentLoaded\",function(){gform.domLoaded=!0});var gform={domLoaded:!1,scriptsLoaded:!1,initializeOnLoaded:function(o){gform.domLoaded&&gform.scriptsLoaded?o():!gform.domLoaded&&gform.scriptsLoaded?window.addEventListener(\"DOMContentLoaded\",o):document.addEventListener(\"gform_main_scripts_loaded\",o)},hooks:{action:{},filter:{}},addAction:function(o,n,r,t){gform.addHook(\"action\",o,n,r,t)},addFilter:function(o,n,r,t){gform.addHook(\"filter\",o,n,r,t)},doAction:function(o){gform.doHook(\"action\",o,arguments)},applyFilters:function(o){return gform.doHook(\"filter\",o,arguments)},removeAction:function(o,n){gform.removeHook(\"action\",o,n)},removeFilter:function(o,n,r){gform.removeHook(\"filter\",o,n,r)},addHook:function(o,n,r,t,i){null==gform.hooks[o][n]&&(gform.hooks[o][n]=[]);var e=gform.hooks[o][n];null==i&&(i=n+\"_\"+e.length),null==t&&(t=10),gform.hooks[o][n].push({tag:i,callable:r,priority:t})},doHook:function(o,n,r){if(r=Array.prototype.slice.call(r,1),null!=gform.hooks[o][n]){var t,i=gform.hooks[o][n];i.sort(function(o,n){return o.priority-n.priority});for(var e=0;e<i.length;e++)\"function\"!=typeof(t=i[e].callable)&#038;&#038;(t=window[t]),\"action\"==o?t.apply(null,r):r[0]=t.apply(null,r)}if(\"filter\"==o)return r[0]},removeHook:function(o,n,r,t){if(null!=gform.hooks[o][n])for(var i=gform.hooks[o][n],e=i.length-1;0<=e;e--)null!=t&#038;&#038;t!=i[e].tag||null!=r&#038;&#038;r!=i[e].priority||i.splice(e,1)}}}<\/script>\n                <div class='gf_browser_gecko gform_wrapper gravity-theme tt-form-card_wrapper' id='gform_wrapper_5' style='display:none'><form method='post' enctype='multipart\/form-data'  id='gform_5' class='tt-form-card' action='\/loops-for-gravity-forms\/wp-json\/wp\/v2\/pages\/408' novalidate>\n                        <div class='gform_body gform-body'><div id='gform_fields_5' class='gform_fields top_label form_sublabel_below description_below'><div id=\"field_5_1\" class=\"gfield gfield--width-half gfield_contains_required field_sublabel_below field_description_below gfield_visibility_visible\" ><label class='gfield_label' for='input_5_1' >First Name<span class=\"gfield_required\"><span class=\"gfield_required gfield_required_text\">(Required)<\/span><\/span><\/label><div class='ginput_container ginput_container_select'><select name='input_1' id='input_5_1' class='large gfield_select' tabindex='32'   aria-required=\"true\" aria-invalid=\"false\" ><option value='Abigail' >Abigail<\/option><option value='Adam' >Adam<\/option><option value='Adrian' >Adrian<\/option><option value='Alan' >Alan<\/option><option value='Alexander' >Alexander<\/option><option value='Alexandra' >Alexandra<\/option><option value='Alison' >Alison<\/option><option value='Amanda' >Amanda<\/option><option value='Amelia' >Amelia<\/option><option value='Amy' >Amy<\/option><option value='Andrea' >Andrea<\/option><option value='Andrew' >Andrew<\/option><option value='Angela' >Angela<\/option><option value='Anna' >Anna<\/option><option value='Anne' >Anne<\/option><option value='Anthony' >Anthony<\/option><option value='Audrey' >Audrey<\/option><option value='Austin' >Austin<\/option><option value='Ava' >Ava<\/option><option value='Bella' >Bella<\/option><option value='Benjamin' >Benjamin<\/option><option value='Bernadette' >Bernadette<\/option><option value='Blake' >Blake<\/option><option value='Boris' >Boris<\/option><option value='Brandon' >Brandon<\/option><option value='Brian' >Brian<\/option><option value='Cameron' >Cameron<\/option><option value='Carl' >Carl<\/option><option value='Carol' >Carol<\/option><option value='Caroline' >Caroline<\/option><option value='Carolyn' >Carolyn<\/option><option value='Charles' >Charles<\/option><option value='Chloe' >Chloe<\/option><option value='Christian' >Christian<\/option><option value='Christopher' >Christopher<\/option><option value='Claire' >Claire<\/option><option value='Colin' >Colin<\/option><option value='Connor' >Connor<\/option><option value='Dan' >Dan<\/option><option value='David' >David<\/option><option value='Deirdre' >Deirdre<\/option><option value='Diana' >Diana<\/option><option value='Diane' >Diane<\/option><option value='Dominic' >Dominic<\/option><option value='Donna' >Donna<\/option><option value='Dorothy' >Dorothy<\/option><option value='Dylan' >Dylan<\/option><option value='Edward' >Edward<\/option><option value='Elizabeth' >Elizabeth<\/option><option value='Ella' >Ella<\/option><option value='Emily' >Emily<\/option><option value='Emma' >Emma<\/option><option value='Eric' >Eric<\/option><option value='Evan' >Evan<\/option><option value='Faith' >Faith<\/option><option value='Felicity' >Felicity<\/option><option value='Fiona' >Fiona<\/option><option value='Frank' >Frank<\/option><option value='Gabrielle' >Gabrielle<\/option><option value='Gavin' >Gavin<\/option><option value='Gordon' >Gordon<\/option><option value='Grace' >Grace<\/option><option value='Hannah' >Hannah<\/option><option value='Harry' >Harry<\/option><option value='Heather' >Heather<\/option><option value='Ian' >Ian<\/option><option value='Irene' >Irene<\/option><option value='Isaac' >Isaac<\/option><option value='Jack' >Jack<\/option><option value='Jacob' >Jacob<\/option><option value='Jake' >Jake<\/option><option value='James' >James<\/option><option value='Jan' >Jan<\/option><option value='Jane' >Jane<\/option><option value='Jasmine' >Jasmine<\/option><option value='Jason' >Jason<\/option><option value='Jennifer' >Jennifer<\/option><option value='Jessica' >Jessica<\/option><option value='Joan' >Joan<\/option><option value='Joanne' >Joanne<\/option><option value='Joe' >Joe<\/option><option value='John' >John<\/option><option value='Jonathan' >Jonathan<\/option><option value='Joseph' >Joseph<\/option><option value='Joshua' >Joshua<\/option><option value='Julia' >Julia<\/option><option value='Julian' >Julian<\/option><option value='Justin' >Justin<\/option><option value='Karen' >Karen<\/option><option value='Katherine' >Katherine<\/option><option value='Keith' >Keith<\/option><option value='Kevin' >Kevin<\/option><option value='Kimberly' >Kimberly<\/option><option value='Kylie' >Kylie<\/option><option value='Lauren' >Lauren<\/option><option value='Leah' >Leah<\/option><option value='Leonard' >Leonard<\/option><option value='Liam' >Liam<\/option><option value='Lillian' >Lillian<\/option><option value='Lily' >Lily<\/option><option value='Lisa' >Lisa<\/option><option value='Lucas' >Lucas<\/option><option value='Luke' >Luke<\/option><option value='Madeleine' >Madeleine<\/option><option value='Maria' >Maria<\/option><option value='Mary' >Mary<\/option><option value='Matt' >Matt<\/option><option value='Max' >Max<\/option><option value='Megan' >Megan<\/option><option value='Melanie' >Melanie<\/option><option value='Michael' >Michael<\/option><option value='Michelle' >Michelle<\/option><option value='Molly' >Molly<\/option><option value='Natalie' >Natalie<\/option><option value='Nathan' >Nathan<\/option><option value='Neil' >Neil<\/option><option value='Nicholas' >Nicholas<\/option><option value='Nicola' >Nicola<\/option><option value='Oliver' >Oliver<\/option><option value='Olivia' >Olivia<\/option><option value='Owen' >Owen<\/option><option value='Paul' >Paul<\/option><option value='Penelope' >Penelope<\/option><option value='Peter' >Peter<\/option><option value='Phil' >Phil<\/option><option value='Piers' >Piers<\/option><option value='Pippa' >Pippa<\/option><option value='Rachel' >Rachel<\/option><option value='Rebecca' >Rebecca<\/option><option value='Richard' >Richard<\/option><option value='Robert' >Robert<\/option><option value='Rose' >Rose<\/option><option value='Ruth' >Ruth<\/option><option value='Ryan' >Ryan<\/option><option value='Sally' >Sally<\/option><option value='Sam' >Sam<\/option><option value='Samantha' >Samantha<\/option><option value='Sarah' >Sarah<\/option><option value='Sean' >Sean<\/option><option value='Sebastian' >Sebastian<\/option><option value='Simon' >Simon<\/option><option value='Sonia' >Sonia<\/option><option value='Sophie' >Sophie<\/option><option value='Stephanie' >Stephanie<\/option><option value='Stephen' >Stephen<\/option><option value='Steven' >Steven<\/option><option value='Stewart' >Stewart<\/option><option value='Sue' >Sue<\/option><option value='Theresa' >Theresa<\/option><option value='Thomas' >Thomas<\/option><option value='Tim' >Tim<\/option><option value='Tracey' >Tracey<\/option><option value='Trevor' >Trevor<\/option><option value='Una' >Una<\/option><option value='Vanessa' >Vanessa<\/option><option value='Victor' >Victor<\/option><option value='Victoria' >Victoria<\/option><option value='Virginia' >Virginia<\/option><option value='Wanda' >Wanda<\/option><option value='Warren' >Warren<\/option><option value='Wendy' >Wendy<\/option><option value='William' >William<\/option><option value='Yvonne' >Yvonne<\/option><option value='Zoe' >Zoe<\/option><\/select><\/div><\/div><div id=\"field_5_2\" class=\"gfield gfield--width-half gfield_contains_required field_sublabel_below field_description_below gfield_visibility_visible\" ><label class='gfield_label' for='input_5_2' >Last Name<span class=\"gfield_required\"><span class=\"gfield_required gfield_required_text\">(Required)<\/span><\/span><\/label><div class='ginput_container ginput_container_select'><select name='input_2' id='input_5_2' class='large gfield_select' tabindex='33'   aria-required=\"true\" aria-invalid=\"false\" ><option value='Abraham' >Abraham<\/option><option value='Allan' >Allan<\/option><option value='Alsop' >Alsop<\/option><option value='Anderson' >Anderson<\/option><option value='Arnold' >Arnold<\/option><option value='Avery' >Avery<\/option><option value='Bailey' >Bailey<\/option><option value='Baker' >Baker<\/option><option value='Ball' >Ball<\/option><option value='Bell' >Bell<\/option><option value='Berry' >Berry<\/option><option value='Black' >Black<\/option><option value='Blake' >Blake<\/option><option value='Bond' >Bond<\/option><option value='Bower' >Bower<\/option><option value='Brown' >Brown<\/option><option value='Buckland' >Buckland<\/option><option value='Burgess' >Burgess<\/option><option value='Butler' >Butler<\/option><option value='Cameron' >Cameron<\/option><option value='Campbell' >Campbell<\/option><option value='Carr' >Carr<\/option><option value='Chapman' >Chapman<\/option><option value='Churchill' >Churchill<\/option><option value='Clark' >Clark<\/option><option value='Clarkson' >Clarkson<\/option><option value='Coleman' >Coleman<\/option><option value='Cornish' >Cornish<\/option><option value='Davidson' >Davidson<\/option><option value='Davies' >Davies<\/option><option value='Dickens' >Dickens<\/option><option value='Dowd' >Dowd<\/option><option value='Duncan' >Duncan<\/option><option value='Dyer' >Dyer<\/option><option value='Edmunds' >Edmunds<\/option><option value='Ellison' >Ellison<\/option><option value='Ferguson' >Ferguson<\/option><option value='Fisher' >Fisher<\/option><option value='Forsyth' >Forsyth<\/option><option value='Fraser' >Fraser<\/option><option value='Gibson' >Gibson<\/option><option value='Gill' >Gill<\/option><option value='Glover' >Glover<\/option><option value='Graham' >Graham<\/option><option value='Grant' >Grant<\/option><option value='Gray' >Gray<\/option><option value='Greene' >Greene<\/option><option value='Hamilton' >Hamilton<\/option><option value='Hardacre' >Hardacre<\/option><option value='Harris' >Harris<\/option><option value='Hart' >Hart<\/option><option value='Hemmings' >Hemmings<\/option><option value='Henderson' >Henderson<\/option><option value='Hill' >Hill<\/option><option value='Hodges' >Hodges<\/option><option value='Howard' >Howard<\/option><option value='Hudson' >Hudson<\/option><option value='Hughes' >Hughes<\/option><option value='Hunter' >Hunter<\/option><option value='Ince' >Ince<\/option><option value='Jackson' >Jackson<\/option><option value='James' >James<\/option><option value='Johnston' >Johnston<\/option><option value='Jones' >Jones<\/option><option value='Kelly' >Kelly<\/option><option value='Kerr' >Kerr<\/option><option value='King' >King<\/option><option value='Knox' >Knox<\/option><option value='Lambert' >Lambert<\/option><option value='Langdon' >Langdon<\/option><option value='Lawrence' >Lawrence<\/option><option value='Lee' >Lee<\/option><option value='Lewis' >Lewis<\/option><option value='Lyman' >Lyman<\/option><option value='MacDonald' >MacDonald<\/option><option value='Mackay' >Mackay<\/option><option value='Mackenzie' >Mackenzie<\/option><option value='MacLeod' >MacLeod<\/option><option value='Manning' >Manning<\/option><option value='Marshall' >Marshall<\/option><option value='Martin' >Martin<\/option><option value='Mathis' >Mathis<\/option><option value='May' >May<\/option><option value='McDonald' >McDonald<\/option><option value='McLean' >McLean<\/option><option value='McGrath' >McGrath<\/option><option value='Metcalfe' >Metcalfe<\/option><option value='Miller' >Miller<\/option><option value='Mills' >Mills<\/option><option value='Mitchell' >Mitchell<\/option><option value='Morgan' >Morgan<\/option><option value='Morrison' >Morrison<\/option><option value='Murray' >Murray<\/option><option value='Nash' >Nash<\/option><option value='Newman' >Newman<\/option><option value='Nolan' >Nolan<\/option><option value='North' >North<\/option><option value='Ogden' >Ogden<\/option><option value='Oliver' >Oliver<\/option><option value='Paige' >Paige<\/option><option value='Parr' >Parr<\/option><option value='Parsons' >Parsons<\/option><option value='Paterson' >Paterson<\/option><option value='Payne' >Payne<\/option><option value='Peake' >Peake<\/option><option value='Peters' >Peters<\/option><option value='Piper' >Piper<\/option><option value='Poole' >Poole<\/option><option value='Powell' >Powell<\/option><option value='Pullman' >Pullman<\/option><option value='Quinn' >Quinn<\/option><option value='Rampling' >Rampling<\/option><option value='Randall' >Randall<\/option><option value='Rees' >Rees<\/option><option value='Reid' >Reid<\/option><option value='Roberts' >Roberts<\/option><option value='Robertson' >Robertson<\/option><option value='Ross' >Ross<\/option><option value='Russell' >Russell<\/option><option value='Rutherford' >Rutherford<\/option><option value='Sanderson' >Sanderson<\/option><option value='Scott' >Scott<\/option><option value='Sharp' >Sharp<\/option><option value='Short' >Short<\/option><option value='Simpson' >Simpson<\/option><option value='Skinner' >Skinner<\/option><option value='Slater' >Slater<\/option><option value='Smith' >Smith<\/option><option value='Springer' >Springer<\/option><option value='Stewart' >Stewart<\/option><option value='Sutherland' >Sutherland<\/option><option value='Taylor' >Taylor<\/option><option value='Terry' >Terry<\/option><option value='Thomson' >Thomson<\/option><option value='Tucker' >Tucker<\/option><option value='Turner' >Turner<\/option><option value='Underwood' >Underwood<\/option><option value='Vance' >Vance<\/option><option value='Vaughan' >Vaughan<\/option><option value='Walker' >Walker<\/option><option value='Wallace' >Wallace<\/option><option value='Walsh' >Walsh<\/option><option value='Watson' >Watson<\/option><option value='Welch' >Welch<\/option><option value='White' >White<\/option><option value='Wilkins' >Wilkins<\/option><option value='Wilson' >Wilson<\/option><option value='Wright' >Wright<\/option><option value='Young' >Young<\/option><\/select><\/div><\/div><fieldset id=\"field_5_3\" class=\"gfield gfield--width-full tt-field-attendance gfield_contains_required field_sublabel_below field_description_below gfield_visibility_visible\" ><legend class='gfield_label'  >Are you attending?<span class=\"gfield_required\"><span class=\"gfield_required gfield_required_text\">(Required)<\/span><\/span><\/legend><div class='ginput_container ginput_container_radio'><div class='gfield_radio' id='input_5_3'>\n\t\t\t<div class='gchoice gchoice_5_3_0'>\n\t\t\t\t\t<input class='gfield-choice-input' name='input_3' type='radio' value='Yes'  id='choice_5_3_0' onchange='gformToggleRadioOther( this )'  tabindex='34'  \/>\n\t\t\t\t\t<label for='choice_5_3_0' id='label_5_3_0'>Yes<\/label>\n\t\t\t<\/div>\n\t\t\t<div class='gchoice gchoice_5_3_1'>\n\t\t\t\t\t<input class='gfield-choice-input' name='input_3' type='radio' value='Maybe'  id='choice_5_3_1' onchange='gformToggleRadioOther( this )'  tabindex='35'  \/>\n\t\t\t\t\t<label for='choice_5_3_1' id='label_5_3_1'>Maybe<\/label>\n\t\t\t<\/div>\n\t\t\t<div class='gchoice gchoice_5_3_2'>\n\t\t\t\t\t<input class='gfield-choice-input' name='input_3' type='radio' value='No'  id='choice_5_3_2' onchange='gformToggleRadioOther( this )'  tabindex='36'  \/>\n\t\t\t\t\t<label for='choice_5_3_2' id='label_5_3_2'>No<\/label>\n\t\t\t<\/div><\/div><\/div><\/fieldset><div id=\"field_5_4\" class=\"gfield gfield--width-full field_sublabel_below field_description_below gfield_visibility_visible\" ><label class='gfield_label' for='input_5_4' >How many guests are you bringing?<\/label><div class='ginput_container ginput_container_number'><input name='input_4' id='input_5_4' type='number' step='any' min='0' max='10' value='' class='large' tabindex='37'     aria-invalid=\"false\" aria-describedby=\"gfield_instruction_5_4\" \/><div class='instruction ' id='gfield_instruction_5_4'>Please enter a number from <strong>0<\/strong> to <strong>10<\/strong>.<\/div><\/div><\/div><\/div><\/div>\n        <div class='gform_footer top_label'> <input type='submit' id='gform_submit_button_5' class='gform_button button' value='Submit' tabindex='38' onclick='if(window[\"gf_submitting_5\"]){return false;}  if( !jQuery(\"#gform_5\")[0].checkValidity || jQuery(\"#gform_5\")[0].checkValidity()){window[\"gf_submitting_5\"]=true;}  ' onkeypress='if( event.keyCode == 13 ){ if(window[\"gf_submitting_5\"]){return false;} if( !jQuery(\"#gform_5\")[0].checkValidity || jQuery(\"#gform_5\")[0].checkValidity()){window[\"gf_submitting_5\"]=true;}  jQuery(\"#gform_5\").trigger(\"submit\",[true]); }' \/> \n            <input type='hidden' class='gform_hidden' name='is_submit_5' value='1' \/>\n            <input type='hidden' class='gform_hidden' name='gform_submit' value='5' \/>\n            \n            <input type='hidden' class='gform_hidden' name='gform_unique_id' value='' \/>\n            <input type='hidden' class='gform_hidden' name='state_5' value='WyJbXSIsImNiYzQzODIxYTZlMDM1YTgyMzg3ZTk4NGZmMTg3YzFiIl0=' \/>\n            <input type='hidden' class='gform_hidden' name='gform_target_page_number_5' id='gform_target_page_number_5' value='0' \/>\n            <input type='hidden' class='gform_hidden' name='gform_source_page_number_5' id='gform_source_page_number_5' value='1' \/>\n            <input type='hidden' name='gform_field_values' value='' \/>\n            \n        <\/div>\n                        <\/form>\n                        <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n  <div class=\"tangible-table-container\"><form class=\"tangible-table-filter-form\" autocomplate=\"off\">\n      <div>\n        <input type=\"text\" placeholder=\"Search\" data-tangible-table-filter-action=\"search\" data-tangible-table-filter-columns=\"[&quot;fname&quot;,&quot;lname&quot;,&quot;attendance&quot;]\" \/>\n      <\/div>\n    <\/form><table id=\"tangible-table-6aa1c8a088617\" class=\"table tangible-table tangible-dynamic-module\" data-tangible-dynamic-module=\"table\" data-tangible-table-config=\"{&quot;name&quot;:&quot;&quot;,&quot;row_loop&quot;:{&quot;tag&quot;:&quot;Loop&quot;,&quot;attributes&quot;:{&quot;keys&quot;:[],&quot;type&quot;:&quot;gravity_form_entry&quot;,&quot;form_id&quot;:&quot;5&quot;,&quot;orderby&quot;:&quot;date_created&quot;,&quot;order&quot;:&quot;desc&quot;}},&quot;column_template&quot;:{&quot;fname&quot;:{&quot;tag&quot;:&quot;Col&quot;,&quot;attributes&quot;:{&quot;keys&quot;:[]},&quot;children&quot;:[{&quot;text&quot;:&quot;\\n      &quot;},{&quot;tag&quot;:&quot;GField&quot;,&quot;attributes&quot;:{&quot;keys&quot;:[&quot;select&quot;],&quot;id&quot;:&quot;1&quot;,&quot;value_key&quot;:&quot;text&quot;},&quot;children&quot;:[]},{&quot;text&quot;:&quot;\\n      &quot;}]},&quot;lname&quot;:{&quot;tag&quot;:&quot;Col&quot;,&quot;attributes&quot;:{&quot;keys&quot;:[]},&quot;children&quot;:[{&quot;text&quot;:&quot;\\n      &quot;},{&quot;tag&quot;:&quot;GField&quot;,&quot;attributes&quot;:{&quot;keys&quot;:[&quot;select&quot;],&quot;id&quot;:&quot;2&quot;,&quot;value_key&quot;:&quot;text&quot;},&quot;children&quot;:[]},{&quot;text&quot;:&quot;\\n      &quot;}]},&quot;attendance&quot;:{&quot;tag&quot;:&quot;Col&quot;,&quot;attributes&quot;:{&quot;keys&quot;:[]},&quot;children&quot;:[{&quot;tag&quot;:&quot;span&quot;,&quot;attributes&quot;:{&quot;keys&quot;:[],&quot;class&quot;:&quot;tt-event-attendance&quot;,&quot;value&quot;:&quot;{GField select id=3 value_key=value}&quot;},&quot;children&quot;:[{&quot;text&quot;:&quot;\\n        &quot;},{&quot;tag&quot;:&quot;GField&quot;,&quot;attributes&quot;:{&quot;keys&quot;:[&quot;select&quot;],&quot;id&quot;:&quot;3&quot;,&quot;value_key&quot;:&quot;text&quot;},&quot;children&quot;:[]},{&quot;text&quot;:&quot;\\n      &quot;}]}]},&quot;guests&quot;:{&quot;tag&quot;:&quot;Col&quot;,&quot;attributes&quot;:{&quot;keys&quot;:[]},&quot;children&quot;:[{&quot;text&quot;:&quot;\\n      &quot;},{&quot;tag&quot;:&quot;GField&quot;,&quot;attributes&quot;:{&quot;keys&quot;:[],&quot;id&quot;:&quot;4&quot;},&quot;children&quot;:[]},{&quot;text&quot;:&quot;\\n      &quot;}]},&quot;details&quot;:{&quot;tag&quot;:&quot;Col&quot;,&quot;attributes&quot;:{&quot;keys&quot;:[]},&quot;children&quot;:[{&quot;text&quot;:&quot;\\n      &quot;},{&quot;tag&quot;:&quot;button&quot;,&quot;attributes&quot;:{&quot;keys&quot;:[],&quot;onclick&quot;:&quot;MicroModal.show(&#039;modal-{Get loop=count}&#039;)&quot;},&quot;children&quot;:[{&quot;text&quot;:&quot;Details&quot;}]},{&quot;text&quot;:&quot;\\n      &quot;},{&quot;comment&quot;:&quot; Modal powered by Micromodal.js &quot;},{&quot;text&quot;:&quot;\\n      &quot;},{&quot;tag&quot;:&quot;div&quot;,&quot;attributes&quot;:{&quot;keys&quot;:[],&quot;class&quot;:&quot;modal micromodal-slide&quot;,&quot;id&quot;:&quot;modal-{Get loop=count}&quot;,&quot;aria-hidden&quot;:&quot;true&quot;},&quot;children&quot;:[{&quot;text&quot;:&quot;\\n        &quot;},{&quot;tag&quot;:&quot;div&quot;,&quot;attributes&quot;:{&quot;keys&quot;:[&quot;data-micromodal-close&quot;],&quot;class&quot;:&quot;modal__overlay&quot;,&quot;tabindex&quot;:&quot;-1&quot;},&quot;children&quot;:[{&quot;text&quot;:&quot;\\n          &quot;},{&quot;tag&quot;:&quot;div&quot;,&quot;attributes&quot;:{&quot;keys&quot;:[],&quot;class&quot;:&quot;modal__container&quot;,&quot;role&quot;:&quot;dialog&quot;,&quot;aria-modal&quot;:&quot;true&quot;,&quot;aria-labelledby&quot;:&quot;modal-{Get loop=count}-title&quot;},&quot;children&quot;:[{&quot;text&quot;:&quot;\\n            &quot;},{&quot;tag&quot;:&quot;button&quot;,&quot;attributes&quot;:{&quot;keys&quot;:[&quot;data-micromodal-close&quot;],&quot;class&quot;:&quot;modal__close&quot;,&quot;aria-label&quot;:&quot;Close modal&quot;},&quot;children&quot;:[]},{&quot;text&quot;:&quot;\\n            &quot;},{&quot;tag&quot;:&quot;header&quot;,&quot;attributes&quot;:{&quot;keys&quot;:[],&quot;class&quot;:&quot;modal__header&quot;},&quot;children&quot;:[{&quot;text&quot;:&quot;\\n            &quot;}]},{&quot;text&quot;:&quot;\\n            &quot;},{&quot;tag&quot;:&quot;main&quot;,&quot;attributes&quot;:{&quot;keys&quot;:[],&quot;class&quot;:&quot;modal__content&quot;,&quot;id&quot;:&quot;modal-{Get loop=count}-content&quot;},&quot;children&quot;:[{&quot;text&quot;:&quot;\\n              &quot;},{&quot;tag&quot;:&quot;dl&quot;,&quot;attributes&quot;:{&quot;keys&quot;:[]},&quot;children&quot;:[{&quot;text&quot;:&quot;\\n                &quot;},{&quot;tag&quot;:&quot;dt&quot;,&quot;attributes&quot;:{&quot;keys&quot;:[],&quot;scope&quot;:&quot;row&quot;},&quot;children&quot;:[{&quot;text&quot;:&quot;First Name&quot;}]},{&quot;text&quot;:&quot;\\n                &quot;},{&quot;tag&quot;:&quot;dd&quot;,&quot;attributes&quot;:{&quot;keys&quot;:[]},&quot;children&quot;:[{&quot;text&quot;:&quot;\\n                  &quot;},{&quot;tag&quot;:&quot;GField&quot;,&quot;attributes&quot;:{&quot;keys&quot;:[&quot;select&quot;],&quot;id&quot;:&quot;1&quot;,&quot;value_key&quot;:&quot;text&quot;},&quot;children&quot;:[]},{&quot;text&quot;:&quot;\\n                &quot;}]},{&quot;text&quot;:&quot;\\n                &quot;},{&quot;tag&quot;:&quot;dt&quot;,&quot;attributes&quot;:{&quot;keys&quot;:[],&quot;scope&quot;:&quot;row&quot;},&quot;children&quot;:[{&quot;text&quot;:&quot;Last Name&quot;}]},{&quot;text&quot;:&quot;\\n                &quot;},{&quot;tag&quot;:&quot;dd&quot;,&quot;attributes&quot;:{&quot;keys&quot;:[]},&quot;children&quot;:[{&quot;text&quot;:&quot;\\n                  &quot;},{&quot;tag&quot;:&quot;GField&quot;,&quot;attributes&quot;:{&quot;keys&quot;:[&quot;select&quot;],&quot;id&quot;:&quot;2&quot;,&quot;value_key&quot;:&quot;text&quot;},&quot;children&quot;:[]},{&quot;text&quot;:&quot;\\n                &quot;}]},{&quot;text&quot;:&quot;\\n                &quot;},{&quot;tag&quot;:&quot;dt&quot;,&quot;attributes&quot;:{&quot;keys&quot;:[],&quot;scope&quot;:&quot;row&quot;},&quot;children&quot;:[{&quot;text&quot;:&quot;Attending&quot;}]},{&quot;text&quot;:&quot;\\n                &quot;},{&quot;tag&quot;:&quot;dd&quot;,&quot;attributes&quot;:{&quot;keys&quot;:[]},&quot;children&quot;:[{&quot;tag&quot;:&quot;span&quot;,&quot;attributes&quot;:{&quot;keys&quot;:[],&quot;class&quot;:&quot;tt-event-attendance&quot;,&quot;value&quot;:&quot;{GField select id=3 value_key=value}&quot;},&quot;children&quot;:[{&quot;text&quot;:&quot;\\n                    &quot;},{&quot;tag&quot;:&quot;GField&quot;,&quot;attributes&quot;:{&quot;keys&quot;:[&quot;select&quot;],&quot;id&quot;:&quot;3&quot;,&quot;value_key&quot;:&quot;text&quot;},&quot;children&quot;:[]},{&quot;text&quot;:&quot;\\n                  &quot;}]}]},{&quot;text&quot;:&quot;\\n                &quot;},{&quot;tag&quot;:&quot;dt&quot;,&quot;attributes&quot;:{&quot;keys&quot;:[],&quot;scope&quot;:&quot;row&quot;},&quot;children&quot;:[{&quot;text&quot;:&quot;Number of Guests&quot;}]},{&quot;text&quot;:&quot;\\n                &quot;},{&quot;tag&quot;:&quot;dd&quot;,&quot;attributes&quot;:{&quot;keys&quot;:[]},&quot;children&quot;:[{&quot;text&quot;:&quot;\\n                  &quot;},{&quot;tag&quot;:&quot;GField&quot;,&quot;attributes&quot;:{&quot;keys&quot;:[&quot;select&quot;],&quot;id&quot;:&quot;4&quot;,&quot;value_key&quot;:&quot;text&quot;},&quot;children&quot;:[]},{&quot;text&quot;:&quot;\\n                &quot;}]},{&quot;text&quot;:&quot;\\n              &quot;}]},{&quot;text&quot;:&quot;\\n            &quot;}]},{&quot;text&quot;:&quot;\\n          &quot;}]},{&quot;text&quot;:&quot;\\n        &quot;}]},{&quot;text&quot;:&quot;\\n      &quot;}]},{&quot;text&quot;:&quot; &quot;},{&quot;comment&quot;:&quot; \\\/ .modal &quot;},{&quot;text&quot;:&quot;\\n      &quot;}]}},&quot;page&quot;:1,&quot;per_page&quot;:9,&quot;total_pages&quot;:3,&quot;pagination_template&quot;:&quot;&quot;,&quot;empty_table_template&quot;:&quot;&quot;,&quot;column_label&quot;:{&quot;fname&quot;:&quot;First Name&quot;,&quot;lname&quot;:&quot;Last Name&quot;,&quot;attendance&quot;:&quot;Attending&quot;,&quot;guests&quot;:&quot;Guests&quot;,&quot;details&quot;:&quot;&quot;},&quot;column_sort_type&quot;:{&quot;fname&quot;:&quot;string&quot;,&quot;lname&quot;:&quot;string&quot;,&quot;attendance&quot;:&quot;string&quot;,&quot;guests&quot;:&quot;number&quot;,&quot;details&quot;:&quot;string&quot;},&quot;column_order&quot;:[&quot;fname&quot;,&quot;lname&quot;,&quot;attendance&quot;,&quot;guests&quot;,&quot;details&quot;],&quot;column_sort_enabled&quot;:[&quot;fname&quot;,&quot;lname&quot;,&quot;attendance&quot;,&quot;guests&quot;],&quot;sort_column&quot;:&quot;title&quot;,&quot;sort_order&quot;:&quot;desc&quot;,&quot;sort_type&quot;:&quot;string&quot;,&quot;search&quot;:&quot;&quot;,&quot;search_columns&quot;:[],&quot;rows&quot;:[{&quot;fname&quot;:&quot;Abigail&quot;,&quot;lname&quot;:&quot;Abraham&quot;,&quot;attendance&quot;:&quot;&lt;span class=\\&quot;tt-event-attendance\\&quot; value=\\&quot;No\\&quot;&gt;\\n        No\\n      &lt;\\\/span&gt;&quot;,&quot;guests&quot;:0,&quot;details&quot;:&quot;&lt;button onclick=\\&quot;MicroModal.show(&#039;modal-1&#039;)\\&quot;&gt;Details&lt;\\\/button&gt;\\n      &lt;!-- Modal powered by Micromodal.js --&gt;\\n      &lt;div class=\\&quot;modal micromodal-slide\\&quot; id=\\&quot;modal-1\\&quot; aria-hidden=\\&quot;true\\&quot;&gt;\\n        &lt;div data-micromodal-close class=\\&quot;modal__overlay\\&quot; tabindex=\\&quot;-1\\&quot;&gt;\\n          &lt;div class=\\&quot;modal__container\\&quot; role=\\&quot;dialog\\&quot; aria-modal=\\&quot;true\\&quot; aria-labelledby=\\&quot;modal-1-title\\&quot;&gt;\\n            &lt;button data-micromodal-close class=\\&quot;modal__close\\&quot; aria-label=\\&quot;Close modal\\&quot;&gt;&lt;\\\/button&gt;\\n            &lt;header class=\\&quot;modal__header\\&quot;&gt;\\n            &lt;\\\/header&gt;\\n            &lt;main class=\\&quot;modal__content\\&quot; id=\\&quot;modal-1-content\\&quot;&gt;\\n              &lt;dl&gt;\\n                &lt;dt scope=\\&quot;row\\&quot;&gt;First Name&lt;\\\/dt&gt;\\n                &lt;dd&gt;\\n                  Abigail\\n                &lt;\\\/dd&gt;\\n                &lt;dt scope=\\&quot;row\\&quot;&gt;Last Name&lt;\\\/dt&gt;\\n                &lt;dd&gt;\\n                  Abraham\\n                &lt;\\\/dd&gt;\\n                &lt;dt scope=\\&quot;row\\&quot;&gt;Attending&lt;\\\/dt&gt;\\n                &lt;dd&gt;&lt;span class=\\&quot;tt-event-attendance\\&quot; value=\\&quot;No\\&quot;&gt;\\n                    No\\n                  &lt;\\\/span&gt;&lt;\\\/dd&gt;\\n                &lt;dt scope=\\&quot;row\\&quot;&gt;Number of Guests&lt;\\\/dt&gt;\\n                &lt;dd&gt;\\n                  \\n                &lt;\\\/dd&gt;\\n              &lt;\\\/dl&gt;\\n            &lt;\\\/main&gt;\\n          &lt;\\\/div&gt;\\n        &lt;\\\/div&gt;\\n      &lt;\\\/div&gt; &lt;!-- \\\/ .modal --&gt;&quot;},{&quot;fname&quot;:&quot;Alexander&quot;,&quot;lname&quot;:&quot;Alsop&quot;,&quot;attendance&quot;:&quot;&lt;span class=\\&quot;tt-event-attendance\\&quot; value=\\&quot;Yes\\&quot;&gt;\\n        Yes\\n      &lt;\\\/span&gt;&quot;,&quot;guests&quot;:10,&quot;details&quot;:&quot;&lt;button onclick=\\&quot;MicroModal.show(&#039;modal-2&#039;)\\&quot;&gt;Details&lt;\\\/button&gt;\\n      &lt;!-- Modal powered by Micromodal.js --&gt;\\n      &lt;div class=\\&quot;modal micromodal-slide\\&quot; id=\\&quot;modal-2\\&quot; aria-hidden=\\&quot;true\\&quot;&gt;\\n        &lt;div data-micromodal-close class=\\&quot;modal__overlay\\&quot; tabindex=\\&quot;-1\\&quot;&gt;\\n          &lt;div class=\\&quot;modal__container\\&quot; role=\\&quot;dialog\\&quot; aria-modal=\\&quot;true\\&quot; aria-labelledby=\\&quot;modal-2-title\\&quot;&gt;\\n            &lt;button data-micromodal-close class=\\&quot;modal__close\\&quot; aria-label=\\&quot;Close modal\\&quot;&gt;&lt;\\\/button&gt;\\n            &lt;header class=\\&quot;modal__header\\&quot;&gt;\\n            &lt;\\\/header&gt;\\n            &lt;main class=\\&quot;modal__content\\&quot; id=\\&quot;modal-2-content\\&quot;&gt;\\n              &lt;dl&gt;\\n                &lt;dt scope=\\&quot;row\\&quot;&gt;First Name&lt;\\\/dt&gt;\\n                &lt;dd&gt;\\n                  Alexander\\n                &lt;\\\/dd&gt;\\n                &lt;dt scope=\\&quot;row\\&quot;&gt;Last Name&lt;\\\/dt&gt;\\n                &lt;dd&gt;\\n                  Alsop\\n                &lt;\\\/dd&gt;\\n                &lt;dt scope=\\&quot;row\\&quot;&gt;Attending&lt;\\\/dt&gt;\\n                &lt;dd&gt;&lt;span class=\\&quot;tt-event-attendance\\&quot; value=\\&quot;Yes\\&quot;&gt;\\n                    Yes\\n                  &lt;\\\/span&gt;&lt;\\\/dd&gt;\\n                &lt;dt scope=\\&quot;row\\&quot;&gt;Number of Guests&lt;\\\/dt&gt;\\n                &lt;dd&gt;\\n                  10\\n                &lt;\\\/dd&gt;\\n              &lt;\\\/dl&gt;\\n            &lt;\\\/main&gt;\\n          &lt;\\\/div&gt;\\n        &lt;\\\/div&gt;\\n      &lt;\\\/div&gt; &lt;!-- \\\/ .modal --&gt;&quot;},{&quot;fname&quot;:&quot;Alan&quot;,&quot;lname&quot;:&quot;Avery&quot;,&quot;attendance&quot;:&quot;&lt;span class=\\&quot;tt-event-attendance\\&quot; value=\\&quot;Yes\\&quot;&gt;\\n        Yes\\n      &lt;\\\/span&gt;&quot;,&quot;guests&quot;:3,&quot;details&quot;:&quot;&lt;button onclick=\\&quot;MicroModal.show(&#039;modal-3&#039;)\\&quot;&gt;Details&lt;\\\/button&gt;\\n      &lt;!-- Modal powered by Micromodal.js --&gt;\\n      &lt;div class=\\&quot;modal micromodal-slide\\&quot; id=\\&quot;modal-3\\&quot; aria-hidden=\\&quot;true\\&quot;&gt;\\n        &lt;div data-micromodal-close class=\\&quot;modal__overlay\\&quot; tabindex=\\&quot;-1\\&quot;&gt;\\n          &lt;div class=\\&quot;modal__container\\&quot; role=\\&quot;dialog\\&quot; aria-modal=\\&quot;true\\&quot; aria-labelledby=\\&quot;modal-3-title\\&quot;&gt;\\n            &lt;button data-micromodal-close class=\\&quot;modal__close\\&quot; aria-label=\\&quot;Close modal\\&quot;&gt;&lt;\\\/button&gt;\\n            &lt;header class=\\&quot;modal__header\\&quot;&gt;\\n            &lt;\\\/header&gt;\\n            &lt;main class=\\&quot;modal__content\\&quot; id=\\&quot;modal-3-content\\&quot;&gt;\\n              &lt;dl&gt;\\n                &lt;dt scope=\\&quot;row\\&quot;&gt;First Name&lt;\\\/dt&gt;\\n                &lt;dd&gt;\\n                  Alan\\n                &lt;\\\/dd&gt;\\n                &lt;dt scope=\\&quot;row\\&quot;&gt;Last Name&lt;\\\/dt&gt;\\n                &lt;dd&gt;\\n                  Avery\\n                &lt;\\\/dd&gt;\\n                &lt;dt scope=\\&quot;row\\&quot;&gt;Attending&lt;\\\/dt&gt;\\n                &lt;dd&gt;&lt;span class=\\&quot;tt-event-attendance\\&quot; value=\\&quot;Yes\\&quot;&gt;\\n                    Yes\\n                  &lt;\\\/span&gt;&lt;\\\/dd&gt;\\n                &lt;dt scope=\\&quot;row\\&quot;&gt;Number of Guests&lt;\\\/dt&gt;\\n                &lt;dd&gt;\\n                  3\\n                &lt;\\\/dd&gt;\\n              &lt;\\\/dl&gt;\\n            &lt;\\\/main&gt;\\n          &lt;\\\/div&gt;\\n        &lt;\\\/div&gt;\\n      &lt;\\\/div&gt; &lt;!-- \\\/ .modal --&gt;&quot;},{&quot;fname&quot;:&quot;Ella&quot;,&quot;lname&quot;:&quot;Anderson&quot;,&quot;attendance&quot;:&quot;&lt;span class=\\&quot;tt-event-attendance\\&quot; value=\\&quot;Maybe\\&quot;&gt;\\n        Maybe\\n      &lt;\\\/span&gt;&quot;,&quot;guests&quot;:6,&quot;details&quot;:&quot;&lt;button onclick=\\&quot;MicroModal.show(&#039;modal-4&#039;)\\&quot;&gt;Details&lt;\\\/button&gt;\\n      &lt;!-- Modal powered by Micromodal.js --&gt;\\n      &lt;div class=\\&quot;modal micromodal-slide\\&quot; id=\\&quot;modal-4\\&quot; aria-hidden=\\&quot;true\\&quot;&gt;\\n        &lt;div data-micromodal-close class=\\&quot;modal__overlay\\&quot; tabindex=\\&quot;-1\\&quot;&gt;\\n          &lt;div class=\\&quot;modal__container\\&quot; role=\\&quot;dialog\\&quot; aria-modal=\\&quot;true\\&quot; aria-labelledby=\\&quot;modal-4-title\\&quot;&gt;\\n            &lt;button data-micromodal-close class=\\&quot;modal__close\\&quot; aria-label=\\&quot;Close modal\\&quot;&gt;&lt;\\\/button&gt;\\n            &lt;header class=\\&quot;modal__header\\&quot;&gt;\\n            &lt;\\\/header&gt;\\n            &lt;main class=\\&quot;modal__content\\&quot; id=\\&quot;modal-4-content\\&quot;&gt;\\n              &lt;dl&gt;\\n                &lt;dt scope=\\&quot;row\\&quot;&gt;First Name&lt;\\\/dt&gt;\\n                &lt;dd&gt;\\n                  Ella\\n                &lt;\\\/dd&gt;\\n                &lt;dt scope=\\&quot;row\\&quot;&gt;Last Name&lt;\\\/dt&gt;\\n                &lt;dd&gt;\\n                  Anderson\\n                &lt;\\\/dd&gt;\\n                &lt;dt scope=\\&quot;row\\&quot;&gt;Attending&lt;\\\/dt&gt;\\n                &lt;dd&gt;&lt;span class=\\&quot;tt-event-attendance\\&quot; value=\\&quot;Maybe\\&quot;&gt;\\n                    Maybe\\n                  &lt;\\\/span&gt;&lt;\\\/dd&gt;\\n                &lt;dt scope=\\&quot;row\\&quot;&gt;Number of Guests&lt;\\\/dt&gt;\\n                &lt;dd&gt;\\n                  6\\n                &lt;\\\/dd&gt;\\n              &lt;\\\/dl&gt;\\n            &lt;\\\/main&gt;\\n          &lt;\\\/div&gt;\\n        &lt;\\\/div&gt;\\n      &lt;\\\/div&gt; &lt;!-- \\\/ .modal --&gt;&quot;},{&quot;fname&quot;:&quot;Alexander&quot;,&quot;lname&quot;:&quot;Abraham&quot;,&quot;attendance&quot;:&quot;&lt;span class=\\&quot;tt-event-attendance\\&quot; value=\\&quot;Yes\\&quot;&gt;\\n        Yes\\n      &lt;\\\/span&gt;&quot;,&quot;guests&quot;:0,&quot;details&quot;:&quot;&lt;button onclick=\\&quot;MicroModal.show(&#039;modal-5&#039;)\\&quot;&gt;Details&lt;\\\/button&gt;\\n      &lt;!-- Modal powered by Micromodal.js --&gt;\\n      &lt;div class=\\&quot;modal micromodal-slide\\&quot; id=\\&quot;modal-5\\&quot; aria-hidden=\\&quot;true\\&quot;&gt;\\n        &lt;div data-micromodal-close class=\\&quot;modal__overlay\\&quot; tabindex=\\&quot;-1\\&quot;&gt;\\n          &lt;div class=\\&quot;modal__container\\&quot; role=\\&quot;dialog\\&quot; aria-modal=\\&quot;true\\&quot; aria-labelledby=\\&quot;modal-5-title\\&quot;&gt;\\n            &lt;button data-micromodal-close class=\\&quot;modal__close\\&quot; aria-label=\\&quot;Close modal\\&quot;&gt;&lt;\\\/button&gt;\\n            &lt;header class=\\&quot;modal__header\\&quot;&gt;\\n            &lt;\\\/header&gt;\\n            &lt;main class=\\&quot;modal__content\\&quot; id=\\&quot;modal-5-content\\&quot;&gt;\\n              &lt;dl&gt;\\n                &lt;dt scope=\\&quot;row\\&quot;&gt;First Name&lt;\\\/dt&gt;\\n                &lt;dd&gt;\\n                  Alexander\\n                &lt;\\\/dd&gt;\\n                &lt;dt scope=\\&quot;row\\&quot;&gt;Last Name&lt;\\\/dt&gt;\\n                &lt;dd&gt;\\n                  Abraham\\n                &lt;\\\/dd&gt;\\n                &lt;dt scope=\\&quot;row\\&quot;&gt;Attending&lt;\\\/dt&gt;\\n                &lt;dd&gt;&lt;span class=\\&quot;tt-event-attendance\\&quot; value=\\&quot;Yes\\&quot;&gt;\\n                    Yes\\n                  &lt;\\\/span&gt;&lt;\\\/dd&gt;\\n                &lt;dt scope=\\&quot;row\\&quot;&gt;Number of Guests&lt;\\\/dt&gt;\\n                &lt;dd&gt;\\n                  \\n                &lt;\\\/dd&gt;\\n              &lt;\\\/dl&gt;\\n            &lt;\\\/main&gt;\\n          &lt;\\\/div&gt;\\n        &lt;\\\/div&gt;\\n      &lt;\\\/div&gt; &lt;!-- \\\/ .modal --&gt;&quot;},{&quot;fname&quot;:&quot;Emma&quot;,&quot;lname&quot;:&quot;Avery&quot;,&quot;attendance&quot;:&quot;&lt;span class=\\&quot;tt-event-attendance\\&quot; value=\\&quot;Maybe\\&quot;&gt;\\n        Maybe\\n      &lt;\\\/span&gt;&quot;,&quot;guests&quot;:9,&quot;details&quot;:&quot;&lt;button onclick=\\&quot;MicroModal.show(&#039;modal-6&#039;)\\&quot;&gt;Details&lt;\\\/button&gt;\\n      &lt;!-- Modal powered by Micromodal.js --&gt;\\n      &lt;div class=\\&quot;modal micromodal-slide\\&quot; id=\\&quot;modal-6\\&quot; aria-hidden=\\&quot;true\\&quot;&gt;\\n        &lt;div data-micromodal-close class=\\&quot;modal__overlay\\&quot; tabindex=\\&quot;-1\\&quot;&gt;\\n          &lt;div class=\\&quot;modal__container\\&quot; role=\\&quot;dialog\\&quot; aria-modal=\\&quot;true\\&quot; aria-labelledby=\\&quot;modal-6-title\\&quot;&gt;\\n            &lt;button data-micromodal-close class=\\&quot;modal__close\\&quot; aria-label=\\&quot;Close modal\\&quot;&gt;&lt;\\\/button&gt;\\n            &lt;header class=\\&quot;modal__header\\&quot;&gt;\\n            &lt;\\\/header&gt;\\n            &lt;main class=\\&quot;modal__content\\&quot; id=\\&quot;modal-6-content\\&quot;&gt;\\n              &lt;dl&gt;\\n                &lt;dt scope=\\&quot;row\\&quot;&gt;First Name&lt;\\\/dt&gt;\\n                &lt;dd&gt;\\n                  Emma\\n                &lt;\\\/dd&gt;\\n                &lt;dt scope=\\&quot;row\\&quot;&gt;Last Name&lt;\\\/dt&gt;\\n                &lt;dd&gt;\\n                  Avery\\n                &lt;\\\/dd&gt;\\n                &lt;dt scope=\\&quot;row\\&quot;&gt;Attending&lt;\\\/dt&gt;\\n                &lt;dd&gt;&lt;span class=\\&quot;tt-event-attendance\\&quot; value=\\&quot;Maybe\\&quot;&gt;\\n                    Maybe\\n                  &lt;\\\/span&gt;&lt;\\\/dd&gt;\\n                &lt;dt scope=\\&quot;row\\&quot;&gt;Number of Guests&lt;\\\/dt&gt;\\n                &lt;dd&gt;\\n                  9\\n                &lt;\\\/dd&gt;\\n              &lt;\\\/dl&gt;\\n            &lt;\\\/main&gt;\\n          &lt;\\\/div&gt;\\n        &lt;\\\/div&gt;\\n      &lt;\\\/div&gt; &lt;!-- \\\/ .modal --&gt;&quot;},{&quot;fname&quot;:&quot;Abigail&quot;,&quot;lname&quot;:&quot;Abraham&quot;,&quot;attendance&quot;:&quot;&lt;span class=\\&quot;tt-event-attendance\\&quot; value=\\&quot;Yes\\&quot;&gt;\\n        Yes\\n      &lt;\\\/span&gt;&quot;,&quot;guests&quot;:7,&quot;details&quot;:&quot;&lt;button onclick=\\&quot;MicroModal.show(&#039;modal-7&#039;)\\&quot;&gt;Details&lt;\\\/button&gt;\\n      &lt;!-- Modal powered by Micromodal.js --&gt;\\n      &lt;div class=\\&quot;modal micromodal-slide\\&quot; id=\\&quot;modal-7\\&quot; aria-hidden=\\&quot;true\\&quot;&gt;\\n        &lt;div data-micromodal-close class=\\&quot;modal__overlay\\&quot; tabindex=\\&quot;-1\\&quot;&gt;\\n          &lt;div class=\\&quot;modal__container\\&quot; role=\\&quot;dialog\\&quot; aria-modal=\\&quot;true\\&quot; aria-labelledby=\\&quot;modal-7-title\\&quot;&gt;\\n            &lt;button data-micromodal-close class=\\&quot;modal__close\\&quot; aria-label=\\&quot;Close modal\\&quot;&gt;&lt;\\\/button&gt;\\n            &lt;header class=\\&quot;modal__header\\&quot;&gt;\\n            &lt;\\\/header&gt;\\n            &lt;main class=\\&quot;modal__content\\&quot; id=\\&quot;modal-7-content\\&quot;&gt;\\n              &lt;dl&gt;\\n                &lt;dt scope=\\&quot;row\\&quot;&gt;First Name&lt;\\\/dt&gt;\\n                &lt;dd&gt;\\n                  Abigail\\n                &lt;\\\/dd&gt;\\n                &lt;dt scope=\\&quot;row\\&quot;&gt;Last Name&lt;\\\/dt&gt;\\n                &lt;dd&gt;\\n                  Abraham\\n                &lt;\\\/dd&gt;\\n                &lt;dt scope=\\&quot;row\\&quot;&gt;Attending&lt;\\\/dt&gt;\\n                &lt;dd&gt;&lt;span class=\\&quot;tt-event-attendance\\&quot; value=\\&quot;Yes\\&quot;&gt;\\n                    Yes\\n                  &lt;\\\/span&gt;&lt;\\\/dd&gt;\\n                &lt;dt scope=\\&quot;row\\&quot;&gt;Number of Guests&lt;\\\/dt&gt;\\n                &lt;dd&gt;\\n                  7\\n                &lt;\\\/dd&gt;\\n              &lt;\\\/dl&gt;\\n            &lt;\\\/main&gt;\\n          &lt;\\\/div&gt;\\n        &lt;\\\/div&gt;\\n      &lt;\\\/div&gt; &lt;!-- \\\/ .modal --&gt;&quot;},{&quot;fname&quot;:&quot;Andrew&quot;,&quot;lname&quot;:&quot;Anderson&quot;,&quot;attendance&quot;:&quot;&lt;span class=\\&quot;tt-event-attendance\\&quot; value=\\&quot;Yes\\&quot;&gt;\\n        Yes\\n      &lt;\\\/span&gt;&quot;,&quot;guests&quot;:1,&quot;details&quot;:&quot;&lt;button onclick=\\&quot;MicroModal.show(&#039;modal-8&#039;)\\&quot;&gt;Details&lt;\\\/button&gt;\\n      &lt;!-- Modal powered by Micromodal.js --&gt;\\n      &lt;div class=\\&quot;modal micromodal-slide\\&quot; id=\\&quot;modal-8\\&quot; aria-hidden=\\&quot;true\\&quot;&gt;\\n        &lt;div data-micromodal-close class=\\&quot;modal__overlay\\&quot; tabindex=\\&quot;-1\\&quot;&gt;\\n          &lt;div class=\\&quot;modal__container\\&quot; role=\\&quot;dialog\\&quot; aria-modal=\\&quot;true\\&quot; aria-labelledby=\\&quot;modal-8-title\\&quot;&gt;\\n            &lt;button data-micromodal-close class=\\&quot;modal__close\\&quot; aria-label=\\&quot;Close modal\\&quot;&gt;&lt;\\\/button&gt;\\n            &lt;header class=\\&quot;modal__header\\&quot;&gt;\\n            &lt;\\\/header&gt;\\n            &lt;main class=\\&quot;modal__content\\&quot; id=\\&quot;modal-8-content\\&quot;&gt;\\n              &lt;dl&gt;\\n                &lt;dt scope=\\&quot;row\\&quot;&gt;First Name&lt;\\\/dt&gt;\\n                &lt;dd&gt;\\n                  Andrew\\n                &lt;\\\/dd&gt;\\n                &lt;dt scope=\\&quot;row\\&quot;&gt;Last Name&lt;\\\/dt&gt;\\n                &lt;dd&gt;\\n                  Anderson\\n                &lt;\\\/dd&gt;\\n                &lt;dt scope=\\&quot;row\\&quot;&gt;Attending&lt;\\\/dt&gt;\\n                &lt;dd&gt;&lt;span class=\\&quot;tt-event-attendance\\&quot; value=\\&quot;Yes\\&quot;&gt;\\n                    Yes\\n                  &lt;\\\/span&gt;&lt;\\\/dd&gt;\\n                &lt;dt scope=\\&quot;row\\&quot;&gt;Number of Guests&lt;\\\/dt&gt;\\n                &lt;dd&gt;\\n                  1\\n                &lt;\\\/dd&gt;\\n              &lt;\\\/dl&gt;\\n            &lt;\\\/main&gt;\\n          &lt;\\\/div&gt;\\n        &lt;\\\/div&gt;\\n      &lt;\\\/div&gt; &lt;!-- \\\/ .modal --&gt;&quot;},{&quot;fname&quot;:&quot;Alexander&quot;,&quot;lname&quot;:&quot;Ellison&quot;,&quot;attendance&quot;:&quot;&lt;span class=\\&quot;tt-event-attendance\\&quot; value=\\&quot;Maybe\\&quot;&gt;\\n        Maybe\\n      &lt;\\\/span&gt;&quot;,&quot;guests&quot;:8,&quot;details&quot;:&quot;&lt;button onclick=\\&quot;MicroModal.show(&#039;modal-9&#039;)\\&quot;&gt;Details&lt;\\\/button&gt;\\n      &lt;!-- Modal powered by Micromodal.js --&gt;\\n      &lt;div class=\\&quot;modal micromodal-slide\\&quot; id=\\&quot;modal-9\\&quot; aria-hidden=\\&quot;true\\&quot;&gt;\\n        &lt;div data-micromodal-close class=\\&quot;modal__overlay\\&quot; tabindex=\\&quot;-1\\&quot;&gt;\\n          &lt;div class=\\&quot;modal__container\\&quot; role=\\&quot;dialog\\&quot; aria-modal=\\&quot;true\\&quot; aria-labelledby=\\&quot;modal-9-title\\&quot;&gt;\\n            &lt;button data-micromodal-close class=\\&quot;modal__close\\&quot; aria-label=\\&quot;Close modal\\&quot;&gt;&lt;\\\/button&gt;\\n            &lt;header class=\\&quot;modal__header\\&quot;&gt;\\n            &lt;\\\/header&gt;\\n            &lt;main class=\\&quot;modal__content\\&quot; id=\\&quot;modal-9-content\\&quot;&gt;\\n              &lt;dl&gt;\\n                &lt;dt scope=\\&quot;row\\&quot;&gt;First Name&lt;\\\/dt&gt;\\n                &lt;dd&gt;\\n                  Alexander\\n                &lt;\\\/dd&gt;\\n                &lt;dt scope=\\&quot;row\\&quot;&gt;Last Name&lt;\\\/dt&gt;\\n                &lt;dd&gt;\\n                  Ellison\\n                &lt;\\\/dd&gt;\\n                &lt;dt scope=\\&quot;row\\&quot;&gt;Attending&lt;\\\/dt&gt;\\n                &lt;dd&gt;&lt;span class=\\&quot;tt-event-attendance\\&quot; value=\\&quot;Maybe\\&quot;&gt;\\n                    Maybe\\n                  &lt;\\\/span&gt;&lt;\\\/dd&gt;\\n                &lt;dt scope=\\&quot;row\\&quot;&gt;Number of Guests&lt;\\\/dt&gt;\\n                &lt;dd&gt;\\n                  8\\n                &lt;\\\/dd&gt;\\n              &lt;\\\/dl&gt;\\n            &lt;\\\/main&gt;\\n          &lt;\\\/div&gt;\\n        &lt;\\\/div&gt;\\n      &lt;\\\/div&gt; &lt;!-- \\\/ .modal --&gt;&quot;}],&quot;current_row_column_attributes&quot;:[{&quot;keys&quot;:[]},{&quot;keys&quot;:[]},{&quot;keys&quot;:[]},{&quot;keys&quot;:[]},{&quot;keys&quot;:[]}]}\">\n    \n    <thead><tr>\n      <th>First Name<\/th>\n      <th>Last Name<\/th>\n      <th>Attending<\/th>\n      <th>Guests<\/th>\n      <th><\/th>\n    <\/tr><\/thead>\n    <tbody><tr>\n      <td>Abigail<\/td>\n      <td>Abraham<\/td>\n      <td><span class=\"tt-event-attendance\" value=\"No\">\n        No\n      <\/span><\/td>\n      <td><\/td>\n      <td><button onclick=\"MicroModal.show(&#039;modal-1&#039;)\">Details<\/button>\n      <!-- Modal powered by Micromodal.js -->\n      <div class=\"modal micromodal-slide\" id=\"modal-1\" aria-hidden=\"true\">\n        <div data-micromodal-close class=\"modal__overlay\" tabindex=\"-1\">\n          <div class=\"modal__container\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"modal-1-title\">\n            <button data-micromodal-close class=\"modal__close\" aria-label=\"Close modal\"><\/button>\n            <header class=\"modal__header\">\n            <\/header>\n            <main class=\"modal__content\" id=\"modal-1-content\">\n              <dl>\n                <dt scope=\"row\">First Name<\/dt>\n                <dd>\n                  Abigail\n                <\/dd>\n                <dt scope=\"row\">Last Name<\/dt>\n                <dd>\n                  Abraham\n                <\/dd>\n                <dt scope=\"row\">Attending<\/dt>\n                <dd><span class=\"tt-event-attendance\" value=\"No\">\n                    No\n                  <\/span><\/dd>\n                <dt scope=\"row\">Number of Guests<\/dt>\n                <dd>\n                  \n                <\/dd>\n              <\/dl>\n            <\/main>\n          <\/div>\n        <\/div>\n      <\/div> <!-- \/ .modal --><\/td>\n    <\/tr><tr>\n      <td>Alexander<\/td>\n      <td>Alsop<\/td>\n      <td><span class=\"tt-event-attendance\" value=\"Yes\">\n        Yes\n      <\/span><\/td>\n      <td>10<\/td>\n      <td><button onclick=\"MicroModal.show(&#039;modal-2&#039;)\">Details<\/button>\n      <!-- Modal powered by Micromodal.js -->\n      <div class=\"modal micromodal-slide\" id=\"modal-2\" aria-hidden=\"true\">\n        <div data-micromodal-close class=\"modal__overlay\" tabindex=\"-1\">\n          <div class=\"modal__container\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"modal-2-title\">\n            <button data-micromodal-close class=\"modal__close\" aria-label=\"Close modal\"><\/button>\n            <header class=\"modal__header\">\n            <\/header>\n            <main class=\"modal__content\" id=\"modal-2-content\">\n              <dl>\n                <dt scope=\"row\">First Name<\/dt>\n                <dd>\n                  Alexander\n                <\/dd>\n                <dt scope=\"row\">Last Name<\/dt>\n                <dd>\n                  Alsop\n                <\/dd>\n                <dt scope=\"row\">Attending<\/dt>\n                <dd><span class=\"tt-event-attendance\" value=\"Yes\">\n                    Yes\n                  <\/span><\/dd>\n                <dt scope=\"row\">Number of Guests<\/dt>\n                <dd>\n                  10\n                <\/dd>\n              <\/dl>\n            <\/main>\n          <\/div>\n        <\/div>\n      <\/div> <!-- \/ .modal --><\/td>\n    <\/tr><tr>\n      <td>Alan<\/td>\n      <td>Avery<\/td>\n      <td><span class=\"tt-event-attendance\" value=\"Yes\">\n        Yes\n      <\/span><\/td>\n      <td>3<\/td>\n      <td><button onclick=\"MicroModal.show(&#039;modal-3&#039;)\">Details<\/button>\n      <!-- Modal powered by Micromodal.js -->\n      <div class=\"modal micromodal-slide\" id=\"modal-3\" aria-hidden=\"true\">\n        <div data-micromodal-close class=\"modal__overlay\" tabindex=\"-1\">\n          <div class=\"modal__container\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"modal-3-title\">\n            <button data-micromodal-close class=\"modal__close\" aria-label=\"Close modal\"><\/button>\n            <header class=\"modal__header\">\n            <\/header>\n            <main class=\"modal__content\" id=\"modal-3-content\">\n              <dl>\n                <dt scope=\"row\">First Name<\/dt>\n                <dd>\n                  Alan\n                <\/dd>\n                <dt scope=\"row\">Last Name<\/dt>\n                <dd>\n                  Avery\n                <\/dd>\n                <dt scope=\"row\">Attending<\/dt>\n                <dd><span class=\"tt-event-attendance\" value=\"Yes\">\n                    Yes\n                  <\/span><\/dd>\n                <dt scope=\"row\">Number of Guests<\/dt>\n                <dd>\n                  3\n                <\/dd>\n              <\/dl>\n            <\/main>\n          <\/div>\n        <\/div>\n      <\/div> <!-- \/ .modal --><\/td>\n    <\/tr><tr>\n      <td>Ella<\/td>\n      <td>Anderson<\/td>\n      <td><span class=\"tt-event-attendance\" value=\"Maybe\">\n        Maybe\n      <\/span><\/td>\n      <td>6<\/td>\n      <td><button onclick=\"MicroModal.show(&#039;modal-4&#039;)\">Details<\/button>\n      <!-- Modal powered by Micromodal.js -->\n      <div class=\"modal micromodal-slide\" id=\"modal-4\" aria-hidden=\"true\">\n        <div data-micromodal-close class=\"modal__overlay\" tabindex=\"-1\">\n          <div class=\"modal__container\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"modal-4-title\">\n            <button data-micromodal-close class=\"modal__close\" aria-label=\"Close modal\"><\/button>\n            <header class=\"modal__header\">\n            <\/header>\n            <main class=\"modal__content\" id=\"modal-4-content\">\n              <dl>\n                <dt scope=\"row\">First Name<\/dt>\n                <dd>\n                  Ella\n                <\/dd>\n                <dt scope=\"row\">Last Name<\/dt>\n                <dd>\n                  Anderson\n                <\/dd>\n                <dt scope=\"row\">Attending<\/dt>\n                <dd><span class=\"tt-event-attendance\" value=\"Maybe\">\n                    Maybe\n                  <\/span><\/dd>\n                <dt scope=\"row\">Number of Guests<\/dt>\n                <dd>\n                  6\n                <\/dd>\n              <\/dl>\n            <\/main>\n          <\/div>\n        <\/div>\n      <\/div> <!-- \/ .modal --><\/td>\n    <\/tr><tr>\n      <td>Alexander<\/td>\n      <td>Abraham<\/td>\n      <td><span class=\"tt-event-attendance\" value=\"Yes\">\n        Yes\n      <\/span><\/td>\n      <td><\/td>\n      <td><button onclick=\"MicroModal.show(&#039;modal-5&#039;)\">Details<\/button>\n      <!-- Modal powered by Micromodal.js -->\n      <div class=\"modal micromodal-slide\" id=\"modal-5\" aria-hidden=\"true\">\n        <div data-micromodal-close class=\"modal__overlay\" tabindex=\"-1\">\n          <div class=\"modal__container\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"modal-5-title\">\n            <button data-micromodal-close class=\"modal__close\" aria-label=\"Close modal\"><\/button>\n            <header class=\"modal__header\">\n            <\/header>\n            <main class=\"modal__content\" id=\"modal-5-content\">\n              <dl>\n                <dt scope=\"row\">First Name<\/dt>\n                <dd>\n                  Alexander\n                <\/dd>\n                <dt scope=\"row\">Last Name<\/dt>\n                <dd>\n                  Abraham\n                <\/dd>\n                <dt scope=\"row\">Attending<\/dt>\n                <dd><span class=\"tt-event-attendance\" value=\"Yes\">\n                    Yes\n                  <\/span><\/dd>\n                <dt scope=\"row\">Number of Guests<\/dt>\n                <dd>\n                  \n                <\/dd>\n              <\/dl>\n            <\/main>\n          <\/div>\n        <\/div>\n      <\/div> <!-- \/ .modal --><\/td>\n    <\/tr><tr>\n      <td>Emma<\/td>\n      <td>Avery<\/td>\n      <td><span class=\"tt-event-attendance\" value=\"Maybe\">\n        Maybe\n      <\/span><\/td>\n      <td>9<\/td>\n      <td><button onclick=\"MicroModal.show(&#039;modal-6&#039;)\">Details<\/button>\n      <!-- Modal powered by Micromodal.js -->\n      <div class=\"modal micromodal-slide\" id=\"modal-6\" aria-hidden=\"true\">\n        <div data-micromodal-close class=\"modal__overlay\" tabindex=\"-1\">\n          <div class=\"modal__container\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"modal-6-title\">\n            <button data-micromodal-close class=\"modal__close\" aria-label=\"Close modal\"><\/button>\n            <header class=\"modal__header\">\n            <\/header>\n            <main class=\"modal__content\" id=\"modal-6-content\">\n              <dl>\n                <dt scope=\"row\">First Name<\/dt>\n                <dd>\n                  Emma\n                <\/dd>\n                <dt scope=\"row\">Last Name<\/dt>\n                <dd>\n                  Avery\n                <\/dd>\n                <dt scope=\"row\">Attending<\/dt>\n                <dd><span class=\"tt-event-attendance\" value=\"Maybe\">\n                    Maybe\n                  <\/span><\/dd>\n                <dt scope=\"row\">Number of Guests<\/dt>\n                <dd>\n                  9\n                <\/dd>\n              <\/dl>\n            <\/main>\n          <\/div>\n        <\/div>\n      <\/div> <!-- \/ .modal --><\/td>\n    <\/tr><tr>\n      <td>Abigail<\/td>\n      <td>Abraham<\/td>\n      <td><span class=\"tt-event-attendance\" value=\"Yes\">\n        Yes\n      <\/span><\/td>\n      <td>7<\/td>\n      <td><button onclick=\"MicroModal.show(&#039;modal-7&#039;)\">Details<\/button>\n      <!-- Modal powered by Micromodal.js -->\n      <div class=\"modal micromodal-slide\" id=\"modal-7\" aria-hidden=\"true\">\n        <div data-micromodal-close class=\"modal__overlay\" tabindex=\"-1\">\n          <div class=\"modal__container\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"modal-7-title\">\n            <button data-micromodal-close class=\"modal__close\" aria-label=\"Close modal\"><\/button>\n            <header class=\"modal__header\">\n            <\/header>\n            <main class=\"modal__content\" id=\"modal-7-content\">\n              <dl>\n                <dt scope=\"row\">First Name<\/dt>\n                <dd>\n                  Abigail\n                <\/dd>\n                <dt scope=\"row\">Last Name<\/dt>\n                <dd>\n                  Abraham\n                <\/dd>\n                <dt scope=\"row\">Attending<\/dt>\n                <dd><span class=\"tt-event-attendance\" value=\"Yes\">\n                    Yes\n                  <\/span><\/dd>\n                <dt scope=\"row\">Number of Guests<\/dt>\n                <dd>\n                  7\n                <\/dd>\n              <\/dl>\n            <\/main>\n          <\/div>\n        <\/div>\n      <\/div> <!-- \/ .modal --><\/td>\n    <\/tr><tr>\n      <td>Andrew<\/td>\n      <td>Anderson<\/td>\n      <td><span class=\"tt-event-attendance\" value=\"Yes\">\n        Yes\n      <\/span><\/td>\n      <td>1<\/td>\n      <td><button onclick=\"MicroModal.show(&#039;modal-8&#039;)\">Details<\/button>\n      <!-- Modal powered by Micromodal.js -->\n      <div class=\"modal micromodal-slide\" id=\"modal-8\" aria-hidden=\"true\">\n        <div data-micromodal-close class=\"modal__overlay\" tabindex=\"-1\">\n          <div class=\"modal__container\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"modal-8-title\">\n            <button data-micromodal-close class=\"modal__close\" aria-label=\"Close modal\"><\/button>\n            <header class=\"modal__header\">\n            <\/header>\n            <main class=\"modal__content\" id=\"modal-8-content\">\n              <dl>\n                <dt scope=\"row\">First Name<\/dt>\n                <dd>\n                  Andrew\n                <\/dd>\n                <dt scope=\"row\">Last Name<\/dt>\n                <dd>\n                  Anderson\n                <\/dd>\n                <dt scope=\"row\">Attending<\/dt>\n                <dd><span class=\"tt-event-attendance\" value=\"Yes\">\n                    Yes\n                  <\/span><\/dd>\n                <dt scope=\"row\">Number of Guests<\/dt>\n                <dd>\n                  1\n                <\/dd>\n              <\/dl>\n            <\/main>\n          <\/div>\n        <\/div>\n      <\/div> <!-- \/ .modal --><\/td>\n    <\/tr><tr>\n      <td>Alexander<\/td>\n      <td>Ellison<\/td>\n      <td><span class=\"tt-event-attendance\" value=\"Maybe\">\n        Maybe\n      <\/span><\/td>\n      <td>8<\/td>\n      <td><button onclick=\"MicroModal.show(&#039;modal-9&#039;)\">Details<\/button>\n      <!-- Modal powered by Micromodal.js -->\n      <div class=\"modal micromodal-slide\" id=\"modal-9\" aria-hidden=\"true\">\n        <div data-micromodal-close class=\"modal__overlay\" tabindex=\"-1\">\n          <div class=\"modal__container\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"modal-9-title\">\n            <button data-micromodal-close class=\"modal__close\" aria-label=\"Close modal\"><\/button>\n            <header class=\"modal__header\">\n            <\/header>\n            <main class=\"modal__content\" id=\"modal-9-content\">\n              <dl>\n                <dt scope=\"row\">First Name<\/dt>\n                <dd>\n                  Alexander\n                <\/dd>\n                <dt scope=\"row\">Last Name<\/dt>\n                <dd>\n                  Ellison\n                <\/dd>\n                <dt scope=\"row\">Attending<\/dt>\n                <dd><span class=\"tt-event-attendance\" value=\"Maybe\">\n                    Maybe\n                  <\/span><\/dd>\n                <dt scope=\"row\">Number of Guests<\/dt>\n                <dd>\n                  8\n                <\/dd>\n              <\/dl>\n            <\/main>\n          <\/div>\n        <\/div>\n      <\/div> <!-- \/ .modal --><\/td>\n    <\/tr><\/tbody>\n  <\/table><\/div>\n  \n  \n\n\n<h2 class=\"wp-block-heading\" id=\"the-markup\">The markup:<\/h2>\n\n\n<pre class=\"tangible-prism tangible-dynamic-module\" data-tangible-dynamic-module=\"prism\"><code class=\"language-html\">&lt;div class=&quot;tt-section tt-section-collapse&quot; id=&quot;CollapseSection&quot;&gt;\n  &lt;div class=&quot;tt-section-heading&quot;&gt;\n    &lt;button id=&quot;CollapseTrigger&quot;&gt;\n      &lt;span&gt;&lt;span id=&quot;CollapseText&quot;&gt;Hide&lt;\/span&gt; Form&lt;\/span&gt;\n      &lt;i class=&quot;icon-chevron-down&quot;&gt;&lt;\/i&gt;\n    &lt;\/button&gt;\n  &lt;\/div&gt;\n  &lt;div class=&quot;tt-section-content&quot;&gt;\n    &lt;div&gt;\n      &lt;Shortcode gravityform id=&quot;5&quot; title=&quot;false&quot; description=&quot;false&quot; ajax=&quot;false&quot; tabindex=&quot;32&quot; \/&gt;\n    &lt;\/div&gt;\n  &lt;\/div&gt;\n&lt;\/div&gt;\n&lt;If loop type=gravity_form_entry form_id=5&gt;\n  &lt;Table per_page=9 sort=title sort_order=desc&gt;\n    &lt;Filter&gt;\n      &lt;div&gt;\n        &lt;input type=&quot;text&quot; action=&quot;search&quot; columns=&quot;fname,lname,attendance&quot; placeholder=&quot;Search&quot;&gt;\n      &lt;\/div&gt;\n    &lt;\/Filter&gt;\n    &lt;Head&gt;\n      &lt;Col name=fname sort_type=string&gt;First Name&lt;\/Col&gt;\n      &lt;Col name=lname sort_type=string&gt;Last Name&lt;\/Col&gt;\n      &lt;Col name=attendance sort_type=string&gt;Attending&lt;\/Col&gt;\n      &lt;Col name=guests sort_type=number&gt;Guests&lt;\/Col&gt;\n      &lt;Col name=details&gt;\n      &lt;\/Col&gt;\n    &lt;\/Head&gt;\n    &lt;RowLoop type=gravity_form_entry form_id=5 orderby=date_created order=desc&gt;\n      &lt;Col&gt;\n      &lt;GField select id=1 value_key=text \/&gt;\n      &lt;\/Col&gt;\n      &lt;Col&gt;\n      &lt;GField select id=2 value_key=text \/&gt;\n      &lt;\/Col&gt;\n      &lt;Col&gt;&lt;span class=&quot;tt-event-attendance&quot; value=&quot;{GField select id=3 value_key=value}&quot;&gt;\n        &lt;GField select id=3 value_key=text \/&gt;\n      &lt;\/span&gt;&lt;\/Col&gt;\n      &lt;Col&gt;\n      &lt;GField id=4 \/&gt;\n      &lt;\/Col&gt;\n      &lt;Col&gt;\n      &lt;button onclick=&quot;MicroModal.show(&#039;modal-{Get loop=count}&#039;)&quot;&gt;Details&lt;\/button&gt;\n      &lt;!-- Modal powered by Micromodal.js --&gt;\n      &lt;div class=&quot;modal micromodal-slide&quot; id=&quot;modal-{Get loop=count}&quot; aria-hidden=&quot;true&quot;&gt;\n        &lt;div class=&quot;modal__overlay&quot; tabindex=&quot;-1&quot; data-micromodal-close&gt;\n          &lt;div class=&quot;modal__container&quot; role=&quot;dialog&quot; aria-modal=&quot;true&quot; aria-labelledby=&quot;modal-{Get loop=count}-title&quot;&gt;\n            &lt;button class=&quot;modal__close&quot; aria-label=&quot;Close modal&quot; data-micromodal-close&gt;&lt;\/button&gt;\n            &lt;header class=&quot;modal__header&quot;&gt;\n            &lt;\/header&gt;\n            &lt;main class=&quot;modal__content&quot; id=&quot;modal-{Get loop=count}-content&quot;&gt;\n              &lt;dl&gt;\n                &lt;dt scope=&quot;row&quot;&gt;First Name&lt;\/dt&gt;\n                &lt;dd&gt;\n                  &lt;GField select id=1 value_key=text \/&gt;\n                &lt;\/dd&gt;\n                &lt;dt scope=&quot;row&quot;&gt;Last Name&lt;\/dt&gt;\n                &lt;dd&gt;\n                  &lt;GField select id=2 value_key=text \/&gt;\n                &lt;\/dd&gt;\n                &lt;dt scope=&quot;row&quot;&gt;Attending&lt;\/dt&gt;\n                &lt;dd&gt;&lt;span class=&quot;tt-event-attendance&quot; value=&quot;{GField select id=3 value_key=value}&quot;&gt;\n                    &lt;GField select id=3 value_key=text \/&gt;\n                  &lt;\/span&gt;&lt;\/dd&gt;\n                &lt;dt scope=&quot;row&quot;&gt;Number of Guests&lt;\/dt&gt;\n                &lt;dd&gt;\n                  &lt;GField select id=4 value_key=text \/&gt;\n                &lt;\/dd&gt;\n              &lt;\/dl&gt;\n            &lt;\/main&gt;\n          &lt;\/div&gt;\n        &lt;\/div&gt;\n      &lt;\/div&gt; &lt;!-- \/ .modal --&gt;\n      &lt;\/Col&gt;\n    &lt;\/RowLoop&gt;\n  &lt;\/Table&gt;\n  &lt;If check=&quot;{Get loop=previous_total}&quot; more_than value=9&gt;\n    &lt;PaginateButtons \/&gt;\n  &lt;\/If&gt;\n  &lt;Else \/&gt;\n  No listings yet. Add one with the form!\n&lt;\/If&gt;\n<\/code><\/pre>  ","protected":false},"excerpt":{"rendered":"<p>The markup:<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_generate-full-width-content":"","_kad_post_transparent":"default","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"footnotes":""},"acf":[],"_links":{"self":[{"href":"https:\/\/demos.tangibleplugins.com\/loops-for-gravity-forms\/wp-json\/wp\/v2\/pages\/408"}],"collection":[{"href":"https:\/\/demos.tangibleplugins.com\/loops-for-gravity-forms\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demos.tangibleplugins.com\/loops-for-gravity-forms\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demos.tangibleplugins.com\/loops-for-gravity-forms\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demos.tangibleplugins.com\/loops-for-gravity-forms\/wp-json\/wp\/v2\/comments?post=408"}],"version-history":[{"count":50,"href":"https:\/\/demos.tangibleplugins.com\/loops-for-gravity-forms\/wp-json\/wp\/v2\/pages\/408\/revisions"}],"predecessor-version":[{"id":934,"href":"https:\/\/demos.tangibleplugins.com\/loops-for-gravity-forms\/wp-json\/wp\/v2\/pages\/408\/revisions\/934"}],"wp:attachment":[{"href":"https:\/\/demos.tangibleplugins.com\/loops-for-gravity-forms\/wp-json\/wp\/v2\/media?parent=408"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}