import m from 'mithril'
import render from 'mithril-node-render'
import { pd as pretty } from 'pretty-data'
import zeroFill from 'zero-fill'

import { NS } from './constants'

function nth (d) {
  if (d > 3 && d < 21) return 'th'
  switch (d % 10) {
    case 1: return 'st'
    case 2: return 'nd'
    case 3: return 'rd'
    default: return 'th'
  }
}

export function prettyDate (d) {
  // format: 27th Oct 2011
  const months = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December']
  return d.getDate() + nth(d.getDate()) + ' ' + months[d.getMonth()].substring(0, 3) + ' ' + d.getFullYear()
}

const metaGenerator = () => m('meta', { name: 'generator', content: 'Generated by fimfic2epub v' + FIMFIC2EPUB_VERSION + ' at ' + prettyDate(new Date()) })

function chapterBars (chapters, currentChapter = -1, highlightCurrent = false) {
  if (chapters.length <= 1) return null
  let windowSize = 50
  let wordCounts = []
  const highestWordCount = chapters.reduce((max, ch) => {
    wordCounts.push(ch.realWordCount)
    if (ch.realWordCount > max) return ch.realWordCount
    return max
  }, 0)
  if (wordCounts.length > windowSize && currentChapter >= 0 && currentChapter < wordCounts.length) {
    windowSize = 30
    let start = Math.ceil(Math.max(0, currentChapter - windowSize / 2 + 1))
    start = Math.min(start, wordCounts.length - windowSize)
    wordCounts.splice(0, start)
    wordCounts.length = Math.min(wordCounts.length, windowSize)
    currentChapter -= start
  }
  wordCounts = wordCounts.map((c) => c / highestWordCount)
  const barWidth = 9
  const barSpacing = 2
  const rowSpacing = 9
  const barCount = Math.min(wordCounts.length, windowSize)
  const rows = Math.floor(wordCounts.length / barCount) + 1
  const rowHeight = 30 + rowSpacing
  return m('svg.chapterbars', {
    style: { height: rows * 3 + 'em' },
    viewBox: '0 0 ' + barCount * (barWidth + barSpacing) + ' ' + rowHeight * rows,
    xmlns: NS.SVG,
    fill: 'currentColor'
  }, wordCounts.map((c, i) => {
    const x = i % barCount
    const y = Math.floor(i / barCount)
    const height = Math.ceil(c * (rowHeight - rowSpacing))
    let opacity = 0.65
    if (i === currentChapter && highlightCurrent) {
      opacity = 0.85
    } else if (i > currentChapter) {
      opacity = 0.35
    }
    return m('rect', { x: x * (barWidth + barSpacing), width: barWidth, y: y * rowHeight + (rowHeight - rowSpacing - height), height, opacity })
  }))
}

export function createChapter (ffc, ch, isNotesChapter) {
  const { content, notes, notesFirst, title, link, linkNotes, index, showHeadings, showDuration, showWordCount } = ch

  const sections = [
    m.trust(content || ''),
    notes ? m('div#author_notes', { className: notesFirst ? 'top' : 'bottom' }, [
      m('p', m('b', 'Author\'s Note:')),
      m.trust(notes)]) : null
  ]

  // if author notes are a the beginning of the chapter
  if (notes && notesFirst) {
    sections.reverse()
  }

  return render(
    m('html', { xmlns: NS.XHTML, 'xmlns:epub': NS.OPS, lang: 'en', 'xml:lang': 'en' }, [
      m('head', [
        m('meta', { charset: 'utf-8' }),
        metaGenerator(),
        m('link', { rel: 'stylesheet', type: 'text/css', href: '../Styles/style.css' }),
        m('title', title)
      ]),
      m('body', { 'epub:type': 'bodymatter chapter' }, m('div', [
        showHeadings ? m('.chapter-title', [
          !isNotesChapter && (showDuration || showWordCount) ? m('aside.info',
            showDuration ? m('span.label', ffc.options.wordsPerMinute ? calcReadingTime(ffc, ffc.storyInfo.chapters[index].realWordCount) : '') : null,
            showWordCount ? m('span.label', ffc.storyInfo.chapters[index].realWordCount.toLocaleString('en-GB') + ' words') : null
          ) : null,
          m('header', m('h1', title)),
          m('hr.old')
        ]) : null,
        ...sections,
        (link || linkNotes || isNotesChapter) ? m('p.double', { style: 'text-align: center; clear: both;' },
          link ? m('a.chaptercomments', { href: link + '#comment_list' }, 'Read chapter comments online') : null,
          linkNotes ? m('a.chaptercomments', { href: linkNotes }, 'Read author\'s note') : null,
          isNotesChapter ? m('a.chaptercomments', { href: './chapter_' + zeroFill(3, index + 1) + '.xhtml' }, 'Read chapter') : null
        ) : null,
        !isNotesChapter && ffc.options.addChapterBars ? chapterBars(ffc.storyInfo.chapters, index) : null
      ]))
    ])
    , { strict: true }).then((chapterPage) => '<?xml version="1.0" encoding="utf-8"?>\n<!DOCTYPE html>\n' + chapterPage)
}

