<!-- BEGIN: MAIN -->
<script src="themes/itbirja/js/pages/mainfox.js" type="text/javascript"></script>
<style type="text/css">
@media only screen and (max-width: 767px) {
  .all_page {
    padding-top: 94px;
  }
}
@media only screen and (max-width: 767px) {
  .all_page {
    padding-top: 94px;
  }
}
</style>

<div class="m-visible profile-tab inbox-button-block">
  <div class="profile-tab_block clearfix profile-tab_block_message">
    <a href="{PHP.sq|cot_url('ds', 'sq='$this)}" class="<!-- IF !{PHP.type} --> active<!-- ENDIF -->">Все</a>
    <a href="{PHP.sq|cot_url('ds', 'type=unread&sq='$this)}" class="<!-- IF {PHP.type} == 'unread' -->active<!-- ENDIF -->">Непрочитаные</a>
    <a href="{PHP.sq|cot_url('ds', 'type=important&sq='$this)}" class="<!-- IF {PHP.type} == 'important' -->active<!-- ENDIF -->">Важные</a>
  </div>
</div>
<div class="centerwrap pt20 clearfix inbox_top">
  <h1 class="f32 m-hidden">
    <!-- IF {PHP.type} == 'important' -->Важные сообщения<!-- ELSE --><!-- IF {PHP.type} == 'important' -->Непрочитаные сообщения<!-- ELSE -->Сообщения<!-- ENDIF --><!-- ENDIF --> тех. поддержки
  </h1>
  <div class="btn-group btn-group_4 m-hidden">
    <a href="{PHP.sq|cot_url('ds', 'sq='$this)}" class="white-btn<!-- IF !{PHP.type} --> green-btn<!-- ENDIF -->">Все</a>
    <a href="{PHP.sq|cot_url('ds', 'type=unread&sq='$this)}" class="white-btn<!-- IF {PHP.type} == 'unread' --> green-btn<!-- ENDIF -->">Непрочитаные</a>
    <a href="{PHP.sq|cot_url('ds', 'type=important&sq='$this)}" class="white-btn<!-- IF {PHP.type} == 'important' --> green-btn<!-- ENDIF -->">Важные сообщения</a>

  <!-- BEGIN: DS_MODER -->
    <a href="index.php?e=ds&type={PHP.type}&sq={PHP.sq}" class="white-btn red-btn">Личные сообщения</a>
    <a role="button" class="white-btn" onclick="$(this).next().toggle();">Новое смс</a>
    <div style="font-size: 14px;display: none;">
      <br>
      <form action="{PHP|cot_url('ds', 'm=modersend')}" method="POST">
        <label>
          <input type="radio" name="rmodertotype" value="tousers" checked="checked">
          Отправить конкретным пользователям
        </label>
        <br>
        <label>
          <input type="radio" name="rmodertotype" value="togroup">
          Отправить группе пользователей
        </label>
        <hr>

        <div id="dssend_tousers" style="display: block;">
          Выберите пользователей
          <br>
          <div class="rmoderselectusersimple" style="display: none">
            {DS_MODERSENDTOUSER}
          </div>
          <div class="rmoderselectuserextra">
            {DS_MODERSENDTOUSER}
            <br>
            <a role="button">+ добавить пользователя</a>
          </div>
          <hr>
        </div>
        <div id="dssend_togroup" style="display: none;">
          <label>
            <input type="checkbox" name="rmodertogroup[7]" value="7">
            Покупатели
          </label>
          <br>
          <label>
            <input type="checkbox" name="rmodertogroup[4]" value="4">
            Продавцы
          </label>
          <hr>
        </div>

        <div style="margin-bottom: 10px;">
          <input type="text" name="rmodername" class="input-styled" placeholder="Имя менеджера" value="{PHP.usr.profile.user_MODERNAME}" style="width: 50%; float: left;" />
          <!-- IF {PHP.usr.maingrp} == 5 -->
          <label style="float: left;width: calc(50% - 20px);padding: 15px 0px 0px 20px;">
            <input type="checkbox" name="rmodernameshide" value="1">
            Скрыть имя менеджера (Отправитель "{PHP.cfg.ds.supportinfo.name}")
          </label>
          <!-- ENDIF -->
          <div class="clearfix"></div>
        </div>
        <input type="text" name="rmodertheme" class="input-styled" placeholder="Тема сообщения" style="width: 100%; margin-bottom: 10px;" />
        <textarea name="rmodertext" class="textarea-styled" placeholder="Текст сообщения" style="width: 100%; margin-bottom: 10px;"></textarea>
        <!-- IF {PHP.usr.maingrp} == 5 -->
        <label>
          <input type="checkbox" name="rmoderfromauto" value="1" checked="checked">
          Отправить в виде уведомления
        </label>
        <!-- ENDIF -->
        <br>
        <input type="submit" value="Отправить" class="green-btn" />
      </form>
      <script>
        $('[name="rmodertotype"]').change(function() {
          $('#dssend_tousers').hide();
          $('#dssend_togroup').hide();
          if($(this).val() == 'togroup') {
            $('#dssend_togroup').show();
          } else if($(this).val() == 'togroup') {
            $('#dssend_tousers').show();
          }
        });
        $('.rmoderselectuserextra a').click(function() {
          $(this).before($('.rmoderselectusersimple').html() + '<br>');
        });
      </script>
    </div>
  <!-- END: DS_MODER -->

    <div class="ds_msg_search_form inline">
      <form action="{PHP|cot_url('ds')}" method="get" name="dsmsgsearch">
        <input type="hidden" name="type" value="{PHP.type}" />
        <div class="fields__row">
          <div class="field__inline w200">
            <input type="text" name="sq" value="{PHP.sq}" class="input js-input__calendar w110" data-position="bottom left" placeholder="Поиск по сообщениям" data-placeholder="Поиск по сообщениям">
          </div>
          <div class="field__inline">
            <input type="submit" role="button" name="" class="input w50" value="Поиск" style="padding: 5px;">
          </div>
        </div>
      </form>
    </div>
  </div>

  <div class="ds_msg_search_form m-visible">
    <form action="{PHP|cot_url('ds')}" method="get" name="dsmsgsearch">
      <input type="hidden" name="type" value="{PHP.type}" />
      <div class="fields__row">
        <div class="field__inline w200">
          <input type="text" name="sq" value="{PHP.sq}" class="input js-input__calendar w110" data-position="bottom left" placeholder="Поиск по сообщениям" data-placeholder="Поиск по сообщениям">
        </div>
        <div class="field__inline">
          <input type="submit" role="button" name="" class="input w50" value="Поиск" style="padding: 5px;">
        </div>
      </div>
    </form>
  </div>

  <div class="message_sound_block sm-hidden">
    <i class="tooltipster js-message-sound-ico icon ico-bell hidden" onclick="setMessageSound($(this));" data-tooltip-side="left" data-tooltip-text="Звуковые уведомления отключены. Включить"></i>
    <i class="tooltipster js-message-sound-ico icon ico-bell_active " onclick="setMessageSound($(this));" data-tooltip-side="left" data-tooltip-text="Звуковые уведомления включены. Отключить"></i>
  </div>
  <div class="message_sound_block m-visible">
    <i class="tooltipster js-message-sound-ico icon ico-bell hidden" onclick="setMessageSound($(this));" data-tooltip-side="left" data-tooltip-text="Звуковые уведомления отключены. Включить"></i>
    <i class="tooltipster js-message-sound-ico icon ico-bell_active " onclick="setMessageSound($(this));" data-tooltip-side="left" data-tooltip-text="Звуковые уведомления включены. Отключить"></i>
  </div>

  <script>
   if(!MESSAGE_SOUND_ENABLE) $(".message_sound_block .js-message-sound-ico").toggleClass("hidden");
  </script>

