<!-- BEGIN: MAIN -->


<script defer src="themes/itbirja/js/chosen.jquery.min.js"></script>
<script defer src="themes/itbirja/js/components/file-uploader.min.js"></script>
<script defer src="themes/itbirja/js/libs/withinviewport.js" type="text/javascript"></script>
<script defer src="themes/itbirja/js/libs/jquery.withinviewport.min.js" type="text/javascript"></script>
<script defer src="themes/itbirja/js/main.js"> </script>

<script>
  IS_ACTIVE_DIALOG = {DIALOG_ID};
  var DIALOG_SCROLL_TO_MSG = {PHP.msgcroll};
</script>

<script>

  function setCountFiles() {
    
  }

  $('.chat_messages_block').ready(function () {

    // $('.files_btn').click(function(){
    //   $('.files_btn_items').fadeToggle(300)
    // })

    $(document).on('click', '.files-get', '.close_popup_files', function (e) {
        e.stopPropagation();
        console.log($(this));
        $('.popup_bg').fadeIn(300);
        $('.ip_popup_files').fadeIn();

    });

    $(document).on('click','.chat_messages_block_btns_orders',function(){
        $('.popup_bg').fadeIn(300);
        $('.ip_popup_wrap').fadeIn(300);
    });

    $(document).on('click','.close_popup, .popup_bg, .close_popup_files',function(){
        $('.popup_bg').fadeOut(300);
        $('.ip_popup_wrap').fadeOut(300);
        $('.ip_popup_files').fadeOut(300);
    });

    $(document).on('click','.fake_input_placeholder',function(){
        $(this).toggleClass('act');
        $(this).parent().find('input').focus();
    });

    // $(document).on('click','.file_btn_send_wrap svg',function(){
    //     $(this).parent().find('input').click();
    // });

    $(document).on('click', '.file_btn_send_wrap', function (e) {
        $(document).find('.file-uploader__add').click();
        // $('.file-uploader__add').click();
    });

    $(document).on('focusin','.chat_search',function(){
        $('.fake_input_placeholder').addClass('act')
    });


    $(document).on('focusin','.chat_search',function(){
        console.log($('.fake_wrap_input input').val())
        if ($('#search_input').val() == '') {
          $('.fake_input_placeholder').removeClass('act')
        }
    });

    $(document).on('click','.files_btn', function (e) {
      if($('.files_btn_items').is(':visible')) {
        $('.files_btn_items').fadeOut(300)
      }
      else {
        $('.files_btn_items').fadeIn(300)
      }
      e.stopPropagation();
      return false;
    });

      // $('.chat_search input').on('keyup',function(){
      //   	var $this = $(this),
      //       	val = $this.val();
        
      //   	if(val.length >= 1){
      //     	$('#btn').show(100);
      //     	$('.fake_input_placeholder').addClass('act')

      //   	}else {
      //     	$('#btn').hide(100);
      //     	$('.fake_input_placeholder').removeClass('act')

      //   	}
      // });


      // var textarea = document.querySelector('textarea');

      // textarea.addEventListener('keyup', function(){
      //   if(this.scrollTop > 0){
      //     this.style.height = this.scrollHeight + "px";
      //   }
      // });
  });

  $(document).on('click', '.file-item__action', function (e) {
      $('.load-file__list').html('');
  })

</script>

<style>

.special-offer {
  display: flex;
}

.ip_popup_wrap {
  min-height: auto;
}

.heading-choose-none {
  display: none;
}

.ip_popup_inputs_bottom_wrap .ip_popup_inputs_price_wrap {
  flex-wrap: wrap;
}

#prd-price-description {
  display: none;
}

.d-show {
  display: block !important;
}

#block_message {
  min-height: 145px;
  padding: 0px 10px;
}

.add-files {
  height: 0px;
}

.file-uploader__add {
  opacity: 0;
}

.file-uploader__add {
  display: none;
}

.popup_bg {
  z-index: 1000;
}

.close_popup_files {
  position: absolute;
    right: 16px;
    top: 10px;
    cursor: pointer;
}

.ip_popup_files {
    border-radius: 25px;
    width: 716px;
    background: #fff;
    height: fit-content;
    margin: auto;
    position: absolute;
    top: 50px;
    left: 0;
    right: 0;
    padding: 0 25px 25px;
   display: none;
}

.track-description-spoiler img {
  position: static;
}

.img-avatar {
    width: 100%;
    border-radius: 50%;
}

#msgresults {
    padding: 0;
    overflow-y: hidden;
}

.link-support-badge {
    display: inherit;
    margin-top: 6px;
}

.chat_messages_block {
    height: 85vh !important;
}

.send_btn {
  border: 0px;
  background: none;
}

.send_btn:focus {
  outline: none;
}

/* .dialog__files {
  display: none;
}/. */

.ip_popup_wrap, .ip_popup_files {
  z-index: 1000;
}

.btn__add-group {
  display: none !important;
}

.btn__add-group {
  margin: 20px 0;
}

.offer_service_none {
  display: none;
}

.link_local_show {
    color: #457edb;
    border-bottom: 1px dashed;
    cursor: pointer;
}

</style>

<div class="popup_bg"></div>
<div class="ip_popup_files">
    <div class="close_popup_files">
      <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"
        width="30" height="30"
        viewBox="0 0 172 172"
      style=" fill:#000000;"><g fill="none" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><path d="M0,172v-172h172v172z" fill="none"></path><g fill="#333333"><path d="M45.74349,34.28802c-4.66401,0.00578 -8.85992,2.83567 -10.61285,7.15775c-1.75292,4.32207 -0.71362,9.27524 2.62873,12.52819l32.02604,32.02604l-32.02604,32.02604c-2.99552,2.87604 -4.20218,7.14678 -3.15461,11.16516c1.04756,4.01838 4.18566,7.15647 8.20404,8.20403c4.01838,1.04756 8.28912,-0.1591 11.16516,-3.15462l32.02604,-32.02604l32.02604,32.02604c2.87603,2.99556 7.14679,4.20225 11.1652,3.1547c4.0184,-1.04756 7.15652,-4.18567 8.20408,-8.20408c1.04756,-4.0184 -0.15913,-8.28917 -3.1547,-11.1652l-32.02604,-32.02604l32.02604,-32.02604c3.39139,-3.29657 4.4111,-8.33702 2.56778,-12.6926c-1.84331,-4.35558 -6.17151,-7.13275 -10.89903,-6.99334c-2.97902,0.08876 -5.80647,1.33381 -7.88333,3.47135l-32.02604,32.02604l-32.02604,-32.02604c-2.16155,-2.22196 -5.13056,-3.4742 -8.23047,-3.47135z"></path></g></g></svg>
    </div>
    <!-- BEGIN: MAVHISTORY -->
    <div class="p15-20 white-bg-border mt50">Файлы диалога</div>
    <div class="bgLightGray p15-20 f14 ds_mavfilehistory">
      <!-- BEGIN: MAVHIST_ROW -->
      <div class="w210 ovf-h nowrap t-ofv-el">
        <a href="{DS_MAV_HIST.FILE}" target="_blank" class="color-text">
          <i class="ico-file-{DS_MAV_HIST.FILEEXTICON} dib v-align-m"></i>
          <span class="v-align-m ml10 mw80p">{DS_MAV_HIST.FILEORIGNAME}.{DS_MAV_HIST.FILEEXT}</span>
        </a>
      </div>
      <hr class="gray">
      <!-- END: MAVHIST_ROW -->
    </div>
    <!-- END: MAVHISTORY -->
