%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_image_path}
    Add Image

.grid.grid-cols-6.gap-4.m-8
  -@images.each do |name , image|
    .relative.block.border.border-gray-100
      =image_tag("cms/#{name}" , class: "h-56 w-full object-contain lg:h-72")
      .p-6
        %strong.inline-block.bg-yellow-400.px-3.py-1.text-xs.font-medium
          =image.type
        %h3.mt-4.text-lg.font-bold= image.name
        %p.mt-2.text-sm.text-gray-700
          = "#{image.created_at.to_date} ---- #{image.updated_at.to_date}"