//= header.html

<div class="container">
  <div class="row">
    <div class="col page-title">
        <div class="breadcrumbs">
          <span class="breadcrumbs__item"><a href="#">Главная</a></span>
          <span class="breadcrumbs__arrow">&gt;</span>
          <span class="breadcrumbs__item"><a href="#">Личный кабинет</a></span>
          <span class="breadcrumbs__arrow">&gt;</span>
          <span class="breadcrumbs__item">Личный менеджер</span>
        </div>
        <h1 class="page-title__title">Личный менеджер</h1>
    </div>
  </div>
</div>

<div class="container mb-10">
  <div class="row">
    <div class="col-xl-8 col-12">
      <div class="manager-message inner-skin">
        <div class="icon-column icon-column_manager"></div>
        <div class="manager-message__inner">
          <h3 class="manager-message__title">Сообщение менеджеру</h3>
          <p class="manager-message__description">На этой странице вы можете связаться напрямую с вашим менеджером Proland. Ответ придёт на вашу электронную почту, либо менеджер перезвонит вам по телефону. К сообщению вы также можете прикрепить необходимые файлы (документы или изображения).</p>

          <div class="form_open">
            <input type="text" class="form-control" id="your-theme" placeholder="Укажите тему сообщения">
            <textarea class="form-control" id="your-message" placeholder="Введите сообщение" rows="6"></textarea>
            <div class="custom-file">
              <input type="file" class="custom-file-input" id="addfile">
              <label class="custom-file-label" for="addfile">Прикрепите файл</label>
            </div>
            <div class="popup__checkbox custom-control custom-checkbox">
              <input type="checkbox" class="custom-control-input" id="policy">
              <label class="custom-control-label" for="policy">Свяжитесь со мной по телефону</label>
            </div>
            <input type="button" name="button" value="Отправить" class="button button_primary">
            <div class="alert alert-success" role="alert">
              Ваше сообщение было успешно отправлено. Менеджер свяжется с Вами в самое ближайшее время.
            </div>
            <div class="alert alert-danger" role="alert">
              Во время отправки сообщения произошла ошибка. Попробуйте отправить его ещё раз.
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="col-xl-4 col-12">
      <div class="pacman inner-skin p-6">
        <div class="pacman__image" style="background-image: url('http://lorempixel.com/570/400/business/');"></div>
        <h4 class="pacman__title">Константин Константинопольский</h4>
        <p class="pacman__description">Ваш персональный менеджер</p>
        <div class="pacman__messengers">
          <a href="#" class="pacman__circle"><i class="icon-call"></i></a>
          <a href="#" class="pacman__circle"><i class="icon-whatsapp"></i></a>
          <a href="#" class="pacman__circle"><i class="icon-atsign"></i></a>
        </div>
        <div class="manager-change">
          <a href="#" class="manager-change__link manager-change__link_change">Сменить менеджера</a>
          <div class="manager-change__choice">
            <select class="manager-change__select custom-select d-block" id="manager">
              <option value="">Выберите менеджера из списка</option>
              <option>Профиль 1</option>
              <option>Профиль 2</option>
              <option>Профиль 3</option>
            </select>
            <input type="text" class="form-control manager-change__input" id="reason" placeholder="Укажите причину смены менеджера">
            <a href="#" class="manager-change__link manager-change__link_save">Сохранить</a>
          </div>
        </div>
        <a href="#" class="button button_primary"><span>Заказать звонок</span></a>
      </div>
    </div>
  </div>
</div>

//= footer.html