</div>
<div class="message_list-block">
  <table class="centerwrap table-style mt25 mb15 response-table response-table_full-width m-table-inbox m-m0 m-p0">
    <thead>
      <tr>
        <td class="w32p">
          <div class="pl20">
            <!-- IF {PHP.type} == 'unread' OR {PHP.type} == 'important' -->
              Отправитель
            <!-- ELSE -->
              Получатель
            <!-- ENDIF -->
          </div>
        </td>
        <td class="w50p">&nbsp;</td>
        <td>
          Обновлен
        </td>
        <td></td>
      </tr>
    </thead>
    <tbody<!-- IF {PHP.type} == '' --> id="dslistchat"<!-- ENDIF --> data-supportpage="true">
      <!-- BEGIN: DS_ROW -->
      <tr data-dslistchat="{DS_DIALOG_ID}"<!-- IF {PHP.type} == 'important' --> class="_msg_in_star"<!-- ENDIF -->>
        <td class="pl20 m-border-none m-table-inbox_info">
          <a href="{DS_DIAOG_URL}" class="<!-- IF {DS_NEW_CNT} > 0 -->bold<!-- ENDIF -->">
            <img src="<!-- IF {DS_OPPONENT_AVATAR_SRC} -->{DS_OPPONENT_AVATAR_SRC}<!-- ELSE -->themes/itbirja/files/avatar/medium/noprofilepicture.gif<!-- ENDIF -->" class="avatar rounded dib v-align-m" alt="{DS_OPPONENT_NICKNAME}" height="50" width="50">
            <span class="dib v-align-m ml10 m-table-inbox_info_username">
              <span class="<!-- IF {DS_NEW_CNT} > 0 -->bold<!-- ENDIF --> m-visible pull-right m-table-inbox_info_date">{DS_TIME_AGO}</span>
              <span class="<!-- IF {DS_NEW_CNT} > 0 -->m-bold<!-- ENDIF -->">
                <span class="js-user-online-block" data-user-id="{DS_OPPONENT_ID}" data-is-online="<!-- IF {DS_OPPONENT_ONLINE} == 1 -->true<!-- ELSE -->false<!-- ENDIF -->" data-darktheme="true">
                <i class="icon ico-<!-- IF {DS_OPPONENT_ONLINE} == 1 -->online<!-- ELSE -->offlineDark<!-- ENDIF --> js-online-icon"></i>
                </span>
                &nbsp;
                <span class="<!-- IF {DS_NEW_CNT} > 0 -->bold<!-- ENDIF -->">
                  {DS_OPPONENT_NICKNAME}
                </span>
                <span class="dialog-preview__new-count"<!-- IF !{DS_NEW_CNT} --> style="display: none;"<!-- ENDIF -->>{DS_NEW_CNT}</span>
              </span>
            </span>
          </a>
        </td>
        <td class="ellipsis-wrap m-border-none m-table-inbox_text <!-- IF {DS_NEW_CNT} > 0 -->bold<!-- ENDIF -->">
          <div class="ellipsis">
            <!-- IF {PHP.type} == 'important' -->
            <svg title="Пометить как важное" class="message__star" onclick="var tmstar=$(this);$.get('index.php?e=ds&m=impotrant&id={DS_MSG_ID}',function(data){if(data=='2'){tmstar.closest('tr').addClass('_msg_in_star');}else{tmstar.closest('tr').removeClass('_msg_in_star');}});" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="18" height="18" viewBox="0 0 18 18">
              <defs>
                <path id="uo60a" d="M534.33 442.2l1.78 4.43 4.56.41c.32.03.45.44.2.66l-3.45 3.15 1.03 4.69c.08.32-.26.58-.53.4l-3.92-2.48-3.92 2.48c-.27.18-.6-.08-.53-.4l1.03-4.69-3.46-3.15c-.24-.22-.1-.63.2-.66l4.57-.41 1.78-4.43c.12-.3.54-.3.66 0z"/>
              </defs>
              <g>
                <g transform="translate(-525 -440)">
                  <use fill="#d7d7db" xlink:href="#uo60a"/>
                </g>
              </g>
            </svg>
            <!-- ENDIF -->
            <a href="{DS_DIAOG_URL}">{DS_TEXT}</a>
            <!-- IF !{DS_STATUS} AND 1 == 2 -->
              <span class="dialog-preview__readed">✓</span>
            <!-- ENDIF -->
          </div>
          <!-- IF {DS_NEW_OF_LAST20DAY_MSG} -->
          <i class="color-red db f12 f-normal">Требуется обязательный ответ в течение 20 часов <span style="border-bottom:1px dashed;cursor:pointer;" class="tooltipster tooltipstered" data-tooltip-text="<span style='font-style:initial;'>Покупатели надеются на быстрый ответ. Чем быстрее вы отвечаете, тем выше шанс продать услугу. Если вы несколько раз подряд не отвечаете на новые обращения покупателей, то {PHP|cot_sitename('padeg', '_i')} блокируются на несколько дней.<br><br>Внимание! Требование обязательного ответа действует только на <b>первое</b> личное сообщение от нового покупателя (или того, с которым вы не переписывались более 20 дней).</span>">Почему?</span></i>
          <!-- ENDIF -->
        </td>
        <td class="<!-- IF {DS_NEW_CNT} > 0 -->bold<!-- ENDIF --> m-hidden">{DS_TIME_AGO}</td>
        <td class="m-hidden">
          <!-- IF {DS_DIAOG_DELETE} -->
          <a role="button" data-fancybox="" onclick="$(this).closest('tr').hide().next().show();">
            <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="14" height="14" viewBox="0 0 14 14">
              <defs>
                <path id="bluea" d="M978.66 522.01l1.33 1.33-4.66 4.66 4.66 4.66-1.33 1.33-4.66-4.66-4.66 4.66-1.33-1.33 4.66-4.66-4.66-4.66 1.33-1.33 4.66 4.66z"/>
              </defs>
              <g>
                <g transform="translate(-967 -521)">
                  <use fill="#babac2" xlink:href="#bluea"/>
                </g>
              </g>
            </svg>
          </a>
          <!-- ENDIF -->
        </td>
      </tr>
      <tr data-dslistchat="{DS_DIALOG_ID}" class="m-hidden" style="display: none;">
        <td class="pl20 m-border-none m-table-inbox_info">
          <a href="{DS_DIAOG_URL}" class="<!-- IF {DS_NEW_CNT} > 0 -->bold<!-- ENDIF -->">
            <img src="<!-- IF {DS_OPPONENT_AVATAR_SRC} -->{DS_OPPONENT_AVATAR_SRC}<!-- ELSE -->themes/itbirja/files/avatar/medium/noprofilepicture.gif<!-- ENDIF -->" class="avatar rounded dib v-align-m" alt="{DS_OPPONENT_NICKNAME}" height="50" width="50">
            <span class="dib v-align-m ml10 m-table-inbox_info_username">
              <span class="<!-- IF {DS_NEW_CNT} > 0 -->bold<!-- ENDIF --> m-visible pull-right m-table-inbox_info_date">{DS_TIME_AGO}</span>
              <span class="<!-- IF {DS_NEW_CNT} > 0 -->m-bold<!-- ENDIF -->">
                <i class="icon ico-<!-- IF {DS_OPPONENT_ONLINE} == 1 -->online<!-- ELSE -->offlineDark<!-- ENDIF --> js-online-icon" data-user-id="{DS_OPPONENT_ID}" data-is-online="<!-- IF {DS_OPPONENT_ONLINE} == 1 -->true<!-- ELSE -->false<!-- ENDIF -->"></i>
                &nbsp;
                <span class="<!-- IF {DS_NEW_CNT} > 0 -->bold<!-- ENDIF -->">
                  {DS_OPPONENT_NICKNAME}
                </span>
                <span class="dialog-preview__new-count"<!-- IF !{DS_NEW_CNT} --> style="display: none;"<!-- ENDIF -->>{DS_NEW_CNT}</span>
              </span>
            </span>
          </a>
        </td>
        <td colspan="3" class="t-align-c">
          Вы действительно хотите удалить диалог?
          &nbsp;&nbsp;&nbsp;
          <a href="{DS_DIAOG_DELETE}" class="btn red-btn" style="color: #fff">Удалить</a>
          &nbsp;&nbsp;&nbsp;
          <a role="button" class="btn white-btn" onclick="$(this).closest('tr').hide().prev().show();">Отменить</a>
        </td>
      </tr>
      <!-- END: DS_ROW -->

      <!-- BEGIN: DS_EMPTY -->
      <tr>
        <td colspan="4" class="t-align-c">
          <!-- IF {PHP.type} == 'unread' OR {PHP.type} == 'important' -->
            <!-- IF {PHP.type} == 'unread' -->
              Новых сообщений нет
            <!-- ENDIF -->
            <!-- IF {PHP.type} == 'important' -->
              Важных сообщений нет
            <!-- ENDIF -->
          <!-- ELSE -->
            <!-- IF {PHP.sq} -->
              Сообщений не найдено
            <!-- ELSE -->
              У Вас еще нет диалогов
            <!-- ENDIF -->
          <!-- ENDIF -->
        </td>
      </tr>
      <!-- END: DS_EMPTY -->
    </tbody>
  </table>
</div>
<!-- END: MAIN -->