// some eReaders doesn't understand linear=no, so push those items to the end of the spine/book.
function sortSpineItems (items) {
  let count = items.length
  for (let i = 0; i < count; i++) {
    const item = items[i]
    if (!item) {
      continue
    }
    if (item.attrs.linear === 'no') {
      // push it to the end
      items.splice(i, 1)
      items.push(item)
      count--
      i--
    }
  }
  return items
}

export function createOpf (ffc) {
  const remotes = []
  // let remoteCounter = 0
  const remoteCache = new Set()
  ffc.remoteResources.forEach((r, url) => {
    // remoteCounter++
    if (!ffc.options.includeExternal) {
      // hack-ish, but what can I do?
      // turns out only video and audio can be remote resources.. :I
      /*
      if (url.indexOf('//') === 0) {
        url = 'http:' + url
      }
      if (url.indexOf('/') === 0) {
        url = 'http://www.fimfiction.net' + url
      }
      let mime = null
      if (url.toLowerCase().lastIndexOf('.png')) {
        mime = 'image/png'
      } else if (url.toLowerCase().lastIndexOf('.jpg')) {
        mime = 'image/jpeg'
      }
      if (mime) {
        remotes.push(m('item', {id: 'remote_' + zeroFill(3, remoteCounter), href: url, 'media-type': mime}))
      }
      */
      return
    }
    if (!r.dest) {
      return
    }
    // only add each file once
    if (remoteCache.has(r.dest)) return
    remoteCache.add(r.dest)
    remotes.push(m('item', { id: r.filename, href: r.dest, 'media-type': r.type }))
  })

  const manifestChapters = ffc.storyInfo.chapters.map((ch, num) =>
    m('item', { id: 'chapter_' + zeroFill(3, num + 1), href: 'Text/chapter_' + zeroFill(3, num + 1) + '.xhtml', 'media-type': 'application/xhtml+xml', properties: ((ch.remote ? 'remote-resources' : '') + (ffc.options.addChapterBars ? ' svg' : '')).trim() || null })
  )
  const spineChapters = ffc.storyInfo.chapters.map((ch, num) =>
    m('itemref', { idref: 'chapter_' + zeroFill(3, num + 1) })
  )
  const manifestNotes = []
  const spineNotes = []
  if (ffc.options.includeAuthorNotes && ffc.options.useAuthorNotesIndex && ffc.hasAuthorNotes) {
    spineNotes.push(m('itemref', { idref: 'notesnav' }))
    ffc.chaptersWithNotes.forEach((num) => {
      const id = 'note_' + zeroFill(3, num + 1)
      manifestNotes.push(m('item', { id: id, href: 'Text/' + id + '.xhtml', 'media-type': 'application/xhtml+xml' }))
      spineNotes.push(m('itemref', { idref: id }))
    })
  }

  let subjects = ffc.subjects
  if (ffc.options.joinSubjects) {
    subjects = [subjects.join(', ')]
  }

  return render(
    m('package', { xmlns: NS.OPF, version: '3.0', 'unique-identifier': 'BookId' }, [
      m('metadata', { 'xmlns:dc': NS.DC, 'xmlns:opf': NS.OPF }, [
        m('dc:identifier#BookId', ffc.storyInfo.uuid),
        m('dc:title', ffc.storyInfo.title),
        m('dc:creator#cre', ffc.storyInfo.author.name),
        m('meta', { refines: '#cre', property: 'role', scheme: 'marc:relators' }, 'aut'),
        m('dc:date', new Date((ffc.storyInfo.publishDate || ffc.storyInfo.date_modified) * 1000).toISOString().substring(0, 10)),
        m('dc:publisher', 'Fimfiction'),
        ffc.storyInfo.short_description ? m('dc:description', ffc.storyInfo.short_description) : null,
        m('dc:source', ffc.storyInfo.url),
        m('dc:language', 'en'),
        ffc.coverImage ? m('meta', { name: 'cover', content: 'cover' }) : null,
        m('meta', { property: 'dcterms:modified' }, new Date(ffc.storyInfo.date_modified * 1000).toISOString().replace('.000', ''))
      ].concat(subjects.map((s) =>
        m('dc:subject', s)
      ), m('meta', { name: 'fimfic2epub version', content: FIMFIC2EPUB_VERSION }))),

      m('manifest', [
        ffc.coverImage ? m('item', { id: 'cover', href: ffc.coverFilename, 'media-type': ffc.coverType, properties: 'cover-image' }) : null,
        m('item', { id: 'ncx', href: 'toc.ncx', 'media-type': 'application/x-dtbncx+xml' }),
        m('item', { id: 'nav', href: 'nav.xhtml', 'media-type': 'application/xhtml+xml', properties: 'nav' + (ffc.options.addChapterBars && ffc.storyInfo.chapters.length > 1 ? ' svg' : '') }),
        ffc.options.includeAuthorNotes && ffc.options.useAuthorNotesIndex && ffc.hasAuthorNotes ? m('item', { id: 'notesnav', href: 'notesnav.xhtml', 'media-type': 'application/xhtml+xml' }) : null,

        m('item', { id: 'style', href: 'Styles/style.css', 'media-type': 'text/css' }),
        m('item', { id: 'coverstyle', href: 'Styles/coverstyle.css', 'media-type': 'text/css' }),
        m('item', { id: 'titlestyle', href: 'Styles/titlestyle.css', 'media-type': 'text/css' }),
        m('item', { id: 'navstyle', href: 'Styles/navstyle.css', 'media-type': 'text/css' }),

        ffc.iconsFont ? m('item', { id: 'font-awesome', href: 'Fonts/fontawesome-webfont-subset.ttf', 'media-type': 'font/ttf' }) : null,

        m('item', { id: 'coverpage', href: 'Text/cover.xhtml', 'media-type': 'application/xhtml+xml', properties: ffc.coverImage ? 'svg' : undefined }),
        m('item', { id: 'titlepage', href: 'Text/title.xhtml', 'media-type': 'application/xhtml+xml', properties: ffc.hasRemoteResources.titlePage ? 'remote-resources' : null })

      ].concat(manifestChapters, manifestNotes, remotes)),

      m('spine', { toc: 'ncx' }, sortSpineItems([
        m('itemref', { idref: 'coverpage' }),
        m('itemref', { idref: 'titlepage' }),
        m('itemref', { idref: 'nav', linear: ffc.storyInfo.chapters.length <= 1 && !(ffc.options.includeAuthorNotes && ffc.options.useAuthorNotesIndex && ffc.hasAuthorNotes) ? 'no' : undefined })
      ].concat(
        spineChapters,
        spineNotes
      ))),
      m('guide', [
        m('reference', { type: 'cover', title: 'Cover', href: 'Text/cover.xhtml' }),
        m('reference', { type: 'toc', title: 'Contents', href: 'nav.xhtml' })
      ])
    ])
    , { strict: true }).then((contentOpf) => {
    contentOpf = '<?xml version="1.0" encoding="utf-8"?>\n' + pretty.xml(contentOpf)
    return contentOpf
  })
}

