<button name="preview_catalog" data-toggle="modal" data-target="#catalogModal">
    <%= gettext('Preview') %>
</button>

<div class="modal fade" id="catalogModal" tabindex="-1" role="dialog" aria-labelledby="catalogModalLabel">
    <div class="modal-dialog" role="document">
      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
            <h4 class="modal-title" id="catalogModalLabel"><%= gettext('Catalog Details') %></h4>
          </div>
          <div class="modal-body">
            <table id="coursesTable" class="copy copy-base table table-striped table-bordered" cellspacing="0">
            </table>
          </div>
      </div>
    </div>
</div>
