<div class="col-lg-12 my">
<div class="card" style="width: 100%;">
  <div class="card-header">
    <i class="fa fa-envelope-open-o" aria-hidden="true"></i> Персональные сообщения
  </div>
  <div class="card-body">

<div class="row my">
  <div class="col-lg-6 my">
    <div class="alert alert-secondary" style="font-size: 90%;padding: 7px;" role="alert">
      Ящик заполнен на:{proc-pm-limit}%({pm-limit} сообщений)<hr>
      <div class="progress ">
      <div class="progress-bar" role="progressbar" style="width: {proc-pm-limit}%;" aria-valuenow="{proc-pm-limit}" aria-valuemin="0" aria-valuemax="100">{proc-pm-limit}%</div>
    </div>
    </div>
    
  </div>
  <div class="col-lg-6 my">
    <div class="mb15">
  [inbox]
  <button type="button" class="btn btn-sm btn-secondary"><i class="icon-action-redo" style="color: #AAB2BD;"></i> 
  Входящие
  </button>
  [/inbox]
  [outbox]
  <button type="button" class="btn btn-sm btn-secondary"><i class="icon-share-alt" style="color: #AAB2BD;"></i> 
  Отправленные
  </button>
  [/outbox]
  [new_pm]
  <button type="button" class="btn btn-sm btn-secondary"><i class="icon-pencil" style="color: #AAB2BD;"></i> 
  Написать
  </button>
  [/new_pm]
</div>
<ul class="list-inline" style="margin: 0px;font-size: 75%;">
  <li class="list-inline-item"><i class="fa fa-circle" style="color: #d90022;"></i> Непрочитанные</li>
  <li class="list-inline-item"><i class="fa fa-circle" style="color: #000"></i> Прочитанные</li>
</ul>
  </div>
</div>

[pmlist]
{pmlist}
[/pmlist]


[newpm]
<div class="card " style="width: 100%;box-shadow: none;
    border: 1px solid #e6ecf5;">
  <div class="card-header">Создать сообщение</div>
  <div class="card-body">
    <b>Имя адресата</b><br>
    <div class="input-group">
  <span class="input-group-addon"><i class="fa fa-angle-right" aria-hidden="true"></i></span>
  <input placeholder="Имя адресата" type="text" name="name" value="{author}" class="form-control" required>
    </div><br>
    <b>Тема сообщения</b><br>
    <div class="input-group">
  <span class="input-group-addon"><i class="fa fa-angle-right" aria-hidden="true"></i></span>
  <input placeholder="Тема сообщения" type="text" name="subj" value="{subj}" class="form-control" required>
    </div><br>
      {editor}
<br>
  <label class="custom-control custom-checkbox">
    <input type="checkbox" class="custom-control-input" id="outboxcopy" name="outboxcopy" value="1" />
    <span class="custom-control-indicator"></span>
    <span class="custom-control-description" style="margin-top: 2px;">Сохранить сообщение в папке "Отправленные"</span>
  </label>

      
	<br>
      
      <div class="addform addpm">
		<ul class="ui-form">
			    
		[recaptcha]
			{recaptcha}
		[/recaptcha]
		[question]
			<li class="form-group">
				<label for="question_answer">Вопрос: {question}</label>
				<input placeholder="Ответ" type="text" name="question_answer" id="question_answer" class="wide" required>
			</li>
		[/question]
		</ul>
		<div class="form_submit">
			[sec_code]
				<div class="c-capcha">
					{sec_code}
					<input placeholder="Повторите код" title="Введите код указанный на картинке" type="text" name="sec_code" id="sec_code" required>
				</div>
			[/sec_code]
			<button class="btn btn-primary" type="submit" name="add">Отправить</button>
			<button class="btn btn-secondary" type="button" onclick="dlePMPreview()">Предпросмотр</button>
		</div>
	</div>
  </div>
</div>
[/newpm]


[readpm]
		<div class="card mb15" style="width:100%;border: 1px solid #60b8e8;box-shadow: none;border-radius: 0;margin-bottom: 0px;">
			<div class="card-header" style="padding: 10px;">

<div class="dropdown float-right">
  <button class="btn btn-secondary btn-sm dropdown-toggle" style="color: #AAB2BD;padding: 1px 8px 1px 8px;margin: -1px 3px 0 0;" type="button" id="dropdownMenu22" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
    <i class="fa fa-caret-down" aria-hidden="true"></i>
  </button>
  <div class="dropdown-menu" aria-labelledby="dropdownMenu22">
    [ignore]<button class="dropdown-item" type="button">Игнорировать</button>[/ignore]
    [complaint]<button class="dropdown-item" type="button">Жалоба</button>[/complaint]
    [del]<button class="dropdown-item" type="button">Удалить</button>[/del]
  </div>
</div>

                [reply]<button type="button" class="btn btn-sm btn-secondary float-right" style="color: #AAB2BD;padding: 1px 8px 1px 8px;margin: -1px 3px 0 0;"><i class="fa fa-reply"></i> Ответить</button>[/reply]&nbsp;
			
                
                <i class="icon-user"></i> {author}:&nbsp;{subj} <sup>{date}</sup></div>
			<div class="card-body">
				{text}
			</div>
		</div>
[/readpm]

  </div>
</div>
</div>