# dependencies
gradients = require "@allenbrowntech/lemon-gradients"
icons = require '@allenbrowntech/lemon-icons'

# template
module.exports = (options) ->
  if Array.isArray options
    options = {items: options}

  div '.item-grid', ->

    if options.title
      h2 ->
        options.title

    div '.items', ->
      for item in options.items

        # get image
        image = item.image or item.thumbnail

        # get link
        url = item.url or item.link
        url ?= "/#{item.slug}" if item.slug

        # prepare attributes
        attrs = {}
        attrs.href = url if url
        attrs.style = "background-image: url('#{image}');" if image

        # item
        a '.item', attrs, ->
          div '.overlay'
          div '.details', ->

            if item.intro
              div '.intro', ->
                item.intro

            if item.title
              div '.title', ->
                item.title

            if item.subtitle
              div '.subtitle', ->
                item.subtitle