function navPoints (list) {
  let playOrder = 1
  const arr = []
  for (let i = 0; i < list.length; i++) {
    if (!list[i]) continue
    arr.push(m('navPoint', { id: 'navPoint-' + (i + 1), playOrder: playOrder++ }, [
      m('navLabel', m('text', list[i][0])),
      m('content', { src: list[i][1] })
    ]))
  }
  return arr
}
export function createNcx (ffc) {
  return render(
    m('ncx', { version: '2005-1', xmlns: NS.DAISY }, [
      m('head', [
        m('meta', { content: ffc.storyInfo.uuid, name: 'dtb:uid' }),
        m('meta', { content: 0, name: 'dtb:depth' }),
        m('meta', { content: 0, name: 'dtb:totalPageCount' }),
        m('meta', { content: 0, name: 'dtb:maxPageNumber' })
      ]),
      m('docTitle', m('text', ffc.storyInfo.title)),
      m('navMap', navPoints([
        ['Cover', 'Text/cover.xhtml'],
        ['Title Page', 'Text/title.xhtml'],
        ffc.storyInfo.chapters.length > 1 || (ffc.options.includeAuthorNotes && ffc.options.useAuthorNotesIndex && ffc.hasAuthorNotes) ? ['Contents', 'nav.xhtml'] : null
      ].concat(ffc.storyInfo.chapters.map((ch, num) =>
        [ch.title, 'Text/chapter_' + zeroFill(3, num + 1) + '.xhtml']
      ), ffc.options.includeAuthorNotes && ffc.options.useAuthorNotesIndex && ffc.hasAuthorNotes ? [['Author\'s Notes', 'notesnav.xhtml']] : null)))
    ])
    , { strict: true }).then((tocNcx) => {
    tocNcx = '<?xml version="1.0" encoding="utf-8" ?>\n' + pretty.xml(tocNcx)
    return tocNcx
  })
}

