import React from "react";
import Link from "next/link";

export default class Header extends React.Component 
{
	constructor(props)
	{
		super(props);
	}

	render()
	{
		console.log("Header", "this.props", this.props);
		return (
			<header>
				<div className="container">
					<a href="/" className="logo">
						<img src="/assets/images/logo.svg" alt="" width="217px" height="32px" />
					</a>
					<div className="header_menu">
						<nav>
						<ul>
							<li>
								<Link href="/">
									<a className={ this.props.router && this.props.router.route === "/" ? "active" : "" }>Договоры</a>
								</Link>
							</li>
							<li>
								<Link href="/documents/schedule/">
									<a className={ this.props.router && this.props.router.route.indexOf("/documents/") === 0 ? "active" : "" }>Взаиморасчеты и закрывающие документы</a>
								</Link>
							</li>
							<li>
								<Link href="/settings/">
									<a className={ this.props.router && this.props.router.route === "/settings" ? "active" : "" }>Настройки</a>
								</Link>
							</li>
							<li>
								<Link href={ process.env.NEXT_PUBLIC_MAIN_SITE }>
									<a>Основной сайт</a>
								</Link>
							</li>
						</ul>
						</nav>
						<a href="tel:88003337575">8 800 333 75 75</a>
					</div>
				</div>
			</header>
		)
	}
}