import Progress from '../../cmp/progress/Progress.jsx';
import Top1 from '/svg/top1.svg';
import './ratingBlock.scss';

export default D.declare('Rating', () => {
    return <div class="rating-block">
        <div class="rating-block__result">95<sup>%</sup></div>
        {/*<div className="rating-block__result">?</div>*/}
        <div class="rating-block__progress">
            <Progress />
        </div>
        <div class="rating-block__stage">
            <h3>Итоговое тестирование</h3>
            {/*<p>Вы еще не проходили итоговое тестирование</p>*/}
            <table>
                <tr>
                    <th>Пройдено:</th>
                    <td>
                        <time>07.08.2019</time>
                    </td>
                </tr>
                <tr>
                    <th>Следующее:</th>
                    <td>
                        <time className="available">08.08.2019</time>
                    </td>
                </tr>
            </table>
        </div>
        <div class="rating-block__badge">
            <div class="rating-block__icon">
                <Top1 width={"154"} height={"104"}/>
            </div>
            <h3>Рейтинг вашей локации</h3>
            <p>Улучшайте результаты итогового теста, чтобы его поднять!</p>
        </div>
        <div class="rating-block__series">
            <div class="rating-block__chain long">8</div>
            <h3>Лучшая цепочка ответов</h3>
            <p>Это ваша лучшая цепочка в&nbsp;режиме бесконечной генерации вопросов.</p>
        </div>
    </div>
})