export function createNav (ffc) {
  const list = [
    m('li', m('a', { href: 'Text/cover.xhtml' }, 'Cover')),
    m('li', m('a', { href: 'Text/title.xhtml' }, 'Title Page')),
    ffc.storyInfo.chapters.length > 1 || (ffc.options.includeAuthorNotes && ffc.options.useAuthorNotesIndex && ffc.hasAuthorNotes) ? m('li', m('a', { href: 'nav.xhtml' }, 'Contents')) : null
  ].concat(ffc.storyInfo.chapters.map((ch, num) =>
    m('li.leftalign', [
      m('a', { href: 'Text/chapter_' + zeroFill(3, num + 1) + '.xhtml' }, ch.title)
    ])
  ))
  const prettyList = ffc.storyInfo.chapters.map((ch, num) =>
    m('li.item', [
      m('.floatbox', m('span.wordcount', ch.realWordCount.toLocaleString('en-GB'))),
      m('a', { href: 'Text/chapter_' + zeroFill(3, num + 1) + '.xhtml' }, ch.title),
      m('span.date', [m('b', ' · '), prettyDate(new Date(ch.date_modified * 1000))])
    ])
  )
  if (ffc.options.includeAuthorNotes && ffc.options.useAuthorNotesIndex && ffc.hasAuthorNotes) {
    list.push(m('li', m('a', { href: 'notesnav.xhtml' }, 'Author\'s Notes')))
    prettyList.push(m('li.item.double', m('a', { href: 'notesnav.xhtml' }, 'Author\'s Notes')))
  }

  return render(
    m('html', { xmlns: NS.XHTML, 'xmlns:epub': NS.OPS, lang: 'en', 'xml:lang': 'en' }, [
      m('head', [
        m('meta', { charset: 'utf-8' }),
        metaGenerator(),
        m('link', { rel: 'stylesheet', type: 'text/css', href: 'Styles/style.css' }),
        m('link', { rel: 'stylesheet', type: 'text/css', href: 'Styles/navstyle.css' }),
        m('title', 'Contents')
      ]),
      m('body', { 'epub:type': 'frontmatter toc' }, m('div', [
        m('nav.invisible', { 'epub:type': 'toc', role: 'doc-toc' }, m('ol', list)),
        m('h3', 'Contents'),
        m('ul#toc.hidden', prettyList),
        ffc.options.addChapterBars ? chapterBars(ffc.storyInfo.chapters) : null
      ]))
    ])
    , { strict: true }).then((navDocument) => {
    navDocument = '<?xml version="1.0" encoding="utf-8"?>\n<!DOCTYPE html>\n' + pretty.xml(navDocument)
    return navDocument
  })
}

