noesya/osuny

<div id="preview" class="preview modal preview--mobile">
  <div class="modal-dialog modal-fullscreen">
    <div class="modal-content">
      <div class="modal-body">
        <iframe src="<%= request.path %>/preview" loading="lazy"></iframe>
      </div>
      <div class="modal-footer">
        <h5 class="modal-title h4"><%= t 'preview.title' %></h5>
        <div class="btn-group m-auto" role="group" aria-label="Basic example">
          <button type="button" class="btn btn-primary preview__button" data-mode="mobile">
            <i class="<%= Icon::COMMUNICATION_WEBSITE_PREVIEW_MOBILE %>"></i>
            <%= t 'preview.mobile' %>
          </button>
          <button type="button" class="btn btn-light preview__button" data-mode="tablet">
            <i class="<%= Icon::COMMUNICATION_WEBSITE_PREVIEW_TABLET %>"></i>
            <%= t 'preview.tablet' %>
          </button>
          <button type="button" class="btn btn-light preview__button" data-mode="desktop">
            <i class="<%= Icon::COMMUNICATION_WEBSITE_PREVIEW_DESKTOP %>"></i>
            <%= t 'preview.desktop' %>
          </button>
        </div>
        <button type="button" class="btn-close ms-0" data-bs-dismiss="modal" aria-label="Close"></button>
      </div>
    </div>
  </div>
</div>