include ../mixin/page-heading
include ../mixin/button-link
include ../mixin/icon

-
  const cities = [
    'Москва',
    'Санкт-Петербург',
    'Архангельск',
    'Владивосток',
    'Волгоград',
    'Воронеж',
    'Екатеринбург',
    'Ижевск',
    'Иркутск',
    'Казань',
    'Кемерово',
    'Краснодар',
    'Красноярск',
    'Мурманск',
    'Набережные Челны',
    'Нижний',
    'Новгород',
    'Новосибирск',
    'Омск',
    'Пермь',
    'Ростов-на-Дону',
    'Саратов',
    'Самара',
    'Самара',
    'Сочи',
    'Сургут',
    'Тверь',
    'Тольятти',
    'Тула',
    'Тюмень',
    'Ульяновск',
    'Уфа',
    'Хабаровск',
    'Челябинск'
  ];

section.modal(id="modal-city")
  article.modal__inner.modal__inner--city
    button.modal__close(type="button")
      +icon('icon-close', false, [18, 18])
    .modal__view
      +page-heading('Ваш город', 'align-left')
      .modal__form
          form.contacts__form.contacts-form
            .contacts-form__fieldset
              label.visually-hidden(for="modal-city-input") Поиск города
              input(id="modal-city-input" type="text" placeholder="Поиск города*" name="modal-city")
      .modal__cities
        ul
          each city in cities
            li
              a(href="#")&attributes({
                class: city === 'Санкт-Петербург' ? 'js-current' : ''
              })= city
        p Извините, ничего не найдено