export function createNotesNav (ffc) {
  const list = ffc.chaptersWithNotes.map((num) => {
    const ch = ffc.storyInfo.chapters[num]
    return m('.item', m('a.leftalign', { href: 'Text/note_' + zeroFill(3, num + 1) + '.xhtml' }, ch.title))
  })

  return render(
    m('html', { xmlns: NS.XHTML, 'xmlns:epub': NS.OPS, lang: 'en', 'xml:lang': 'en' }, [
      m('head', [
        m('meta', { charset: 'utf-8' }),
        metaGenerator(),
        m('link', { rel: 'stylesheet', type: 'text/css', href: 'Styles/style.css' }),
        m('link', { rel: 'stylesheet', type: 'text/css', href: 'Styles/navstyle.css' }),
        m('title', 'Author\'s Notes')
      ]),
      m('body#navpage', { 'epub:type': 'frontmatter toc' }, m('div', [
        m('h3', 'Author\'s Notes'),
        m('#toc', list)
      ]))
    ])
    , { strict: true }).then((navDocument) => {
    navDocument = '<?xml version="1.0" encoding="utf-8"?>\n<!DOCTYPE html>\n' + pretty.xml(navDocument)
    return navDocument
  })
}

export function createCoverPage (ffc) {
  let body

  const { width, height } = ffc.coverImageDimensions

  if (ffc.coverImage) {
    body = m('svg#cover', { xmlns: NS.SVG, 'xmlns:xlink': NS.XLINK, version: '1.1', viewBox: '0 0 ' + width + ' ' + height },
      m('image', { width: width, height: height, 'xlink:href': '../' + ffc.coverFilename })
    )
  } else {
    body = [
      m('h1', ffc.storyInfo.title),
      m('h2', ffc.storyInfo.author.name)
    ]
  }

  return render(
    m('html', { xmlns: NS.XHTML, 'xmlns:epub': NS.OPS, lang: 'en', 'xml:lang': 'en' }, [
      m('head', [
        m('meta', { charset: 'utf-8' }),
        metaGenerator(),
        ffc.coverImage ? m('meta', { name: 'viewport', content: 'width=' + width + ', height=' + height }) : null,
        m('title', 'Cover'),
        m('link', { rel: 'stylesheet', type: 'text/css', href: '../Styles/coverstyle.css' })
      ]),
      m('body#coverpage', { 'epub:type': 'frontmatter cover' }, body)
    ])
    , { strict: true }).then((coverPage) => {
    coverPage = '<?xml version="1.0" encoding="utf-8"?>\n<!DOCTYPE html>\n' + pretty.xml(coverPage)
    return coverPage
  })
}

function infoBox (heading, data, title) {
  return m('.infobox', { title }, m('.wrap', [
    m('span.heading', heading),
    m('br'),
    m('span.data', data)
  ]))
}

