<!-- BEGIN: MAIN -->
<script src="themes/itbirja/js/chosen.jquery.min.js"></script>
<script src="themes/itbirja/js/components/file-uploader.min.js"></script>

<!-- IF !{DS_OPONENT_ID} -->
  <script>
    location.href='{PHP|cot_url('ds')}';
  </script>
<!-- ENDIF -->

<div class="centerwrap pt20 mb20 conversations_top">
  <div class="clearfix mr30 m-mr0">
    <h1 class="f32 pull-left m-pull-reset">
      Диалог с <a href="{DS_OPONENT_DETAILSLINK}">{DS_OPONENT_NICKNAME}</a>
    </h1>
  </div>
  <div id="currentPage" style="display:none;"></div>
  <div class="block-response ">
    <i class="ico-arrow-left dib v-align-m"></i>
    <a class="dib v-align-m f14 color-gray color-text" href="{PHP|cot_url('ds')}">К списку сообщений</a>
  </div>
  <div class="mt20 m-hidden"></div>
  <div class="mt10 m-visible"></div>
  <div class="w700 dib inbox-messages-js">
    <div class="p20 bgWhite mb20" id="block_message">
    <!-- IF {DS_OPONENT_DSBLOCK} -->
      <div class="alert alert-warning mb0">К сожалению данный пользователь не может получать личные сообщения.</div>
    <!-- ELSE -->
      <!-- IF {PHP.usr.ban.banned} AND {PHP.usr.ban.block.ds} -->
        <div class="alert alert-warning mb0">Личные сообщения заблокированы</div>
      <!-- ELSE -->
        <div class='pull-right f14'></div>
        <div class='pull-right f14' style="margin-top:-13px;margin-bottom:8px;">
          <div class="font-OpenSans t-align-r">{DS_OPONENT_NICKNAME}</div>
          <div style='color:<!-- IF {DS_OPONENT_ONLINE} == 1 -->green<!-- ELSE -->grey<!-- ENDIF -->;' class="js-user-online-block font-OpenSansLight" data-is-online="{DS_OPONENT_ONLINE}" data-with-text="true" data-user-id="{DS_OPONENT_ID}">
            <i class="icon ico-<!-- IF {DS_OPONENT_ONLINE} == 1 -->online<!-- ELSE -->offlineDark<!-- ENDIF -->"></i>
            <!-- IF {DS_OPONENT_ONLINE} == 1 -->Онлайн<!-- ELSE -->Офлайн<!-- ENDIF -->
          </div>
        </div>
        <form action="{PHP|cot_url('ds', 'm=send')}" class="nonajaxy" id="new_message" enctype="multipart/form-data" method="post">
          <input type="hidden" name="submg" value="1"/>
          <input type="hidden" name="to" value="{DS_OPONENT_ID}"/>
          <input type="hidden" name="market" value="{DS_MARKET_ID}"/>
          <input type="hidden" name="offer" value="{DS_PRJOFFER_ID}"/>
          <div class="">
            <div class="">
              <div id="message_form_wrapper">
                <div class="msg-error">
                  <p id="message_validation_error"></p>
                </div>
                <div class="write-wrap">
                  <div class="write-row cf">
                    <div align="left" class="mt10">
                      <span id="message_body_len">0</span>
                      / 4000
                    </div>
                    <!-- IF {DSSEND_FORM_PRETEXT} -->
                    <div>{DSSEND_FORM_PRETEXT}</div>
                    <!-- ENDIF -->
                    <textarea maxlength="4000" class="control-en js-alt-send js-stopwords-check no-min-len styled-input f14 db wMax mh145 message_body" cols="75" rows="3" id="message_body" name="message_body" style="overflow:auto; margin-bottom: -1px;"></textarea>
                    <input id="message_message_format" name="message_message_format" type="hidden"/>
                  </div>
                  <div class="message-form-control">
                    <div class="write-controls clearfix">
                      <div class="dialog__files mt10">
                        <div id="load-files-conversations" class="add-files"></div>
                      </div>
                      <div class="mt10 js-individual-message-error color-red ta-center hidden"></div>
                      <div class="btn__add-group clearfix">
                        <input class="pull-left w50p border-box pr10 btn-send-message btn-disable-toggle  pull-left send-small green-btn btn--big18 p0 hoverMe h50 mt20 pull-reset" name="commit" value="Отправить" type="submit">
                      </div>
                      <div class="message-form-control__error"></div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </form>
      <!-- ENDIF -->
    <!-- ENDIF -->
    </div>

    <script>
      var ordersBetweenUsers = 0;

      var requestDodji = 0;
      var requestProject = 0;

      var conversationActorUserName = "{PHP.usr.profile.user_name}";
      var conversationActorUserAvatar = "<!-- IF {PHP.usr.profile.user_avatar} -->{PHP.usr.profile.user_avatar}<!-- ELSE -->themes/itbirja/files/avatar/big/noprofilepicture.gif<!-- ENDIF -->";
      var conversationImageUrl = "/images";

      var offer = {
          lang: "ru",
          prdPackages: [],
          maxDodjiCount: 10,
          multiDodjiRate: 0.5,
          comission: 20,
          customMinPrice: 500,
          customMaxPrice: 50000,
          workerDefaultPrice: "400",
          payerDefaultPrice: "500.00",
          customPricesOptionsHtml: '<option data-payer-value="100" data-seller-value="80" value="1">80 Р</option>'
      };
    </script>
    <div align="center" class="mb10"></div>
  </div>
  <div class="sidebarArea dib m-wMax m-m0 mb20" style="max-width: 250px;">
    <div class="sidebar-info gray-bg-border">
      <div class="sidebar-info__title sidebar-info__title--danger">Покупателям</div>
      <div class="sidebar-info__message">
        <div class="sidebar-info__container">
          <div class="sidebar-info__attention">Уважаемые покупатели!</div>
          Остерегайтесь предложений оплатить услугу за пределами Dodji. Такие предложения, особенно с требованием предоплаты, многократно повышают риск потери времени и денег.
          <div class="white-btn w30p mt10 f14 hidden" style="width: 100%; padding: 7px 15px;" onclick="show_popup($('#popup-case-report').html(), 'popup-new popup-case-report')">Сообщить о таком случае</div>
        </div>
      </div>
    </div>
    <div class="sidebar-info sidebar-info-contacts gray-bg-border mt20">
      <div class="sidebar-info__title sidebar-info-contacts__title sidebar-info__title--danger" style="padding-top: 16px;">Информация по обмену контактными данными</div>
      <div class="sidebar-info__container sidebar-info-contacts__container">
        <div>Как показывает практика, заказы и общение внутри Dodji проходят более гладко, комфортно и безопасно, чем на сторонних сервисах. Поэтому размещать и передавать контактные данные запрещено. В случае нарушений контакты будут удалены, а аккаунт - деактивирован.</div>
      </div>
    </div>
  </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>
