import * as React from "react";
import { Link } from "react-router-dom";
import styled from "styled-components";
import TextField from "material-ui/TextField";
import RaisedButton from "material-ui/RaisedButton";

require("./styles.scss");

const style = {
  width: "100%"
};

interface Props {
  contract: any;
}

const statusLog = (status, review) => {
  if (status === "wait") return "심사중";
  else if (status === "ok") return "승인";
  else return `반려사유: ${review}`;
};

class ContractPage extends React.Component<Props> {
  public render() {
    const { props } = this;
    const { contract } = props;
    return (
      <div className="contract-page">
        <h2>허가서</h2>
        <h3>날짜</h3>
        <p>{contract.date}</p>
        <h3>지역</h3>
        <p>{contract.area}</p>
        <h3>상세주소</h3>
        <p>{contract.address}</p>
        <h3>사유</h3>
        <p>{contract.reason}</p>
        <h3>신청 상태</h3>
        <p>{statusLog(contract.status, contract.review)}</p>
      </div>
    );
  }
}

export default ContractPage;