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 ClosingActsPage() 
{
	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="#">Акты сверок</a>
              </li>
              <li>
                <a href="#" className="active">Закрывающие документы</a>
              </li>
            </ul>
          </aside>
          <article>
            <div className="contract_search">
              <form>
                <div className="form_field single">
                  <input type="search" value="" placeholder="Поиск по номеру договора, марке и модели транспорта, VIN и госномеру ТС" />
                </div>
    
                <button className="button" disabled="">Поиск</button>
              </form>
            </div>

            <div className="dosc_list">
              <div className="row">
                <p className="doc_name i-doc">
                  <a href="#">Договор</a>
                  <span>Краткое описание. Может быть много-много строк.
                    Столько строк, сколько есть в описании</span>
                </p>
                
              </div>

              <div className="row">
                <p className="doc_name i-doc">
                  Договор цессии
                  <span>Краткое описание. Может быть много-много строк.
                    Столько строк, сколько есть в описании</span>
                </p>
                
              </div>

              <div className="row">
                <p className="doc_name i-doc">
                  Дополнительное  соглашение №1
                  <span>Краткое описание. Может быть много-много строк.
                    Столько строк, сколько есть в описании</span>
                </p>
                
              </div>

              <div className="row">
                <p className="doc_name i-doc">
                  Дополнительное  соглашение №2
                  <span>Краткое описание. Может быть много-много строк.
                    Столько строк, сколько есть в описании</span>
                </p>
                
              </div>

              <div className="row">
                <p className="doc_name i-doc">
                  Выкупные документы
                  <span>Краткое описание. Может быть много-много строк.
                    Столько строк, сколько есть в описании</span>
                </p>
                
              </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>
	)
}
