include ../utils
mixin post(p)
  article.post
    div.post-container
      div.post-text
        div.title-container
          a(href=`/comments/${p.id}`)
            != p.title
          span.domain   (#{p.domain})
      div.media-preview
        if p.is_gallery && p.is_gallery == true
          if p.gallery_data
            if p.gallery_data.items
              - var item = p.gallery_data.items[0]
              - var url = `https://i.redd.it/${item.media_id}.jpg`
              img(src=url onclick=`toggleDetails('${p.id}')`) 
        else if p.post_hint == "image" || p.post_hint == "link"
          if p.thumbnail && p.thumbnail != "self" || p.thumbnail != "default"
            img(src=p.thumbnail onclick=`toggleDetails('${p.id}')`) 
        else if p.post_hint == "hosted:video"
          - var url = p.secure_media.reddit_video.dash_url
          video(src=url data-dashjs-player width='100px' height='100px' onclick=`toggleDetails('${p.id}')`)
    div.info-container 
      p
        | ↑ #{fmtnum(p.ups)} 
        |  · 
        | 💬 
        a(href=`/comments/${p.id}`) #{fmtnum (p.num_comments)} 
        |  · 
        a(href=`/r/${p.subreddit}`) r/#{p.subreddit}
        span.post-author
          |  · 
          by u/#{p.author} 

    if p.is_gallery && p.is_gallery == true
      if p.gallery_data
        if p.gallery_data.items
          details(id=`${p.id}`)
            summary expand gallery
            each item in p.gallery_data.items
              - var url = `https://i.redd.it/${item.media_id}.jpg`
              a(href=`/media/${url}`)
                  img(src=url).post-media
            button(onclick=`toggleDetails('${p.id}')`) close
    if (p.post_hint == "image" || p.post_hint == "link") && p.thumbnail && p.thumbnail != "self" && p.thumbnail != "default"
      details(id=`${p.id}`)
        summary expand image
        a(href=`/media/${p.url}`)
          img(src=p.url).post-media
        button(onclick=`toggleDetails('${p.id}')`) close
    else if p.post_hint == "hosted:video"
      details(id=`${p.id}`)
        summary expand video
        - var url = p.secure_media.reddit_video.dash_url
        a(href=url)
          video(src=url controls data-dashjs-player).post-media
        button(onclick=`toggleDetails('${p.id}')`) close