function calcReadingTime (ffc, wordCount = 0) {
  const wpm = ffc.options.wordsPerMinute
  const time = (wordCount || ffc.totalWordCount) / wpm
  let value = 0
  let unit = ''
  if (time < 1) {
    value = Math.round(time * 60)
    unit = 'second'
  } else if (time < 60) {
    value = Math.round(time)
    unit = 'minute'
  } else if (time < 60 * 24) {
    value = Math.round((time / 60) * 10) / 10
    unit = 'hour'
  } else {
    value = Math.round(time / 60)
    unit = 'hour'
  }
  return value.toLocaleString('en-GB') + ' ' + unit + (value !== 1 ? 's' : '')
}

export function createTitlePage (ffc) {
  const tokenContent = '%%HTML_CONTENT_' + Math.random() + '%%'

  const completedIcon = {
    complete: 'check',
    incomplete: 'pencil',
    hiatus: 'pause',
    cancelled: 'ban'
  }

  return render(
    m('html', { xmlns: NS.XHTML, 'xmlns:epub': NS.OPS, lang: 'en', 'xml:lang': 'en' }, [
      m('head', [
        m('meta', { charset: 'utf-8' }),
        metaGenerator(),
        m('link', { rel: 'stylesheet', type: 'text/css', href: '../Styles/style.css' }),
        m('link', { rel: 'stylesheet', type: 'text/css', href: '../Styles/titlestyle.css' }),
        m('title', ffc.storyInfo.title)
      ]),
      m('body#titlepage', { 'epub:type': 'frontmatter titlepage' }, m('div', [
        m('header.title', [
          m('div', { className: 'content-rating content-rating-' + ffc.storyInfo.content_rating_text.toLowerCase() }, ffc.storyInfo.content_rating_text.charAt(0).toUpperCase()),
          m('span.story_name', ffc.storyInfo.title + ' '),
          m('span.author', ['by ', m('b', ffc.storyInfo.author.name)])
        ]),
        // m('hr'),
        m('.tags', ffc.tags.filter((tag) => tag.type !== 'character').map((tag) =>
          [m('span.tagbox', m('span', { className: tag.className }, tag.name))]
        )),
        m('.readlink', m('a', { href: ffc.storyInfo.url }, 'Story on Fimfiction')),
        // m('hr'),
        ffc.storyInfo.prequel ? [m('div', [
          m('br'),
          'This story is a sequel to ',
          m('a', { href: ffc.storyInfo.prequel.url }, ffc.storyInfo.prequel.title)
        ]), m('hr.old')] : null,
        m('#description', tokenContent),
        m('.bottom', [
          m('section', { className: 'completed-status completed-status-' + ffc.storyInfo.status.toLowerCase() }, [
            m('i.fa.fa-fw.fa-' + completedIcon[ffc.storyInfo.status.toLowerCase()], ' '),
            ffc.storyInfo.status
          ]),
          ffc.storyInfo.publishDate && infoBox('Published', prettyDate(new Date(ffc.storyInfo.publishDate * 1000))),
          infoBox('Last Modified', prettyDate(new Date(ffc.storyInfo.date_modified * 1000))),
          ffc.totalWordCount ? infoBox('Word Count', ffc.totalWordCount.toLocaleString('en-GB')) : null,
          ffc.options.wordsPerMinute ? infoBox('Time to Read', calcReadingTime(ffc), 'Estimated with ' + Math.round(ffc.options.wordsPerMinute) + ' words per minute') : null,
          ffc.options.calculateReadingEase && ffc.readingEase ? infoBox('Reading Ease', (Math.round(ffc.readingEase.ease * 100) / 100).toLocaleString('en-GB')) : null
        ]),
        // m('hr'),
        m('.tags', ffc.tags.filter((tag) => tag.type === 'character').map((tag) =>
          [m('span.tagbox', m('span', { className: tag.className }, tag.name))]
        ))
      ]))
    ])
    , { strict: true }).then((titlePage) => {
    titlePage = '<?xml version="1.0" encoding="utf-8"?>\n<!DOCTYPE html>\n' + titlePage
    titlePage = titlePage.replace(tokenContent, '\n' + ffc.storyInfo.description + '\n')
    return titlePage
  })
}