144 lines
6.4 KiB
JavaScript
144 lines
6.4 KiB
JavaScript
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 SchedulePage()
|
||
{
|
||
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">Договор №1234/2021 от 10.01.2021</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="#" className="active">График платежей</a>
|
||
</li>
|
||
<li>
|
||
<a href="#">Дополнительные услуги</a>
|
||
</li>
|
||
<li>
|
||
<a href="#">Договор</a>
|
||
</li>
|
||
<li>
|
||
<a href="#">Документы по сделке</a>
|
||
</li>
|
||
</ul>
|
||
</aside>
|
||
<article>
|
||
<div className="contract_table schedule">
|
||
<div className="table_row table_header">
|
||
<div className="table_cell caret">№ платежа</div>
|
||
<div className="table_cell caret">Дата лизингового
|
||
платежа</div>
|
||
<div className="table_cell caret">Лизинговый платеж
|
||
с НДС (рубли)</div>
|
||
<div className="table_cell caret">НДС, 20% (рубли)</div>
|
||
<div className="table_cell">Статус платежа</div>
|
||
<div className="table_cell">Платежное поручение</div>
|
||
</div>
|
||
|
||
<button className="show_more primary">Показать прошедшие платежи</button>
|
||
|
||
<div className="table_row" data-status="overpayment-2">
|
||
<div className="table_cell" data-title="№ платежа:">11</div>
|
||
<div className="table_cell" data-title="Дата лизингового платежа">21.02.2021</div>
|
||
<div className="table_cell" data-title="Лизинговый платеж с НДС (рубли)">239 724,05</div>
|
||
<div className="table_cell" data-title="НДС, 20% (рубли)">43 079,18</div>
|
||
<div className="table_cell" data-title="Статус платежа">Переплата 15 000,00 ₽</div>
|
||
<div className="table_cell" data-title="Платежное поручение">№18432 от 20/01/2021 на сумму 255 000,00 ₽</div>
|
||
</div>
|
||
|
||
<div className="table_row" data-status="overpayment-1">
|
||
<div className="table_cell" data-title="№ платежа:">12</div>
|
||
<div className="table_cell" data-title="Дата лизингового платежа">21.02.2021</div>
|
||
<div className="table_cell" data-title="Лизинговый платеж с НДС (рубли)">239 724,05</div>
|
||
<div className="table_cell" data-title="НДС, 20% (рубли)">43 079,18</div>
|
||
<div className="table_cell" data-title="Статус платежа">Переплата 15 000,00 ₽</div>
|
||
<div className="table_cell" data-title="Платежное поручение">№18432 от 20/01/2021 на сумму 255 000,00 ₽</div>
|
||
</div>
|
||
|
||
<div className="table_row" data-status="paid">
|
||
<div className="table_cell" data-title="№ платежа:">13</div>
|
||
<div className="table_cell" data-title="Дата лизингового платежа">21.02.2021</div>
|
||
<div className="table_cell" data-title="Лизинговый платеж с НДС (рубли)">239 724,05</div>
|
||
<div className="table_cell" data-title="НДС, 20% (рубли)">43 079,18</div>
|
||
<div className="table_cell" data-title="Статус платежа">Переплата 15 000,00 ₽</div>
|
||
<div className="table_cell" data-title="Платежное поручение">№18432 от 20/01/2021 на сумму 255 000,00 ₽</div>
|
||
</div>
|
||
|
||
<div className="table_row">
|
||
<div className="table_cell">14</div>
|
||
<div className="table_cell">21.02.2021</div>
|
||
<div className="table_cell">239 724,05</div>
|
||
<div className="table_cell">43 079,18</div>
|
||
<div className="table_cell">Не оплачено </div>
|
||
<div className="table_cell">-</div>
|
||
</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/>
|
||
</React.Fragment>
|
||
)
|
||
}
|