/ app/views/documents/show.html.slim
.container-fluid.bg-light.min-vh-100.d-flex.flex-column
  .row.bg-white.shadow-sm.py-3.px-4.align-items-center
    .col-auto.me-3
      i.bi.bi-file-earmark-text-fill.fs-3.text-primary
    .col
      h4.mb-0.text-dark = @manual_summary.title
      small.text-muted Created on #{@manual_summary.created_at.strftime("%d %b %Y")}
    .col-auto.d-flex.gap-2
      = link_to project_respondent_category_manual_summaries_path(@project, @respondent_category), class: "btn btn-sm btn-outline-secondary text-black d-flex align-items-center" do
        i.bi.bi-arrow-left.me-1
        | Back

  .row.flex-grow-1
    .col-12.p-4
      .card.shadow-sm.rounded-3.h-100
        .card-body.p-0
          iframe src="#{@manual_summary.document.url}" width="100%" height="100%" style="border:0; min-height:80vh;"