{{when items is not empty}}
	{{repeat items}}
		{{when __index__ is equal | 2}}
			<div class="agent-card">
				<div class="agent-wrapper">
					<div class="agent-wrapper__photo">
						<div class="photo">
							<img src="https://img.ndv72.ru/{{__parent__.best.photo}}" alt="{{__parent__.best.shortname}}" />
						</div>
						<div class="descr">
							<h5>{{__parent__.best.shortname}}</h5>
							<p>Специалист по новостройкам<br>
								{{__parent__.best.phone}}
							</p>
						</div>
					</div>
					<div class="agent-wrapper__content">
						<h2>Подберу наилучший вариант <br>
								из {{__parent__.total_flats:numeric()}} квартир</h2>
						<button 
							class="btn-secondary modal-trigger"
							type="button"
							data-modal="modal__share"
							data-form_id="estate-best-agent-form"
							data-content_title="Подберу наилучший вариант"
							data-custom_field_agent="{{__parent__.best_agent.shortname}}|Агент"
						>
							Получить подборку
						</button> 
					</div>
				</div>
			</div>
		{{endwhen __index__}}

		<div class="card">
			<div class="card__wrapper">
				<div class="photo-wrapper">
					<img src="https://img.ndv72.ru/0x228/{{plan_same}}" alt="{{title}}" />
				</div>
				<div class="content-wrapper">
					<div class="content-wrapper__title">
						<h2>{{title}}</h2>
					</div>
					<div class="content-wrapper__special">
						<div class="column">
							<p>Район:</p>
							<p>ЖК:</p>
							<p>Срок сдачи:</p>
							<p>Общая площадь:</p>
							<p>Высота потолка:</p>
							<p>{{storeys_list_str_key}}:</p>
							<p>Комнат:</p>
						</div>
						<div class="column">
							<p>{{settlement.title:typography()}}</p>
							<p>{{estate.title:typography()}}</p>
							<p>{{end_construction}}</p>
							<p>{{space_total}} м<sup>2</sup></p>
							<p>{{ceiling}} м</p>
							<p>{{storeys_list_str_value}}</p>
							<p>{{rooms}}</p>
						</div>
					</div>
					<div class="content-wrapper__price">
						<p>Цена: <span class="color__primary-orange"> {{price:numeric()}} Р</span></p>
						{{when agent_id is not empty}}
							<p>Квартира от дольщика</p>
						{{endwhen agent_id}}

						{{when agent_id is empty}}
							<p>Осталось квартир: <span style="color: {{color_flat_balance}}">{{count_same_by_site_params}}</span></p>
						{{endwhen agent_id}}
					</div>
					<div class="content-wrapper__icons">
						<div class='action__favorite'>
							<i class='far fa-heart'></i>
						</div>
						<div class='action__add'>
							<img class='action__add-icon' src='/assets/share/img/icons/addlist.svg' alt='' />
						</div>
					</div>
					<div class="content-wrapper__buttons">
						<a 
							href="tel:+7{{agent.phone}}"
							class="btn-phone"
							title="Позвонить агенту"
						>{{agent.phone:phone.ru()}}</a>
						<button
							class="btn-hypothec modal-trigger"
							data-modal="modal__estate-complex-flat-hypothec"
							data-custom_field_flat_price="{{price}}|Стоимость квартиры"
							data-custom_field_first_pay="500000|Первый взнос"
							data-custom_field_percent="4.7|Процентная ставка"
							data-custom_field_year="15|Срок"
							type="button"
						>Рассчитать ипотеку</button>
						<button
							class="btn-more modal-trigger"
							data-modal="modal__share"
							data-form_id="estate-complex-popup-apartment-list-more"
							data-object_id="{{id}}"
							data-custom_field_title="{{title}}|Недвижимость"
							type="button"
						>Подробнее</button>
						<a
							class="btn-more-estate"
							href="/novostrojki_ot_zastrojshhikov/{{estate.code}}/"
						>Подробнее о ЖК</a>
					</div>
				</div>
			</div>
		</div>

		{{when __last__ is true}}
			<div class="we-help-find">
				<div class="we-help-find__wrapper">
					<div class="content">
						<div class="content__img mobile-off">
							<img
								src="/assets/share/img/icons/icon_mail_1.png"
								alt=""
							/>
						</div>
						<div class="content__text">
							<img 
								class="mobile-on"
								src="/assets/share/img/icons/icon_mail_47x47.png"
								alt=""
							/>
							<h2>Не нашли, что искали?<br>
									Напишите нам</h2>
							<p>Мы подберем для вас нужные<br> предложения в кротчайшие сроки</p>
						</div>
					</div>
					<form class="form-request">
						<div class="form form-content">
							<div class="text">
								<textarea 
									class="form-input"
									name="note"
									rows="5"
									placeholder="Текст сообщения"
								></textarea>
							</div>
							<div class="info">
								<div class="inputs">
									<input 
										class="form-input"
										type="text"
										name="name"
										placeholder="Ваше имя"
									/>
									<input 
										class="form-input"
										type="text"
										name="phone"
										pattern="^\d{6}$|^\d{10}$|^\d{11}$"
										title="Телефон содержит 6, 10, или 11 цифр"
										placeholder="Ваш телефон"
										required
									/>
								</div>
								<button class="btn-secondary" type="submit">
									Отправить 
								</button>

								<input type="hidden" name="form_id" value="we-help-find" />
								<input type="hidden" name="arrived_at" value="<?= time() ?>" />
								<input type="hidden" name="arrived_from" value="<?= $this->e(fenric('request')->environment->get('HTTP_REFERER')) ?>"/>
							</div>
						</div>
						<div class="form-thx">
							<form>
								<h2>Запрос отправлен,<br>
									спасибо!</h2>
								<button 
									class="btn-secondary modal-close"
									type="button"
									onclick="javascript:this.closest('.form-request').classList.remove('success');"
								>
									Закрыть окно
								</button>
							</form>
						</div>
					</form>
				</div>
			</div>
		{{endwhen __last__}}
	{{endrepeat items}}
{{endwhen items}}
<div class="loaders">
	<div class="loaders__lds-ripple">
		<div></div>
		<div></div>
	</div>
</div>