import React from "react"; import Head from 'next/head'; import Image from 'next/image'; import { connect } from "react-redux"; import { withRouter } from 'next/router'; import numeral from "numeral"; import moment from "moment"; import { SpinnerCircular } from 'spinners-react'; import { reduxWrapper } from '../../store'; import Header from '../components/Header'; import Footer from '../components/Footer'; import Company from "../components/Company"; import InnerMenu from "./components/InnerMenu"; import { getContractInfo, getContractHelpCard, getContractInsurance, getContractRegistration, getContractTelematic } from './../../actions'; class ContractServicesPage extends React.Component { constructor(props) { super(props); this.state = { opened: [], date: null, car: null, contract_date: null, loading: false, helpcard: null, insurance: null, registration: null, telematic: null, }; } static getDerivedStateFromProps(nextProps, prevState) { return { date: nextProps.date, car: nextProps.car, contract_date: nextProps.contract_date, helpcard: nextProps.helpcard, insurance: nextProps.insurance, registration: nextProps.registration, telematic: nextProps.telematic, }; } componentDidMount() { if(!this.state.loading && this.props.number !== undefined) { this.setState({ loading: true }, () => { getContractInfo({ dispatch: this.props.dispatch, number: this.props.number }); Promise.all([ new Promise((resolve) => { getContractHelpCard({ dispatch: this.props.dispatch, number: this.props.number }).then(resolve())}), new Promise((resolve) => { getContractInsurance({ dispatch: this.props.dispatch, number: this.props.number }).then(resolve())}), new Promise((resolve) => { getContractRegistration({ dispatch: this.props.dispatch, number: this.props.number }).then(resolve())}), new Promise((resolve) => { getContractTelematic({ dispatch: this.props.dispatch, number: this.props.number }).then(resolve())}), ]) .then(() => { this.setState({ loading: false }); }); }); } } _handle_onCard = (card) => { const opened = [ ...this.state.opened ]; if(opened.indexOf(card) === -1) { opened.push(card); } else { opened.splice(opened.indexOf(card), 1); } this.setState({ opened: opened }); } render() { const { opened, loading, date, car, contract_date, helpcard, insurance, registration, telematic, } = this.state; const { number } = this.props; return ( ЛК Эволюция автолизинга

Договор №{ number }

{ date !== undefined && date !== null && date !== null && (<> от { moment(date).format("DD.MM.YYYY") })}{ car !== undefined && car !== null ? ` - ${ car.brand.name } ${ car.model.name } | ${ car.reg_number !== null ? car.reg_number : 'без рег. номера' } | ${ car.vin_number }` : '' }

{ loading ? (

) : (

-1 ? 'open' : '' }`}>

this._handle_onCard('ratcard') }>

Карта РАТ

{ helpcard !== undefined && helpcard !== null && helpcard.length > 0 ? ( helpcard.map((entry, index) => ( { entry.card_number !== null ? (

РАТ

Номер карты: { entry.card_number }
Тип карты: { entry.card_type }
Действует до: { moment(entry.date).format("DD.MM.YYYY") }

<> { entry && entry.description && (

") }}/> ) }

) : (

Нет данных

) } )) ) : (

Нет данных

) }

-1 ? 'open' : '' }`}>

this._handle_onCard('insurance') }>

Страхование

{ insurance !== undefined && insurance !== null ? ( <> { insurance.kasko !== undefined && insurance.kasko !== null && insurance.kasko !== "" && insurance.kasko.map !== undefined && insurance.kasko.map((entry, index) => (

КАСКО

Страховая компания: { entry.company }
Сайт: { entry.site }
Телефон: { entry.phone }
Номер полиса: { entry.number }
Период действия: { entry.period }
Страховая сумма: { numeral(entry.amount).format(' ., ') } ₽

{ entry.description && (

{ entry.description }

) } )) } { insurance.osago !== undefined && insurance.osago !== null && insurance.osago !== "" && insurance.osago.map !== undefined && insurance.osago.map((entry, index) => (

ОСАГО

Страховая компания: { entry.company }
Сайт: { entry.site }
Телефон: { entry.phone }
Номер полиса: { entry.number }
Период действия: { entry.period }
Страховая сумма: { numeral(entry.amount).format(' ., ') } ₽

{ entry.description && (

{ entry.description }

) } )) } { insurance.nsib !== undefined && insurance.nsib !== null && insurance.nsib !== "" && insurance.nsib.map !== undefined && insurance.nsib.map((entry, index) => (

НСИБ

Страховая компания: { entry.company }
Сайт: { entry.site }
Телефон: { entry.phone }
Номер полиса: { entry.number }
Период действия: { entry.period }
Страховая сумма: { numeral(entry.amount).format(' ., ') } ₽

{ entry.description && (

{ entry.description }

) } )) } ) : (

Нет данных

) }

-1 ? 'open' : '' }`}>

this._handle_onCard('registration') }>

Регистрация

{ registration !== undefined && registration !== null && registration.length > 0 ? registration.map((entry, index) => (

ГИБДД

Пакет услуг: { entry.package }
Стоимость: { numeral(entry.amount).format(' ., ') } ₽

)) : (

Нет данных

) }

-1 ? 'open' : '' }`}>

this._handle_onCard('telematic') }>

Телематика

{ telematic !== undefined && telematic !== null && telematic.length > 0 ? telematic.map((entry, index) => (

Поставщик: { entry.provider }
Оборудование: { entry.equipment }
Стоимость: { numeral(entry.amount).format(' ., ') } ₽

)) : (

Нет данных

)} {/*}

Сайт: www.telematic.ru
Логин: test
Пароль: test

Текстовый контент Текстовый контент Текстовый контент Текстовый контент Текстовый контент Текстовый контент Текстовый контент Текстовый контент Текстовый контент Текстовый контент Текстовый контент Текстовый контент Текстовый контент Текстовый контент Текстовый контент Текстовый контент Текстовый контент Текстовый контент Текстовый контент

{*/}

) }