</div>
<div class="ip_popup_wrap">
  <form action="{DS_FORM_SEND}" class="mb0" id="new_message" enctype="multipart/form-data" method="post">
    <div class="close_popup">
      <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"
        width="30" height="30"
        viewBox="0 0 172 172"
        style=" fill:#000000;"><g fill="none" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><path d="M0,172v-172h172v172z" fill="none"></path><g fill="#333333"><path d="M45.74349,34.28802c-4.66401,0.00578 -8.85992,2.83567 -10.61285,7.15775c-1.75292,4.32207 -0.71362,9.27524 2.62873,12.52819l32.02604,32.02604l-32.02604,32.02604c-2.99552,2.87604 -4.20218,7.14678 -3.15461,11.16516c1.04756,4.01838 4.18566,7.15647 8.20404,8.20403c4.01838,1.04756 8.28912,-0.1591 11.16516,-3.15462l32.02604,-32.02604l32.02604,32.02604c2.87603,2.99556 7.14679,4.20225 11.1652,3.1547c4.0184,-1.04756 7.15652,-4.18567 8.20408,-8.20408c1.04756,-4.0184 -0.15913,-8.28917 -3.1547,-11.1652l-32.02604,-32.02604l32.02604,-32.02604c3.39139,-3.29657 4.4111,-8.33702 2.56778,-12.6926c-1.84331,-4.35558 -6.17151,-7.13275 -10.89903,-6.99334c-2.97902,0.08876 -5.80647,1.33381 -7.88333,3.47135l-32.02604,32.02604l-32.02604,-32.02604c-2.16155,-2.22196 -5.13056,-3.4742 -8.23047,-3.47135z"></path></g></g></svg>
      </div>
      <div class="offer-custom">
        <span class="ip_popup_wrap_title">Индивидуальное предложение</span>
        <span class="ip_popup_wrap_subtitle">Как вы будете решать задачу клиента</span>
        <div class="ip_list">
          <div class="ip_list_img"></div>
          <ol>
            <li>Укажите, какие услуги и в каком объеме будут предоставлены покупателю.</li>
            <li>Опишите свой релевантный опыт. Продемонстрируйте 1-3 примера выполнения похожей <br>работы.</li>
          </ol>
        </div>
        <div class="ip_text_wrap">
          <div class="ip_text_img"></div>
          <div class="ip_textarea_wrap">
            <textarea name="order_desc" placeholder="Напишите, как вы будете решать задачу клиента"></textarea>
            <p> <span class="js-sym-set-count">  </span> из 2000 символов  <span class="minArea"> (минимум 150) </span> </p>
          </div>
        </div>
        <div class="ip_popup_inputs_bottom_wrap">
          <div class="ip_popup_inputs_price_wrap">
            <div class="ip_popup_inputs_price_wrap_img"></div>
            <span>Стоимость</span>
            <input id="cost-offer" data-min="500" data-max="50000"  type="text" name="" placeholder="500 - 50 000">
            <div id="prd-price-description" class="color-red">Стоимость может быть от 500 руб. до 50 000 руб.</div>
          </div>
          <div class="ip_popup_inputs_price_wrap">
            <div class="ip_popup_inputs_time_wrap_img"></div>
            <span>Срок выполнения</span>
            <select class="offer_deadline">
              <option value="1" selected> 1 день</option>
              <option value="2">2 день</option>
              <option value="3">3 день</option>
              <option value="4">4 день</option>
              <option value="5">5 день</option>
              <option value="6">6 день</option>
              <option value="7">7 день</option>
            </select>
          </div>
        </div>
      </div>
      <div class="ip_popup_inputs_bottom_wrap offer_service offer_service_none">
        <div class="ip_popup_inputs_price_wrap">
          <div class="ip_popup_inputs_price_wrap_img"></div>
          <span> Выберите услугу </span>
          <select id="" name="prd_id" data-placeholder=" " class="m-w250 input input_size_s">
            <option selected disabled>Не выбрано</option>
            <!-- BEGIN: MARKET_USERITEMS -->
              <option data-time="{PRD_ROW_DAYS}" data-package="{PRD_ROW_PACKAGE}" data-price="{PRD_ROW_COST}" data-workerprice="{PRD_ROW_COST_WORKER}" value="{PRD_ROW_ID}">{PRD_ROW_SHORTTITLE}</option>
            <!-- END: MARKET_USERITEMS -->
          </select>
        </div>
      </div>
      <div class="ip_popup_line"></div>
      <div class="f14 mt20">
        Также вы можете <span class="link_local_show">предложить покупателю</span>
        один из своих активных услуг
      </div>
      <div class="ip_popup_line"></div>
      <div class="ip_popup_btns">
        <div class="ip_popup_btn_cancel"><span>Отменить</span></div>
        <div class="ip_popup_btn_go ip_popup_btn_go_disable"><span>Предложить</span></div>
      </div>
    </form>
</div>