</div>
<div class="b-popup" id="popup-case-report" style="display: none;">
  <h1 class="popup__title">Сообщение о случае</h1>
  <hr class="gray mt20" style="margin-bottom:20px;">
  <div class="b-popup-content">
    <form name="al" id="al" action="/conversations/{DS_OPONENT_NICKNAME}?goToLastUnread=1" method="post">
      <input type="hidden" name="userFromUsername" value="{DS_OPONENT_NICKNAME}">
      <input type="hidden" name="page" value="">
      <div class="b-popup__row">
        <label>
        Логин продавца<input name="w_name" class="popup-case-report__input b-popup__row-field text styled-input" placeholder="Продавец" value="{DS_OPONENT_NICKNAME}">
        </label>
      </div>
      <div class="b-popup__row">
        <label>
        Ваш комментарий<textarea class="mt5 b-popup__row-field styled-input" name="msg" rows="3" placeholder="Введите текст.."></textarea>
        </label>
      </div>
      <input type="hidden" name="action" value="report">
      <div>
        <button class="green-btn popup__button">Отправить</button>
      </div>
    </form>
  </div>
</div>

<script>
  var dialogFiles = new FileUploader({
  	files: {},
  	selector: '#load-files-conversations',
  	input: {
  		name: 'conversations-files'
  	},
    cot_ext: 'ds',
    cot_cat: ''
  });

  $('#new_message').submit(function(e) {
    e.preventDefault();
    e.stopPropagation();
    var formData = $(this);

    $(".js-individual-message-error").text('').addClass("hidden");
    $.post("{PHP|cot_url('ds', 'm=send')}",
      formData.serialize(),
    	function (response) {
    		if (response.status === "success") {
    			location.href = response.redirect;
    		} else if (response.status === "error") {
    			$(".js-individual-message-error").text(response.response).removeClass("hidden");
    		} else {
    			return false;
    		}
    	}, "json");
  });
</script>
<!-- END: MAIN -->