import React, {Component} from 'react'
import {MdDelete} from 'react-icons/lib/md'
import auto_bind from 'common/auto_bind'
import Button from 'components/utils/button'

export default class CancelMission extends Component {
  constructor(props) {
    super(props)
    auto_bind(this)
  }

  render_text() {
    switch (this.props.status) {
      case 'draft':
        return "Êtes-vous sûr de vouloir supprimer ce brouillon?"
      default:
        return "Êtes-vous sûr de vouloir annuler cette mission ? Nous informerons les candidats sélectionnés qu’elle a été annulée."
    }
  }

  render() {
    return (
      // FIXME: className not bound
      <div className={'new-mission__popover-delete'}>
        <div className={'new-mission__popover-delete__text'}>
          {this.render_text()}
        </div>
        <Button
          icon={MdDelete}
          secondary
          onClick={this.props.on_click}
          >
          Annuler la mission
        </Button>
      </div>
    )
  }
}