<div class="chat-wrap">
    <div class="chat_messages_block">
      <div class="">
        <!-- IF {DS_MK_ORDERWITHUSER} > 0 -->
            <div class="conversations-order-links">
                <a href="{DS_OPONENT_ID|cot_url('plug', 'e=marketorders&m=userorders&id='$this)}">Все заказы от {DS_OPONENT_NICKNAME} ({DS_MK_ORDERWITHUSER})</a>
            </div>
        <!-- ENDIF -->
      </div>
      <div id="currentPage" style="display:none;">{PHP.d}</div>
      	<div class="chat_messages_block_head">
					<div style="display: flex;">
						<div class="chat_messages_block_head_avatar">
                            <a class="chat_messages_block_head_avatar" href="{DS_ROW_USER_DETAILSLINK}" title="{DS_ROW_USER_NICKNAME}">
                                <img alt="{DS_ROW_USER_NICKNAME}" class="img-avatar" src="<!-- IF {DS_ROW_USER_AVATAR_SRC} -->{DS_ROW_USER_AVATAR_SRC}<!-- ELSE -->themes/itbirja/files/avatar/medium/noprofilepicture.gif<!-- ENDIF -->" class="rounded" alt=""/>
                            </a>
						</div>
						<div class="chat_messages_block_user_info">
							<div class="chat_messages_block_user_info_top">
								<div class="chat_messages_block_user_info_name">{DS_OPONENT_NICKNAME}</div>
								<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
										<path fill-rule="evenodd" clip-rule="evenodd" d="M6.55597 3.32285L7.07345 2L5.76434 2.5513C3.56214 3.47869 2 5.58396 2 8.05807C2 11.4114 4.85789 14.076 8.31497 14.076C10.2058 14.076 11.9094 13.2829 13.0699 12.0186L14.0635 10.9361L12.5962 11.0137C12.4819 11.0198 12.3667 11.0228 12.2506 11.0228C8.86907 11.0228 6.18315 8.43173 6.18315 5.30196C6.18315 4.60558 6.31486 3.93921 6.55597 3.32285ZM3.2 8.05807C3.2 6.57469 3.91443 5.23617 5.05173 4.34774C5.00652 4.65977 4.98315 4.97834 4.98315 5.30196C4.98315 8.75965 7.62942 11.5862 11.052 12.1288C10.2622 12.6011 9.32417 12.876 8.31497 12.876C5.45947 12.876 3.2 10.6891 3.2 8.05807Z" fill="#A5A5A5"/>
                                </svg>
								<div class="online_time_last">{DS_ROW_DATE}</div>
							</div>
							<div class="chat_messages_block_user_info_online_time">
                                <div style='color:grey;' class="js-user-online-block font-OpenSansLight" data-is-online="{DS_OPONENT_ONLINE}" data-darktheme="true" data-with-text="true" data-user-id="{DS_OPONENT_ID}">
                                    <i class="icon ico-<!-- IF {DS_OPONENT_ONLINE} -->online<!-- ELSE -->offlineDark<!-- ENDIF -->"></i>
                                    <!-- IF {DS_OPONENT_ONLINE} -->Онлайн<!-- ELSE -->Оффлайн<!-- ENDIF -->
                                  </div>
                            </div>
						</div>
					</div>
					<div class="chat_messages_block_btns">
						<div class="chat_messages_block_btns_orders">
							<svg width="16" height="16" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="8" cy="8" r="8" fill="white"></circle> <path d="M7.99933 10.8284L7.99933 5.17157" stroke="#04B70A" stroke-width="1.2" stroke-linecap="round"></path> <path d="M10.8284 8.00006L5.17157 8.00006" stroke="#04B70A" stroke-width="1.2" stroke-linecap="round"></path></svg>	
							<span>Заказ</span>
						</div>
						<div class="files_btn">
							<span class="files_btn_circle"></span>
							<span class="files_btn_circle"></span>
							<span class="files_btn_circle"></span>
							<div class="files_btn_items">
								<div class="files_btn_item files-get">
									<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" class="kwork-conversation__header-menu-icon"><path fill="#fff" d="M0 0h24v24H0z"></path><g clip-path="url(#chat-menu-trash)"><path d="M15.272 7.703v8.655c0 1.7-1.252 3.23-2.953 3.395-1.955.188-3.59-1.342-3.59-3.256V6.386c0-1.072.77-2.045 1.832-2.152 1.227-.123 2.258.834 2.258 2.037v8.6a.82.82 0 0 1-.818.818.82.82 0 0 1-.818-.818V7.703a.62.62 0 0 0-.614-.614.62.62 0 0 0-.614.614v7.044c0 1.072.77 2.045 1.832 2.15 1.227.123 2.258-.834 2.258-2.037V6.41c0-1.7-1.252-3.23-2.953-3.395A3.27 3.27 0 0 0 7.5 6.272V16.31c0 2.348 1.718 4.45 4.058 4.67 2.69.245 4.94-1.85 4.94-4.483V7.703a.62.62 0 0 0-.614-.614.62.62 0 0 0-.614.614z" fill="#a5a5a5" class="gray"></path></g><defs><clipPath id="chat-menu-trash"><path fill="#fff" transform="translate(3 3)" d="M0 0h18v18H0z"></path></clipPath></defs></svg>
									<span>Файлы</span>
									<span class="col_files">(1)</span>
								</div>
								<div class="files_btn_item">
									<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" class="kwork-conversation__header-menu-icon"><path fill="#fff" d="M0 0h24v24H0z"></path><path d="M14.5 5.75V4.5h-5v1.25H5.75V7h12.5V5.75H14.5zM7 8.25v8.842c0 .816.433 1.158 1.25 1.158h7.5c.817 0 1.25-.342 1.25-1.158V8.25H7zm3.75 7.5H9.5v-5h1.25v5zm3.75 0h-1.25v-5h1.25v5z" fill="#a5a5a5" class="gray"></path></svg>
									<span>Удалить чат</span>
								</div>
							</div>
						</div>
					</div>
				</div>
      <div class="dib inbox-messages-js chat_messages_block" style="position: relative;">
        <!-- <div class="paging" style="position: absolute;width: calc(100% - 320px);padding-right: 160px;top: -59px;right: 0px;">
          <div class="p1">
            <ul>
              {PAGENAV_PREV}
              {PAGENAV_PAGES}
              {PAGENAV_NEXT}
            </ul>
          </div>
        </div> -->
        <div id="msgresults" class="<!-- IF {PHP.lastpage} --> islastpage<!-- ENDIF -->" data-lasthref="{PAGENAV_LAST}">
          <ul class="gig-reviews-list messages_block_content">
            <div class="clear pt0"></div>

            <!-- BEGIN: DS_ROW -->

              <!-- BEGIN: DS_HR -->
                <div class="conversation-date_separator">
                  <div class="t-align-c">
                    <div class="dib mb-8 pl10 pr10 bodybg f13 color-gray">{DS_ROW_HR}</div>
                  </div>
                  <hr class="gray m0">
                </div>
              <!-- END: DS_HR -->
              <div id="message_{DS_ROW_ID}" class="messages_block_content_message_item conversation-message_<!-- IF {DS_ROW_USER_ID} == {PHP.usr.id} -->out out<!-- ELSE -->_in<!-- ENDIF --><!-- IF {DS_ROW_STATUS} --> unread<!-- ENDIF --><!-- IF {DS_ROW_STAR} --> _msg_in_star<!-- ENDIF -->" data-mid="{DS_ROW_ID}" data-track-id="{DS_ROW_ID}" {DS_ROW_SCROLL}" >
                <div class="messages_block_content_message_item_head">
                    <div class="msbc_left">
                        <div data-name={} class="chat_messages_block_head_avatar">
                            <a href="{DS_ROW_USER_DETAILSLINK}" title="{DS_ROW_USER_NICKNAME}">
                                <img class="img-avatar" alt="{DS_ROW_USER_NICKNAME}" src="<!-- IF {DS_ROW_USER_AVATAR_SRC} -->{DS_ROW_USER_AVATAR_SRC}<!-- ELSE -->themes/itbirja/files/avatar/medium/noprofilepicture.gif<!-- ENDIF -->" class="rounded" alt=""/>
                            </a>
                        </div>
                        <div class="messages_block_content_user_name">{DS_ROW_USER_NICKNAME} {DS_ROW_MODER_GROUP}</div>
                    </div>
                    <div class="msbc_right">
                        <a href="javascript:complainConversationMessage({DS_ROW_ID});" class="mr5 mt5 dib" title="Пожаловаться">
                            <svg class='quote_btn' xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"
                            width="18px" height="18px"
                            viewBox="0 0 172 172"
                            style=" fill:#000000;"><g fill="none" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><path d="M0,172v-172h172v172z" fill="none"></path><g fill="#8a8a88"><path d="M48.375,35.83333c-16.82167,0 -30.45833,13.63666 -30.45833,30.45833c0,16.82167 13.63666,30.45833 30.45833,30.45833c6.12587,-0.00168 12.10889,-1.85049 17.16781,-5.30501c-3.113,13.2702 -8.64719,22.51699 -14.09538,28.91862c-8.20228,9.63768 -15.81706,12.60465 -15.81706,12.60465c-1.82928,0.68015 -3.14622,2.29832 -3.44063,4.22762c-0.29441,1.92929 0.47997,3.8666 2.02313,5.06138c1.54316,1.19478 3.61266,1.45933 5.40675,0.69115c0,0 10.30189,-4.19969 20.01627,-15.6141c9.71439,-11.4144 19.19743,-30.32423 19.19743,-59.25098c0.00049,-0.2623 -0.01823,-0.52429 -0.05599,-0.78385c0.27285,-8.24151 -2.80756,-16.24148 -8.53727,-22.17168c-5.72972,-5.9302 -13.61905,-9.28382 -21.86507,-9.29447zM123.625,35.83333c-16.82167,0 -30.45833,13.63666 -30.45833,30.45833c0,16.82167 13.63666,30.45833 30.45833,30.45833c6.12587,-0.00168 12.10889,-1.85049 17.16781,-5.30501c-3.113,13.2702 -8.64719,22.51699 -14.09538,28.91862c-8.20228,9.63768 -15.81706,12.60465 -15.81706,12.60465c-1.82927,0.68015 -3.14621,2.29832 -3.44062,4.22762c-0.29441,1.92929 0.47997,3.86659 2.02313,5.06137c1.54316,1.19478 3.61266,1.45933 5.40674,0.69115c0,0 10.30189,-4.19969 20.01627,-15.6141c9.71439,-11.4144 19.19743,-30.32423 19.19743,-59.25098c0.00049,-0.2623 -0.01823,-0.52429 -0.05599,-0.78385c0.27285,-8.24151 -2.80756,-16.24148 -8.53727,-22.17168c-5.72972,-5.9302 -13.61905,-9.28382 -21.86507,-9.29447z"></path></g></g></svg>
                        </a>
                        <a href="javascript:complainConversationMessage({DS_ROW_ID});" class="mr5 mt5 dib" title="Пожаловаться">
                            <svg xmlns="http://www.w3.org/2000/svg" class='claim_btn' x="0px" y="0px" width="20" height="20" viewBox="0 0 172 172" style=" fill:#000000;"><g fill="none" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-weight="none" font-size="none" text-anchor="none" style="mix-blend-mode: normal"><path d="M0,172v-172h172v172z" fill="none"></path><g fill="#8a8a88"><path d="M123.238,21.5h-74.476l-37.23083,64.5l37.23083,64.5h74.48317l37.23083,-64.5zM93.16667,121.83333h-14.33333v-14.33333h14.33333zM93.16667,93.16667h-14.33333v-43h14.33333z"></path></g></g></svg>
                         </a>
                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><g clip-path="url(#A)"><path d="M.5 9l3 3L10 4.5m5 0L8.5 12 7 10.5" stroke="#a5a5a5" stroke-width="1.6"/></g><defs><clipPath id="A"><path fill="#fff" d="M0 0h16v16H0z"/></clipPath></defs></svg>
                        <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none"><path d="M5.5 9l3 3L15 4.5" stroke="#bbb" stroke-width="1.6"/></svg>
                        <div class="msbc_right_time"><div class="f14 color-gray font-OpenSans floatright comment-time mr10">{DS_ROW_DATE}</div></div>
                    </div>
                </div>
                <p class="messages_block_content_message_text">
                  <!-- IF {DS_ROW_MTYPE} == 1 -->
                  <div class="t-align-c">
                    <i class="ico-quest-info"></i>
                    <h3 class="font-OpenSansSemi mb15 js-message-text">Запрос {PHP|cot_sitename('padeg_individ', 'r')}</h3>
                    <!-- IF {DS_ROW_USER_ID} != {PHP.usr.id} -->
                      Покупатель {DS_ROW_USER_NICKNAME} прислал запрос на {PHP|cot_sitename('padeg_individ', 'v')}. Пожалуйста, ответьте покупателю как можно скорее<br>
                    <!-- ENDIF -->
                  </div>
                <!-- ENDIF -->
                <!-- IF {DS_ROW_MTYPE} == 2 -->
                  <div class="t-align-c">
                    <i class="ico-green-extras"></i>
                    <h3 class="font-OpenSansSemi mb15 js-message-text">Предложение {PHP|cot_sitename('padeg_individ', 'r')}</h3>
                  </div>
                  <table class='order-info' style='width:100%;border-spacing:0px;table-layout:fixed;'>
                    <thead style="background-color:#f0f0f0;color:#000">
                      <tr>
                        <td style='padding:10px 20px;width:49%;' class="font-OpenSansSemi">Услуги</td>
                        <td class="ta-center nowrap" style='width:14%;padding:10px 10px;'>Кол-во</td>
                        <td class="ta-center nowrap" style='width:14%;padding:10px 10px;'>Срок</td>
                        <td class="ta-center" style='width:23%;padding:10px 10px;'>Стоимость</td>
                      </tr>
                    </thead>
                    <tbody>
                      <tr class="font-OpenSans prd">
                        <td style='padding:10px 20px;width: 100%;' class="order-info_services">
                          <span class="f15 track-description-spoiler font-OpenSans link-color cur break-word" onclick="showDodjiDescription($(this));">
                          {DS_ROW_MDATA.name}<img src="themes/itbirja/images/arrow_right_blue.png" width="9" alt=""/>
                          </span>
                        </td>
                        <td class="nowrap" style="text-align:right;padding:10px 20px">1</td>
                        <td class="nowrap" style="text-align:right;padding:10px 20px">1 день</td>
                        <td class="nowrap" style="text-align:right;padding:10px 20px;color:#009900;">
                          {DS_ROW_MDATA.price|number_format($this, 2, '.', ' ')} &nbsp;<span class="rouble">Р</span>
                        </td>
                      </tr>
                      <tr class="track-order_description" style="display: none;">
                        <td colspan="4" style='padding:10px 20px;' class="p10">
                          <div class="shortened-url-track">
                            <span class='bold db'>Описание {PHP|cot_sitename('padeg', 'r')}</span>
                            <p>{DS_ROW_MDATA.desc}</p>
                          </div>
                          <div class="mt10" onclick="hideDodjiDescription($(this));">
                            <a class="dib mt5 m-hidden" style="cursor:pointer;">
                            Свернуть<img src="/images/arrow_right_blue.png" class="rotate180" width="9" alt=""/>
                            </a>
                          </div>
                        </td>
                      </tr>
                      <tr class="m-hidden">
                        <td colspan="4" style="margin:0px;padding:0px;">
                          <div style="margin:5px 15px;background-color:#EAEAEA;height:1px;"></div>
                        </td>
                      </tr>
                      <tr class="m-text-center">
                        <td class="nowrap f14 font-OpenSansSemi p10 m-text-center t-align-l" style="padding:10px 20px;<!-- IF {DS_ROW_MDATA.orderId} > 0 -->background-color: #5da1426e;<!-- ENDIF --><!-- IF {DS_ROW_MDATA.decline} > 0 -->background-color: #f24c4cf2;<!-- ENDIF -->">
                          <!-- IF {DS_ROW_MDATA.orderId} > 0 -->
                            <a href="{DS_ROW_MDATA.orderId|cot_url('plug', 'e=marketorders&m=order&id='$this)}">Заказ #{DS_ROW_MDATA.orderId}</a>
                          <!-- ELSE -->
                            <!-- IF {DS_ROW_USER_ID} == {PHP.usr.id} -->
                              <!-- IF {DS_ROW_MDATA.decline} == 1 -->
                                Покупатель отказался
                              <!-- ENDIF -->
                            <!-- ELSE -->
                              <!-- IF {DS_ROW_MDATA.decline} == 1 -->
                                Вы отказались
                              <!-- ELSE -->
                                <form action="send_mk" method="post" id="ds_mk_msgtype_2_id_{DS_ROW_ID}" class="">
                                 <input type="hidden" name="action" value="ds_mk_msgtype_buy">
                                 <input type="hidden" name="msgId" value="{DS_ROW_ID}">
                                 <input type="hidden" name="accept" value="0">
                                </form>
                                <a role="button" class="green-btn mr2" onclick="event.preventDefault();$('#ds_mk_msgtype_2_id_{DS_ROW_ID} input[name=accept]').val(1);$('#ds_mk_msgtype_2_id_{DS_ROW_ID}').addClass('ds_mk_msgtype_send').submit();">Принять</a>
                                  &nbsp;
                                <a role="button" class="white-btn mr2" onclick="event.preventDefault();var tmpform = $('#ds_mk_msgtype_2_id_{DS_ROW_ID}'); tmpform.find('input[name=accept]').val(0);$.post(tmpform.attr('action'), tmpform.serialize(), function() { tmpform.parent().html('Вы отказались').css('background-color', '#f24c4cf2'); });">Отказаться</a>
                              <!-- ENDIF -->
                            <!-- ENDIF -->
                          <!-- ENDIF -->
                        </td>
                        <td class='nowrap f14 font-OpenSansSemi p10 m-text-cente t-align-r' style="padding:10px 20px;">Итого:</td>
                        <td class='nowrap f14 font-OpenSansSemi p10 m-text-center t-align-r' style="padding:10px 20px">{DS_ROW_MDATA.duration|cot_declension($this, 'день,дня,дней')} </td>
                        <td class='nowrap f14 font-OpenSansSemi p10 m-text-center t-align-c' style="padding:10px 0">
                          <span class="f20" style="color:#009900;">
                          {DS_ROW_MDATA.price|number_format($this, 2, '.', ' ')} &nbsp;<span class="rouble">Р</span>
                          </span>
                        </td>
                      </tr>
                    </tbody>
                  </table>
                <!-- ENDIF -->
                <!-- IF {DS_ROW_MTYPE} == 3 -->
                <div class="t-align-c">
                    <i class="ico-green-extras"></i>
                    <h3 class="font-OpenSansSemi mb15 js-message-text">Предложение {PHP|cot_sitename('padeg_individ', 'r')}</h3>
                  </div>
                  <table class='order-info' style='width:100%;border-spacing:0px;table-layout:fixed;'>
                    <thead style="background-color:#f0f0f0;color:#000">
                      <tr>
                        <td style='padding:10px 20px;width:49%;' class="font-OpenSansSemi">Услуги</td>
                        <td class="ta-center nowrap" style='width:14%;padding:10px 10px;'>Кол-во</td>
                        <td class="ta-center nowrap" style='width:14%;padding:10px 10px;'>Срок</td>
                        <td class="ta-center" style='width:23%;padding:10px 10px;'>Стоимость</td>
                      </tr>
                    </thead>
                    <tbody>
                      <tr class="font-OpenSans prd">
                        <td style='padding:10px 20px;width: 100%;' class="order-info_services">
                          <span class="f15 track-description-spoiler font-OpenSans link-color cur break-word" onclick="showDodjiDescription($(this));">
                          {DS_ROW_MDATA.name}<img src="themes/itbirja/images/arrow_right_blue.png" width="9" alt=""/>
                          </span>
                        </td>
                        <td class="nowrap" style="text-align:right;padding:10px 20px">{DS_ROW_MDATA.count}</td>
                        <td class="nowrap" style="text-align:right;padding:10px 20px">{DS_ROW_COSTPLAN.days_format}</td>
                        <td class="nowrap" style="text-align:right;padding:10px 20px;color:#009900;">
                          {DS_ROW_COSTPLAN.price_format} &nbsp;<span class="rouble">Р</span>
                        </td>
                      </tr>
                      <tr class="track-order_description" style="display: none;">
                        <td colspan="4" style='padding:10px 20px;' class="p10">
                          <div class="shortened-url-track">
                            <span class='bold db'>Описание {PHP|cot_sitename('padeg', 'r')}</span>
                            <p>{DS_ROW_MDATA.desc}</p>
                          </div>
                          <div class="mt10" onclick="hideDodjiDescription($(this));">
                            <a class="dib mt5 m-hidden" style="cursor:pointer;">
                            Свернуть<img src="/images/arrow_right_blue.png" class="rotate180" width="9" alt=""/>
                            </a>
                          </div>
                        </td>
                      </tr>
                      <!-- BEGIN: DS_TYPE3_PACKAGE -->
                      <tr class="font-OpenSans prd">
                        <td style='padding:10px 20px;width: 100%;' class="font-OpenSans break-word">
                          <img class="dib mr10" src="themes/itbirja/images/ico-ok.png" alt="ОК">
                          {DS_PACKAGE_DATA.name}
                        </td>
                        <td class="nowrap" style="text-align:right;padding:10px 20px">
                          <!-- IF {DS_PACKAGE_DATA.type} == 'text' -->
                            {DS_PACKAGE_DATA.value}
                          <!-- ELSE -->
                            {DS_ROW_MDATA.count}
                          <!-- ENDIF -->
                        </td>
                        <td class="nowrap" style="text-align:right;padding:10px 20px"></td>
                        <td class="nowrap" style="text-align:right;padding:10px 20px;"></td>
                      </tr>
                      <!-- END: DS_TYPE3_PACKAGE -->
                      <!-- BEGIN: DS_TYPE3_GEXTRAS -->
                      <tr class="font-OpenSans prd">
                        <td style='padding:10px 20px;width: 100%;' class="order-info_services">
                          <span class="f15 track-description-spoiler font-OpenSans break-word">
                            {DS_GEXTRAS_DATA.name}
                          </span>
                        </td>
                        <td class="nowrap" style="text-align:right;padding:10px 20px">{DS_GEXTRAS_DATA.count}</td>
                        <td class="nowrap" style="text-align:right;padding:10px 20px">{DS_GEXTRAS_DATA.duration|cot_declension($this, 'день,дня,дней')}</td>
                        <td class="nowrap" style="text-align:right;padding:10px 20px;color:#009900;">
                          {DS_GEXTRAS_DATA.price|number_format($this, 2, '.', ' ')} &nbsp;<span class="rouble">Р</span>
                        </td>
                      </tr>
                      <!-- END: DS_TYPE3_GEXTRAS -->
                      <tr class="m-hidden">
                        <td colspan="4" style="margin:0px;padding:0px;">
                          <div style="margin:5px 15px;background-color:#EAEAEA;height:1px;"></div>
                        </td>
                      </tr>
                      <tr class="m-text-center">
                        <td class="nowrap f14 font-OpenSansSemi p10 m-text-center t-align-l" style="padding:10px 20px;<!-- IF {DS_ROW_MDATA.orderId} > 0 -->background-color: #5da1426e;<!-- ENDIF --><!-- IF {DS_ROW_MDATA.decline} > 0 -->background-color: #f24c4cf2;<!-- ENDIF -->">
                          <!-- IF {DS_ROW_MDATA.orderId} > 0 -->
                            <a href="{DS_ROW_MDATA.orderId|cot_url('plug', 'e=marketorders&m=order&id='$this)}">Заказ #{DS_ROW_MDATA.orderId}</a>
                          <!-- ELSE -->
                            <!-- IF {DS_ROW_USER_ID} == {PHP.usr.id} -->
                              <!-- IF {DS_ROW_MDATA.decline} == 1 -->
                                Покупатель отказался
                              <!-- ENDIF -->
                            <!-- ELSE -->
                              <!-- IF {DS_ROW_MDATA.decline} == 1 -->
                                Вы отказались
                              <!-- ELSE -->
                                <form action="send_mk" method="post" id="ds_mk_msgtype_2_id_{DS_ROW_ID}" class="">
                                 <input type="hidden" name="action" value="ds_mk_msgtype_buy">
                                 <input type="hidden" name="msgId" value="{DS_ROW_ID}">
                                 <input type="hidden" name="accept" value="0">
                                </form>
                                <a role="button" class="green-btn mr2" onclick="event.preventDefault();$('#ds_mk_msgtype_2_id_{DS_ROW_ID} input[name=accept]').val(1);$('#ds_mk_msgtype_2_id_{DS_ROW_ID}').addClass('ds_mk_msgtype_send').submit();">Принять</a>
                                  &nbsp;
                                <a role="button" class="white-btn mr2" onclick="event.preventDefault();var tmpform = $('#ds_mk_msgtype_2_id_{DS_ROW_ID}'); tmpform.find('input[name=accept]').val(0);$.post(tmpform.attr('action'), tmpform.serialize(), function() { tmpform.parent().html('Вы отказались').css('background-color', '#f24c4cf2'); });">Отказаться</a>
                              <!-- ENDIF -->
                            <!-- ENDIF -->
                          <!-- ENDIF -->
                        </td>
                        <td class='nowrap f14 font-OpenSansSemi p10 m-text-cente t-align-r' style="padding:10px 20px;">Итого:</td>
                        <td class='nowrap f14 font-OpenSansSemi p10 m-text-center t-align-r' style="padding:10px 20px">{DS_ROW_MDATA.duration|cot_declension($this, 'день,дня,дней')} </td>
                        <td class='nowrap f14 font-OpenSansSemi p10 m-text-center t-align-c' style="padding:10px 0">
                          <span class="f20" style="color:#009900;">
                          {DS_ROW_MDATA.price|number_format($this, 2, '.', ' ')} &nbsp;<span class="rouble">Р</span>
                          </span>
                        </td>
                      </tr>
                    </tbody>
                  </table>
                <!-- ENDIF -->
                <!-- IF {DS_ROW_MTYPE} == 4 -->
                <div class="t-align-c">
                  <i class="ico-more-info"></i>
                  <h3 class="font-OpenSansSemi mb15 js-message-text">Заказ создан</h3>
                </div>
                <div style="padding-top:15px;">
                  Заказ {DS_ROW_MDATA.order_id} создан. <a href="{DS_ROW_MDATA.order_id|cot_url('plug', 'e=marketorders&id='$this)}">Перейти к заказу</a>
                </div>
                <!-- ENDIF -->
                <!-- IF {DS_ROW_PRETEXT} -->
                <div>{DS_ROW_PRETEXT}</div>
                <!-- ENDIF -->
                    <!-- IF {DS_ROW_PRETEXT} -->
                        <div>{DS_ROW_PRETEXT}</div>
                    <!-- ENDIF -->
                    {DS_ROW_TEXT}
                    <div class="conversation-message-file-wrap" data-json-files='null'>
                      <!-- IF {DS_MAVATARS.MAVATARCOUNT} > 0 -->
                        <!-- FOR {KEY}, {VALUE} IN {DS_MAVATARS.MAVATAR} -->
                          <div id="id{VALUE.ID}" class="mb5 file-item file-item-conversations">
                            <a href="{VALUE.FILE}" target="_blank" class="color-text">
                            <i class="ico-file-{VALUE.FILEEXTICON} dib v-align-m"></i>
                            <span class="v-align-m ml10 mw80p">{VALUE.FILEORIGNAME}.{VALUE.FILEEXT}</span>
                            </a>
                          </div>
                        <!-- ENDFOR -->
                      <!-- ENDIF -->
                    </div>
                    
                </p>
            </div>
            <!-- END: DS_ROW -->
          </ul>
        </div>

        <div class="pt5 pb5" data-newdialogmsg="{CNTNEWMSGS}" data-lastmsgurl="{DS_FORM_SEARCH}"><!-- IF !{PHP.lastpage} AND {CNTNEWMSGS} > 0 --><a href="{DS_FORM_SEARCH}">Есть новые сообщения ({CNTNEWMSGS})</a><!-- ENDIF --></div>
        <div class="" id="block_message">
        <!-- IF {DS_OPONENT_DSBLOCK} -->
          <div class="alert alert-warning mb0">К сожалению данный пользователь не может получать личные сообщения.</div>
        <!-- ELSE -->
          <!-- IF {PHP.usr.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:grey;' class="js-user-online-block font-OpenSansLight" data-is-online="{DS_OPONENT_ONLINE}" data-darktheme="true" data-with-text="true" data-user-id="{DS_OPONENT_ID}">
                  <i class="icon ico-<!-- IF {DS_OPONENT_ONLINE} -->online<!-- ELSE -->offlineDark<!-- ENDIF -->"></i>
                  <!-- IF {DS_OPONENT_ONLINE} -->Онлайн<!-- ELSE -->Оффлайн<!-- ENDIF -->
                </div>
              </div>

              <form action="{DS_FORM_SEND}" class="mb0" id="new_message" enctype="multipart/form-data" method="post" class="mb0">
              <input type="hidden" name="resend" value="" />
                <div class="">
                  <div class="">
                    <div id="message_form_wrapper messages_block_message_write_block">
                      <div class="msg-error">
                        <p id="message_validation_error"></p>
                      </div>
                      <div class="write-wrap">
                        <div class="write-row cf messages_block_message_write_block">
                          <div align="left">
                            <span class="message_resend_info" style="display: none">
                              <span></span>
                              <a role="button" title="Отменить пересылку сообщений" onclick="cot_resendmsg_clear();">Отмена</a>
                            </span>
                          </div>
                          <div class="file_btn_send_wrap">
                            <input  type="file" name="" class="file-uploader__file-input" multiple hidden>
                            <svg class='file_btn_send' xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="none"><g clip-path="url(#mf-add-files)"><path d="M20.363 10.27v11.54c0 2.28-1.67 4.308-3.938 4.527-2.607.25-4.788-1.79-4.788-4.34V8.515c0-1.43 1.025-2.727 2.443-2.87a2.73 2.73 0 0 1 3.011 2.716v11.453c0 .6-.49 1.09-1.09 1.09s-1.09-.49-1.09-1.09V10.27c0-.447-.37-.818-.818-.818s-.818.37-.818.818v9.39c0 1.43 1.025 2.727 2.443 2.87 1.636.164 3.01-1.112 3.01-2.716V8.548c0-2.28-1.67-4.308-3.938-4.527C12.193 3.77 10 5.8 10 8.362v13.384c0 3.13 2.29 5.934 5.4 6.228C19 28.3 22 25.51 22 21.997V10.27c0-.447-.37-.818-.818-.818s-.818.37-.818.818z" fill="#a5a5a5"></path></g><defs><clipPath id="mf-add-files"><path fill="#fff" transform="translate(4 4)" d="M0 0h24v24H0z"></path></clipPath></defs></svg>
                          </div>
                          <textarea maxlength="4000" class="control-en js-alt-send js-stopwords-check no-min-len message_body" cols="35" 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"/>
                          <button type="submit" class="send_btn btn-send-message">
                            <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="none"><path class="inactive" fill-rule="evenodd" d="M8.79 6.214c-.488-1.465 1.07-2.77 2.427-2.03l20.054 10.94a1 1 0 0 1 0 1.756l-20.054 10.94c-1.355.74-2.915-.565-2.427-2.03l.827-2.482c.724-2.172 1.116-4.425 1.177-6.684L17 16l-6.207-.62c-.06-2.26-.453-4.512-1.177-6.684L8.79 6.214zm1.788-.328l.747 2.24c.66 1.982 1.065 4.026 1.213 6.084l8.967 1.223c.284.04.495.28.495.568s-.212.53-.495.567L12.537 17.8c-.148 2.058-.553 4.102-1.213 6.084l-.747 2.24L29.12 16 10.577 5.886z" fill="#a5a5a5" opacity=".48"></path><path class="active" d="M10.785 27.026L30.84 16.088a.1.1 0 0 0 0-.176L10.785 4.974c-.638-.348-1.372.266-1.142.955l.827 2.482a24 24 0 0 1 1.155 5.675l9.88 1.347c.284.04.495.28.495.568s-.212.53-.495.567l-9.88 1.347c-.154 1.92-.54 3.825-1.155 5.675l-.827 2.482c-.23.69.504 1.303 1.142.955z" fill="#177de6"></path></svg>
                          </button>
                        </div>
                        <input type="hidden" name="message_type" value=""/>
                        <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="btn__add-group clearfix">
                              <input class="pull-left w50p border-box pr10 btn-send-message btn-disable-toggle disabled pull-left send-small green-btn btn--big18 p0 hoverMe h50 mt10 pull-reset" disabled name="commit" value="Отправить" type="submit">
                              <div class="pull-right w50p border-box pl10 fixed-tooltip pt10">
                                <span class="prd_toggle_button-js  js-tooltip js-tooltip  prd_toggle_button-js  white-part-btn white-btn_hover-white pull-left btn--big18 p0 hoverMe h50 pull-reset w100p" id="suggestCustomDodjiToggle" data-tooltip-position="right" data-tooltip-text="Отправьте предложение покупателю прямо из личных сообщений. Ему останется только нажать на кнопку «Купить», и заказ уйдет в работу.<br><br><b>Предложить {PHP|cot_sitename('padeg', 'v')}</b><br>Предложите покупателю один из своих активных {PHP|cot_sitename('padeg', '_r')} с нужными опциями. Это хороший вариант, когда у вас уже имеется {PHP|cot_sitename('phrases', 'podhod')}.<br><br><b>Индивидуальное предложение</b><br>Отправьте покупателю индивидуальное предложение со стоимостью до 50 000 руб. Условия предложения определяете вы сами. Это идеальный вариант, когда покупателю требуется услуга, выходящая за рамки ваших стандартных {PHP|cot_sitename('padeg', '_r')}.<br><br><i class='color-gray'>Индивидуальное предложение может создать только продавец со статусом «Продвинутый». Статус выдается при выполнении не менее 10 заказов, из которых проблемными были не более 10%.</i>" data-proportion="5:2" data-tooltip-around-position="right" data-tooltip-delay="0.1">Индивидуальное предложение</span>
                                <span class="prd_toggle_button-js  hidden  js-tooltip js-tooltip prd_toggle_button-js  white-part-btn white-btn_hover-white pull-left btn--big18 p0 hoverMe h50 pull-reset w100p" id="suggestDodjiToggle" data-tooltip-position="right" data-tooltip-text="Отправьте предложение покупателю прямо из личных сообщений. Ему останется только нажать на кнопку «Купить», и заказ уйдет в работу.<br><br><b>Предложить {PHP|cot_sitename('padeg', 'v')}</b><br>Предложите покупателю один из своих активных {PHP|cot_sitename('padeg', '_r')} с нужными опциями. Это хороший вариант, когда у вас уже имеется {PHP|cot_sitename('phrases', 'podhod')}.<br><br><b>Индивидуальное предложение</b><br>Отправьте покупателю индивидуальное предложение со стоимостью до 50 000 руб. Условия предложения определяете вы сами. Это идеальный вариант, когда покупателю требуется услуга, выходящая за рамки ваших стандартных {PHP|cot_sitename('padeg', '_r')}.<br><br><i class='color-gray'>Индивидуальное предложение может создать только продавец со статусом «Продвинутый». Статус выдается при выполнении не менее 10 заказов, из которых проблемными были не более 10%.</i>" data-proportion="5:2" data-tooltip-around-position="right" data-tooltip-delay="0.1">Предложить {PHP|cot_sitename('padeg', 'v')}</span>
                              </div>
                            </div>
                            <div class="message-form-control__error"></div>
                          </div>
                        </div>
                        <div id="change-to-prd-choose" class="f14 mt20 hidden">
                          Также вы можете <span class="link_local">предложить покупателю</span>
                          один из своих активных {PHP|cot_sitename('padeg', '_r')}
                        </div>
                        <div id="change-to-custom-prd" class="f14 mt20 hidden">
                          Создать <span class="link_local">индивидуальное предложение</span>
                          для покупателя
                        </div>
                      </div>
                    </div>
                  </div>
                </div>
              </form>
            <!-- ENDIF -->
          <!-- ENDIF -->
        <!-- ENDIF -->
        </div>

        <!-- BEGIN: MAVHISTORY -->
        <div class="p15-20 white-bg-border mt50">Файлы диалога</div>
        <div class="bgLightGray p15-20 f14 ds_mavfilehistory">
          <!-- BEGIN: MAVHIST_ROW -->
          <div class="w210 ovf-h nowrap t-ofv-el">
            <a href="{DS_MAV_HIST.FILE}" target="_blank" class="color-text">
              <i class="ico-file-{DS_MAV_HIST.FILEEXTICON} dib v-align-m"></i>
              <span class="v-align-m ml10 mw80p">{DS_MAV_HIST.FILEORIGNAME}.{DS_MAV_HIST.FILEEXT}</span>
            </a>
          </div>
          <hr class="gray">
          <!-- END: MAVHIST_ROW -->
        </div>
        <!-- END: MAVHISTORY -->
      </div>

        <script>


            // $(document).ready(function () {
            //   $('.file-uploader__add').click();
            // });

            $.fn.isInViewport = function() {
                var elementTop = $(this).offset().top;
                var elementBottom = elementTop + $(this).outerHeight();

                var viewportTop = $(window).scrollTop();
                var viewportBottom = viewportTop + $(window).height();

                return elementBottom > viewportTop && elementTop < viewportBottom;
            };

            var trackstack_last_date = 0;
            var trackstack_user_id = -1;
            var trackstack_last_send = true;
            var trackstack_cache = {'notify': '', 'message': ''};
            var trackstack_notyplay = false;
            var trackstack_notyplay_first = false;


            $('.chat_list_item').on('click', function (e) {
                IS_ACTIVE_DIALOG = $(this).attr('data-dialog');
            });

            // ion.sound({
            //   sounds: [
            //     {
            //       name: "incom_massage"
            //     },
            //   ],
            //   volume: 1,
            //   path: "modules/ds/audio/",
            //   preload: true,
            //   loop: false,
            //   multiplay: false,
            // });

            $(document).ready(function () {

                function cott_track_send() {

                    function init_read() {

                        const inboxMessages = $('.conversation-message__in.unread');
                        const send = new Array();

                        if(inboxMessages.length) {
                            inboxMessages.each((index, el) => {
                                let id = $(el).attr('data-mid');
                                $(el).removeClass('unread');
                                if(id) {
                                  send.push(id);
                                }
                            })

                            console.log(send);

                            if(send.length && IS_ACTIVE_DIALOG) {

                              $.post( "ajax/test.html", function( data ) {
                                  $( ".result" ).html( data );
                              });

                              $.post('api?method=track_read', { 'itemIds[]': send.join(''), 'dialogId': IS_ACTIVE_DIALOG }, function (resp) {
                                console.log(resp);
                              })

                            }

                        }

                    }

                    $('.messages_block_content').on('resize scroll load', function() {
                      init_read();
                    });

            }

            cott_track_send();
            });

            function cot_trackstack_update() {

              if(trackstack_last_send) {
                trackstack_last_send = false;

                var IS_ACTIVE_DIALOG_CHECKMSG = new Array();
                if(IS_ACTIVE_DIALOG > 0) {
                  $('.conversation-message.out.unread[data-mid]').each(function() {
                    IS_ACTIVE_DIALOG_CHECKMSG.push($(this).attr('data-mid'));
                  });
                }

                console.log(IS_ACTIVE_DIALOG_CHECKMSG);

                var onlineWidgetIds = new Array();
                if($('[data-is-online][data-user-id]').length > 0) {
                  $('[data-is-online][data-user-id]').each(function() {
                    onlineWidgetIds.push($(this).attr('data-user-id'));
                  });
                }

                $.get('api?method=track_stack&lastdate=' + trackstack_last_date
                    + '&IS_ORDER_PAGE=' + IS_ORDER_PAGE
                    + '&IS_ACTIVE_DIALOG=' + IS_ACTIVE_DIALOG
                    + '&IS_ACTIVE_DIALOG_CHECKMSG=' + IS_ACTIVE_DIALOG_CHECKMSG.join(',')
                    + '&ONLINE_WIDGET_IDS=' + onlineWidgetIds
                , function(data) {
                  console.log(data);
                  if(data.status == 'success') {
                    trackstack_notyplay = false;

                    trackstack_user_id = data.user_id;
                    trackstack_last_date = data.lastdate;

                    var _arr;

                    _arr = data.push.onlinewidget;
                    if(_arr.length > 0) {
                      for(i=0; i < _arr.length; i++) {
                        $('[data-is-online][data-user-id="' + _arr[i]['uid'] + '"]').each(function() {
                          $(this).attr('data-is-online', _arr[i]['online']).html('<i class="icon ico-' + (_arr[i]['online'] == 1 ? 'online' : ($(this).attr('data-darktheme') == 'true' ? 'offlineDark' : 'offline')) + '"></i>' + ($(this).attr('data-with-text') == 'true' ? (_arr[i]['online'] == 1 ? ' Онлайн' : ' Оффлайн' + (_arr[i]['last'] != '' ? ' (' + _arr[i]['last'] + ')' : '')) : ''));
                        });
                      }
                    }

                    if(IS_ORDER_PAGE > 0 && data.push.cntnew.order > 0) {
                      _arr = data.push.order;

                      if(_arr['tracks'].length > 0) {
                        for(i=0; i < _arr['tracks'].length; i++) {
                          if(_arr['tracks'][i]['mkt_id'] > 0 && $('#track-id-' + _arr['tracks'][i]['mkt_id']).length > 0) {
                            $('#track-id-' + _arr['tracks'][i]['mkt_id']).replaceWith(_arr['tracks'][i]['html']);
                          } else {
                            $('#tracks-wrapper').append(_arr['tracks'][i]['html']);
                          }
                          trackstack_notyplay = true;
                        }
                      }
                      if(_arr['hist'].length > 0) {
                        for(i=0; i < _arr['hist'].length; i++) {
                          if(_arr['hist'][i]['mkt_id'] > 0 && $('.track-order-state-history div[data-trackstatehist="' + _arr['hist'][i]['mkt_id'] + '"]').length > 0) {
                            $('.track-order-state-history div[data-trackstatehist="' + _arr['hist'][i]['mkt_id'] + '"]').replaceWith(_arr['hist'][i]['html']);
                          } else {
                            $('.track-order-state-history').append(_arr['hist'][i]['html']);
                          }
                          trackstack_notyplay = true;
                        }
                      }
                      if(typeof newContentProcess == "function") newContentProcess(document);
                    }

                    if(data.push.cnt.notify > 0) {
                      $('.js-notice-other').attr('data-active', data.push.cnt.notify).find('.massage_counter').html((data.push.cnt.notify > 10 ? '+' : data.push.cnt.notify)).show();
                      if(data.push.cnt.notify > 10) {
                        $('.js-notice-other .massage_counter').addClass('message_counter_warning');
                      } else {
                        $('.js-notice-other .massage_counter').removeClass('message_counter_warning');
                      }
                      $('.notify-number-block').html(data.push.cnt.notify).show();
                      $('#foxNotifBox_none .empty-notice-data').hide();

                      if(data.push.cntnew.notify > 0) {
                        _arr = data.push.notify;
                        for(i=0; i < _arr.length; i++) {
                          $('#foxNotifBox_none').prepend(_arr[i]);
                          //trackstack_notyplay = true;
                        }
                      }
                    } else {
                      $('.js-notice-other').attr('data-active', '0').find('.massage_counter').hide().removeClass('message_counter_warning');
                      $('.notify-number-block').hide();
                      $('#foxNotifBox_none').html(trackstack_cache['notify']);
                    }

                    if(IS_ACTIVE_DIALOG > 0) {
                      _arr = data.push.message;

                      if(_arr['msgs'].length > 0) {
                        var msgresults = $('#msgresults'),
                            msgresults_list = msgresults.find('.gig-reviews-list');
                        if(msgresults.hasClass('islastpage')) {
                          for(i=0; i < _arr['msgs'].length; i++) {
                              msgresults_list.append(_arr['msgs'][i]);
                          }
                          msgresults.stop().animate({
                              'scrollTop': msgresults.prop('scrollHeight')+1000
                            }, 500, 'swing', function () {
                          });
                        } else {
                          var newcntmsg = 0,
                              newcntmsgblock = $('div[data-newdialogmsg]').eq(0);
                          newcntmsg = (newcntmsgblock.attr('data-newdialogmsg')-0) + _arr['msgs'].length;
                          newcntmsgblock.attr('data-newdialogmsg', newcntmsg);
                          newcntmsgblock.html((newcntmsg > 0 ? '<a href="' + newcntmsgblock.attr('data-lastmsgurl') + '">Есть новые сообщения (' + newcntmsg + ')</a>' : ''));
                        }
                        trackstack_notyplay = true;
                      }
                      if(_arr['chk_msg'].length > 0) {
                        console.log(_arr['chk_msg']);
                        for(i=0; i < _arr['chk_msg'].length; i++) {
                          $('.conversation-message.out.unread[data-mid="' + _arr['chk_msg'][i] + '"]').removeClass('unread');//.find('a[data-deletemsg]').remove();
                        }
                      }
                    }

                    var dslistchat = $('#dslistchat');
                    if(dslistchat.length > 0) {
                      dslistchat.find('.bold').removeClass('bold');
                      dslistchat.find('.dialog-preview__new-count').remove();

                      if(data.push.message.dialogs.length > 0) {
                        _arr = data.push.message.dialogs;

                        var tmpchatlink,
                            forsupportpage = (dslistchat.attr('data-supportpage') == 'true');

                        for(i=0; i < _arr.length; i++) {
                          if((forsupportpage && _arr[i]['forsupportpage']) || (!forsupportpage && !_arr[i]['forsupportpage'])) {
                            tmpchatlink = dslistchat.find('[data-dslistchat="' + _arr[i]['dialog'] + '"]');
                            if(tmpchatlink.length > 0) {
                              tmpchatlink.remove();
                            }
                            dslistchat.prepend(_arr[i]['html']);
                            //trackstack_notyplay = true;
                          }
                        }

                      }
                    }

                    if(data.push.cnt.message > 0) {
                      $('.js-notice-inbox').attr('data-active', data.push.cnt.message).find('.massage_counter').html((data.push.cnt.message > 10 ? '+' : data.push.cnt.message)).show();
                      if(data.push.cnt.message > 10) {
                        $('.js-notice-inbox .massage_counter').addClass('message_counter_warning');
                      } else {
                        $('.js-notice-inbox .massage_counter').removeClass('message_counter_warning');
                      }
                      $('#foxMessageBox_none').html('');
                      $('.message-number-block').html(data.push.cnt.message).show();

                      _arr = data.push.message.notify;
                      for(i=0; i < _arr.length; i++) {
                        $('#foxMessageBox_none').prepend(_arr[i]);
                        //trackstack_notyplay = true;
                      }
                    } else {
                      $('.js-notice-inbox').attr('data-active', '0').find('.massage_counter').hide();
                      $('.message-number-block').hide();
                      $('#foxMessageBox_none').html(trackstack_cache['message']);
                    }
                    trackstack_last_send = true;

                    if(trackstack_notyplay && trackstack_notyplay_first) {
                      // ion.sound.play("incom_massage");
                    } else if(!trackstack_notyplay_first) {
                      trackstack_notyplay_first = true;
                    }
                  }
                }, 'json');
              }

            setTimeout(function() {
              if(trackstack_user_id != 0)
                cot_trackstack_update();
            }, 5000);
        }

        cot_trackstack_update();

        $(function() {
          trackstack_cache['notify'] = $('#foxNotifBox_none').html();
          trackstack_cache['message'] = $('#foxMessageBox_none').html();
          cot_trackstack_update();
        });

        </script>
    
        <script defer src="themes/itbirja/js/track/readTrackService.js" type="text/javascript"></script>
        <script defer src="modules/ds/js/ds.sendinbox.js" type="text/javascript"></script>
        <script defer src="modules/ds/js/ds.offer.js" type="text/javascript"></script>
    
        <script>
          var ordersBetweenUsers = {DS_MK_ORDERWITHUSER};
    
          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: {
                <!-- BEGIN: MARKET_PACKAGE -->
                "{PRD_ROW_ID}": {
                  standard: {
                    price: {PRD_ROW_PACKAGE_DATA.standard.price},
                    payerPrice: {PRD_ROW_PACKAGE_DATA.standard.payerPrice},
                    duration: {PRD_ROW_PACKAGE_DATA.standard.duration},
                  },
                  medium: {
                    price: {PRD_ROW_PACKAGE_DATA.medium.price},
                    payerPrice: {PRD_ROW_PACKAGE_DATA.medium.payerPrice},
                    duration: {PRD_ROW_PACKAGE_DATA.medium.duration},
                  },
                  premium: {
                    price: {PRD_ROW_PACKAGE_DATA.premium.price},
                    payerPrice: {PRD_ROW_PACKAGE_DATA.premium.payerPrice},
                    duration: {PRD_ROW_PACKAGE_DATA.premium.duration},
                  }
                 },
                <!-- END: MARKET_PACKAGE -->
              },
              maxDodjiCount: 10,
              multiDodjiRate: 1,
              comission: {MARKET_CRT},
              customMinPrice: 500,
              customMaxPrice: 50000,
              workerDefaultPrice: "{MARKET_WORKERPRICE}",
              payerDefaultPrice: "500.00",
              customPricesOptionsHtml: '{COSTPLANS_OPTIONS}'
          };
        </script>
        <!-- <div align="center" class="mb10">
          <div class="paging">
            <div class="p1">
              <ul>
                {PAGENAV_PREV}
                {PAGENAV_PAGES}
                {PAGENAV_NEXT}
              </ul>
            </div>
          </div>
        </div> -->
      </div>
    
      <script>
        // var pageq = ($('.paging ul li').eq(0).hasClass('prev') ? 1 : 0);
        // var newhref = $('.paging').eq(0).find('ul > li').eq(pageq).children().attr('href');
        // $('.paging ul').each(function() {
        //   $(this).find('li').eq(pageq).children().attr('href', newhref+'?d=1');
        // });
      </script>

      <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>
<!-- END: MAIN -->