import React from "react";
import Head from 'next/head';
import Image from 'next/image';

import Header from './components/Header';
import Footer from './components/Footer';

export default function ActsPage() 
{
	return (
		<React.Fragment>
			<Head>
				<title>ЛК Эволюция автолизинга</title>
				<meta
					name="description"
					content="ЛК Эволюция автолизинга"
				/>
			</Head>
			<Header/>
			<main>
			<section>
      <div className="clear"></div>
      <div className="container">
        <div className="title_wrapper">
          <div className="left">
            <h1 className="section_title">Акты сверок</h1>
          </div>
          <div className="right">
            <p align="right">
              <b>ООО “Друзья и КО”</b><br />
              ИНН: 12345678765 КПП: 13432-02
            </p>
          </div>
        </div>


        <div className="aside_container about">
          <aside>
            <ul className="aside_nav">
              <li>
                <a href="#">Календарь оплат</a>
              </li>
              <li>
                <a href="#" className="active">Акты сверок</a>
              </li>
              <li>
                <a href="#">Закрывающие документы</a>
              </li>
            </ul>
          </aside>
          <article>
            <div className="acts_wrapper">
              <div className="dosc_list acts_list-checkbox">
                <div className="row">
                  <p className="doc_name">
                    <input type="checkbox" name="name" id="name" />
                    <label htmlFor="name">Все договоры</label>
                  </p>
                  
                </div>

                <div className="row">
                  <p className="doc_name i-pdf">
                    <input type="checkbox" name="name" id="name" />
                    <label htmlFor="name">№1234567 от 21.01.2021</label>
                  </p>
                  
                </div>
                <div className="row">
                  <p className="doc_name i-pdf">
                    <input type="checkbox" name="name" id="name" />
                    <label htmlFor="name">№1234567 от 21.01.2021</label>
                  </p>
                  
                </div>
              </div>

              <div className="reconciliation_form small">
                <div className="form_field">
                  <input type="text" className="date_input" value="" placeholder="Дата начала договора" onFocus="(this.type='date')" onBlur="(this.value == '' ? this.type='text' : this.type='date')" />
                </div>
    
                <div className="form_field">
                  <input type="text" className="date_input" value="" placeholder="Дата окончания договора" onFocus="(this.type='date')" onBlur="(this.value == '' ? this.type='text' : this.type='date')" />
                </div>

                <button className="button button-blue">Скачать</button>
                {/*<button className="button button-blue">Отправить в ЭДО</button>*/}
              </div>
            </div>
          </article>
        </div>
      </div>
    </section>
	
				<section id="order">
					<div className="container wide">
						<h2 className="section_title">Купить в лизинг?</h2>
						<div className="order_form">
							<div className="order_email">
								<p>Напишите на <a href="mailto:">buy@domain.ru</a> или заполните форму</p>
							</div>
							<form>
								<div className="form_field">
								<input type="text" value="" placeholder="Имя" />
								</div>
								<div className="form_field">
								<input type="tel" value="" placeholder="Телефон" />
								</div>
								<div className="form_field">
								<input type="email" value="" placeholder="E-mail" />
								</div>
								<div className="form_field">
								<input type="text" value="" placeholder="Организация" />
								</div>
								<div className="policy">
								<input type="checkbox" name="policy" id="policy" hidden checked />
								<label for="policy">Даю свое согласие на обработку моих персональных данных</label>
								</div>
								<button className="button">Отправить</button>
							</form>
						</div>
					</div>
				</section>
			</main>
			<Footer authenticated={ true }/>
		</React.Fragment>
	)
}
