{include file=$header title='Обращения граждан' h1='Обращения граждан'}
<p>
    При помощи данного сервиса вы можете узнать о ходе рассмотрения вашего обращения, для этого необходимо ввести номер обращения, присвоенный сервисом в автоматическом режиме при подаче обращения через электронную форму. Номер обращения отправляется на адрес электронной почты, который вы указали при подаче обращения в электронном виде.
</p>
<form method="post" id="form-find-obr" action="/obrasheniya/" class="input-group my-2 my-lg-0">
  <input type="text" class="form-control" placeholder="Поиск по номеру обращения" name="find" autocomplete="off" id="input-nom">
  <div class="input-group-append">
        <button class="btn btn-outline-secondary" type="button" id="btm-find-nom"><i class="fas fa-search"></i></button>
  </div>
</form>
{* Ответ *}
<div class="hidden" style="margin-top: 15px;border:1px solid lightgray;border-radius:10px;padding:20px;" id="div-otvet"></div>
<h2>
    Оставить обращение
</h2>
<p>
    C помощью данного сервиса вы можете отправить обращение администрации сайта. Сотрудники подготовят ответ и отправять на адрес вашей электронной почты
</p>
<p>
    Уважаемые пользователи, просим вас внимательно ознакомиться с порядком приема и рассмотрения обращений в электронном виде. Читать
</p>
<form id="send_obr" method='post' action='/act/obrasheniya'>
    <input type="hidden" value="send_obr" name="act">
  <div class="form-group">
    <label for="exampleInputEmail1">Тип обращения</label>
      <select name="tip_obr" class="form-control" id='tip_obr'  style='margin-top:10px;'>
		<option value="Отзыв">Отзыв</option>
		<option value="Предложение">Предложение</option>
        <option value="Заявление">Заявление</option>
        <option value="Жалоба">Жалоба</option>
      </select>
    {*<input type="text" class="form-control" id="fio" aria-describedby="emailHelp" placeholder="Enter email">
    <small id="emailHelp" class="form-text text-muted">We'll never share your email with anyone else.</small>*}
  </div>
  <div class="form-group">
    <label for="fio">Фамилия, имя, отчество</label>
	<input type="text" class="form-control" id="fio" name="fio">
  </div>
  <div class="form-group">
    <label for="email">E-mail</label>
	<input type="email" class="form-control" id="email" name="email">
  </div>
  <div class="form-group">
    <label for="tel">Телефон</label>
	<input type="text" class="form-control" id="tel" name="tel">
  </div>
  <div class="form-group">
    <label for="tel">Текст обращения</label>
	<textarea class="form-control" id="txt" name="txt" style="height: 350px;"></textarea>
  </div>
  <div class="form-group">
    <label for="capcha">Введите символы с картинки:</label>
      {$smarty.const.CAPCHA}
	<input type="text" class="form-control" id="capcha" name="capcha">
  </div>
  <button type="submit" class="btn btn-primary">Отправить</button>
    <small id="emailHelp" class="form-text text-muted">Отправляя обращение вы соглашаетесь с <a href="/page/6" target="_blank">соглашением об обработке персональных данных</a></small>
</form>
<div class="alert alert-success hidden" role="alert" id="res_ok">
  Обращение успешно отправлено! Номер обращения <span id="nom_obr"></span>
</div>
<div class="alert alert-danger hidden" role="alert"  id="res_bad">
  Произошла ошибка, возможно не верно введен проверочный код
</div>
{*
 <form action='/act/obrasheniya ' method='post'>
    <textarea class='form-control' name='opis' style='border:1px solid lightgray;' placeholder='Описание работ'></textarea>^M
<input name='cena' value='' placeholder='Стартовая цена' type='text' style='margin-top:10px;'>^M
    <input type='text' name='srok' style='margin-top:10px;'  id="srok" placeholder='ДД.ММ.ГГГГ'>^M
    <input type='hidden' name='act' value='save'>^M
    <input type='text' name='gorod' value='{$smarty.cookies.gorod}' style='margin-top:10px;'>^M
    <select name="cat" class="input-text" id='cat'  style='margin-top:10px;'>^M
<------><------><option value="1">Ремонт квартил, домов</option>^M
<------><------><option value="2">Сантехнические работы</option>^M
<------><option value="3">Электромонтажные работы</option>^M
<------><option value="4">Ремонт авто</option>^M
<------><option value="5">Перевозки</option>^M
<------><option value="6">Компьютерные услуги</option>^M
    </select>^M
    <input type='submit' name='ok' value='Сохранить' style='margin-top:10px;'>^M
</form>^*}
{include file=$footer}