/* eslint-disable no-prototype-builtins */
'use strict'
const init = (L) => {
  L.TileLayer.WMTS = L.TileLayer.extend({
    defaultWmtsParams: {
      service: 'WMTS',
      request: 'GetTile',
      version: '1.0.0',
      layer: '',
      style: '',
      tilematrixset: '',
      format: 'image/jpeg'
    },

    initialize: function (url, options) { // (String, Object)
      this._url = url
      var lOptions = {}
      var cOptions = Object.keys(options)
      cOptions.forEach(element => {
        lOptions[element.toLowerCase()] = options[element]
      })
      var wmtsParams = L.extend({}, this.defaultWmtsParams)
      var tileSize = lOptions.tileSize || this.options.tileSize
      if (lOptions.detectRetina && L.Browser.retina) {
        wmtsParams.width = wmtsParams.height = tileSize * 2
      } else {
        wmtsParams.width = wmtsParams.height = tileSize
      }
      for (var i in lOptions) {
        // all keys that are in defaultWmtsParams options go to WMTS params
        if (wmtsParams.hasOwnProperty(i) && i !== 'matrixIds') {
          wmtsParams[i] = lOptions[i]
        }
      }
      this.wmtsParams = wmtsParams
      this.matrixIds = options.matrixIds || this.getDefaultMatrix()
      L.setOptions(this, options)
    },

    onAdd: function (map) {
      this._crs = this.options.crs || map.options.crs
      L.TileLayer.prototype.onAdd.call(this, map)
    },

    getTileUrl: function (coords) { // (Point, Number) -> String
      var tileSize = this.options.tileSize
      var nwPoint = coords.multiplyBy(tileSize)
      nwPoint.x += 1
      nwPoint.y -= 1
      var sePoint = nwPoint.add(new L.Point(tileSize, tileSize))
      var zoom = this._tileZoom
      var nw = this._crs.project(this._map.unproject(nwPoint, zoom))
      var se = this._crs.project(this._map.unproject(sePoint, zoom))
      var tilewidth = se.x - nw.x
      var ident = this.matrixIds[zoom].identifier
      var tilematrix = this.wmtsParams.tilematrixset + ':' + ident
      var X0 = this.matrixIds[zoom].topLeftCorner.lng
      var Y0 = this.matrixIds[zoom].topLeftCorner.lat
      var tilecol = Math.floor((nw.x - X0) / tilewidth)
      var tilerow = -Math.floor((nw.y - Y0) / tilewidth)
      var url = L.Util.template(this._url, { s: this._getSubdomain(coords) })
      return url + L.Util.getParamString(this.wmtsParams, url) + '&tilematrix=' + tilematrix + '&tilerow=' + tilerow + '&tilecol=' + tilecol
    },

    setParams: function (params, noRedraw) {
      L.extend(this.wmtsParams, params)
      if (!noRedraw) {
        this.redraw()
      }
      return this
    },

    getDefaultMatrix: function () {
      /**
             * the matrix3857 represents the projection
             * for in the IGN WMTS for the google coordinates.
             */
      var matrixIds3857 = new Array(22)
      for (var i = 0; i < 22; i++) {
        matrixIds3857[i] = {
          identifier: '' + i,
          topLeftCorner: new L.LatLng(20037508.3428, -20037508.3428)
        }
      }
      return matrixIds3857
    }
  })

  L.tileLayer.wmts = function (url, options) {
    return new L.TileLayer.WMTS(url, options)
  }
}

export default {
  init
}