%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
  -@files.each do |file|
    .relative.block.border.border-gray-100
      %button.absolute.right-4.top-4.rounded-full.bg-black.p-2.text-white{:type => "button"}
        %span.sr-only Wishlist
        %svg.h-4.w-4{:fill => "none", :stroke => "currentColor", :viewbox => "0 0 24 24", :xmlns => "http://www.w3.org/2000/svg"}
          %path{:d => "M4.318 6.318a4.5 4.5 0 000 6.364L12 20.364l7.682-7.682a4.5 4.5 0 00-6.364-6.364L12 7.636l-1.318-1.318a4.5 4.5 0 00-6.364 0z", "stroke-linecap" => "round", "stroke-linejoin" => "round", "stroke-width" => "2"}
      =image_tag("cms/#{file}" , 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
          New
        %h3.mt-4.text-lg.font-bold= file.split(".").first
        %p.mt-2.text-sm.text-gray-700 $14.99
        %button.mt-4.block.w-full.rounded-sm.bg-yellow-500.p-4.text-sm.font-medium{:type => "button"}
          Add to Cart