.overflow-hidden.overflow-x-auto.rounded-lg.border.border-gray-200.m-20
  %table.min-w-full.divide-y.divide-gray-200.text-sm
    %thead.bg-gray-100
      %tr
        %th.whitespace-nowrap.px-4.py-2.text-left.font-medium.text-gray-900
          .flex.items-center.gap-2
            Name
        %th.whitespace-nowrap.px-4.py-2.text-left.font-medium.text-gray-900
          .flex.items-center.gap-2
            First Template
        %th.whitespace-nowrap.px-4.py-2.text-left.font-medium.text-gray-900
          .flex.items-center.gap-2
            Size (Sections)
        %th.whitespace-nowrap.px-4.py-2.text-left.font-medium.text-gray-900
          Status
    %tbody.divide-y.divide-gray-200
      - @pages.each do |cms_page|
        %tr
          %td.whitespace-nowrap.px-4.py-2.text-gray-700
            = link_to cms_page.name , cms_page_path(cms_page.name)
          %td.whitespace-nowrap.px-4.py-2.text-gray-700
            = cms_page.template
          %td.whitespace-nowrap.px-4.py-2.text-gray-700
            = cms_page.content.length
          %td.whitespace-nowrap.px-4.py-2
            %strong.rounded.bg-green-100.px-3.text-xs.font-medium.text-green-700{:class => "py-1.5"}
              = link_to 'Show', cms_page_path(cms_page.name)
            %strong.rounded.bg-amber-100.px-3.text-xs.font-medium.text-amber-700{:class => "py-1.5"}
              = link_to 'Edit', edit_cms_page_path(cms_page.name)

%section
  %a.inline-block.rounded.border.border-indigo-600.bg-indigo-600.px-12.py-3.text-sm.font-medium.text-white.hover:bg-transparent.hover:text-indigo-600.focus:outline-none.focus:ring.active:text-indigo-500{:href => new_cms_page_path}
    New Page