{# LIBRARIES #}
{{ attach_library('ui_patterns/libraries.bs_modal') }}

{# TEMP BUTTON FOR DEBUG #}
{#
<button type="button" class="btn btn-outline-default btn-sm btn-default" data-bs-toggle="modal" data-bs-target="#buytickets-modal">
  Launch demo modal
</button>
#}
{# TEMPLATE #}
<div class="modal fade" id="buytickets-modal" tabindex="-1" role="dialog" aria-labelledby="buytickets-modal-title" aria-modal="true" >
  <div class="modal-dialog modal-lg" role="document">
    <div class="modal-content">
      <!-- Header -->
      <div class="modal-header">
        <h2 id="buytickets-modal-title" class="visually-hidden">Buy tickets form modal</h2>
        <a href="#" type="button" class="modal-close" data-bs-dismiss="modal" aria-label="Close">
          <i class="fas fa-times-circle"></i>
        </a>
      </div>
      <!-- Body -->
      <div class="modal-body">
        <form id="bkf-modal">
          <!-- Dynamic content -->
          <div class="form-contents"></div>
        </form>
        <!-- Universal set -->
        <button type="button" class="btn btn-default btn-sm set">Set</button>
      </div>
    </div>
  </div>
</div>
