{% capture modal_content %}

<div class="modal-header">
  <h4 class="modal-title" id="myModalLabel">{{ site.data.settings.rsvp.yes_modal_title }}</h4>
  <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
</div>
<div class="modal-body">
  <div class="section-padding">
    <p>{{ site.data.settings.rsvp.yes_modal_body }}</p>
    <p>{{ site.data.settings.rsvp.sms_followup_text }}</p>
    <div id="add-to-cal"></div>
  </div>
</div>

{% endcapture %}

{% assign main_event = site.data.events | where: “main_event”, true | first %} {%- capture eventTitle -%}

{{ site.data.couple.spouse1.short_name }}'s and {{ site.data.couple.spouse2.short_name }}'s Wedding

{%- endcapture -%} <script>

  const myCalendar = createAddToCalendarButton({
    // Event title
    title: "{{ eventTitle | escape }}",

    // Event start date
    start: new Date(Number("{{ main_event.date | date: '%s' }}") * 1000),

    // Event duration (IN MINUTES)
    // duration: 4 * 60,

    // You can also choose to set an end time
    // If an end time is set, this will take precedence over duration
    end: new Date(Number("{{ main_event.endDate | date: '%s' }}") * 1000),

    // Event Address
    address: '{{ main_event.location.address }} {{ main_event.location.city }}, {{ main_event.location.state }} {{ main_event.location.zip }}',

    // Event Description
    description: "{{ main_event.calendar_description}} \n\nWebsite: {{site.url}}"
  },
    'add-to-cal',
  );
</script>

{% include modals/modal.html content=modal_content name='RSVP Yes' modal_id='rsvp-yes-modal' %}