React = require 'react'
_ = require 'lodash'

{div} = React.DOM


NoAccess = React.createClass
  
  displayName: 'NoAccess'

  getDefaultProps: ->
    styleOverrides: {}
  
  render: ->
    {displayText, styleOverrides} = @props

    # Figure out which app we're in based on the location
    {pathname} = window.location
    appName = (->
      if pathname.search('/admin') > -1 then 'System Manager'
      else if pathname.search('/portal') > -1 then 'Engage'
      else 'Consult'
    )()

    unless displayText? then displayText = t "Your user role does not contain the required permissions to use this feature of #{appName}."

    styles = 
      fontSize: '16px'
      backgroundPosition: "center 150px"
      top: 0
      paddingTop: 230
    
    _.assign styles, styleOverrides

    div {
      className: 'no-access'
      style: styles
    }, [
      div {
        className: 'no-access-message'
        key: 'message'
      }, displayText
      # div {
      #   className: 'no-access-info'
      #   key: 'info'
      # }, displayText
    ]


module.exports = NoAccess