<!-- BEGIN: MAIN -->
<script src="themes/itbirja/js/sL-plugin.min.js" type="text/javascript"></script>
<script src="themes/itbirja/js/chosen.jquery.min.js" type="text/javascript"></script>
<script src="themes/itbirja/js/libs/withinviewport.js" type="text/javascript"></script>
<script src="themes/itbirja/js/libs/jquery.withinviewport.min.js" type="text/javascript"></script>
<script src="themes/itbirja/js/pages/prd_new_edit.js" type="text/javascript"></script>
<script src="themes/itbirja/js/track/readTrackService.js" type="text/javascript"></script>
<script src="themes/itbirja/js/track/track.js" type="text/javascript"></script>
<script src="themes/itbirja/js/pages/add-files.js" type="text/javascript"></script>
<script src="themes/itbirja/js/jquery.imgareaselect.min.js" type="text/javascript"></script>

<script src="themes/itbirja/trumbowyg/trumbowyg.min.js"></script>
<script src="themes/itbirja/trumbowyg/langs/ru.min.js"></script>
<link rel="stylesheet" href="themes/itbirja/trumbowyg/ui/trumbowyg.min.css">
<script src="themes/itbirja/trumbowyg/plugins/colors/trumbowyg.colors.min.js"></script>
<link rel="stylesheet" href="themes/itbirja/trumbowyg/plugins/colors/ui/trumbowyg.colors.min.css">

<script>
  IS_ORDER_PAGE = {ORDER_ID};
  var Track = {
      "maxFileCount": 10,
      "maxFileSize": 6291456,
      "multiDodjiRate": 0.5,
      "isDodjiUser": false,
      "orderId": {ORDER_ID},
      "opponentId": {ORDER_CUSTOMER_ID},
      "inCancelRequest": false,
      "canWriteMessage": false,
      "isDoneConvAllow": true,
      "isArbitrageEnabled": true,
      "canWriteReview": false,
      "editTypeReview": "all",
      "deadline": {ORDER_DEADLINE.date},
      "hasCountbox": {ORDER_DEADLINE.hasCountbox},
      "canWriteToSeller": true,
      "canSendPortfolio": false,
      "canDeletePortfolio": false,
      "canReOrder": true,
      "isCancelRequest": false,
      "needHideAddExtrasList": true,
      "maxDodjiCount": 10,
      "actorType": "seller",
      "time": {PHP.sys.now}
  };
</script>
<div class="centerwrap clearfix pb20 mt20">
  <div class="contentArea pb0 bgWhite clearfix mb0">
    <div class="p15-20 white-bg-border track-head" style="border-bottom:none;padding-bottom:25px;">
      <div class="">
        <div class="mb15">
          <div class="m-text-center prd-image">
            <div class="prd-image__inner rounded" style="background-image:url(<!-- IF {ORDER_PRD_PHOTO_FIRST_CROP} -->{ORDER_PRD_PHOTO_FIRST_CROP}<!-- ELSE --><!-- IF {ORDER_CUSTOMER_AVATAR_SRC} -->{ORDER_CUSTOMER_AVATAR_SRC}<!-- ELSE -->themes/itbirja/files/avatar/big/noprofilepicture.gif<!-- ENDIF --><!-- ENDIF -->);"></div>
          </div>
          <h1 class="pl10" style="display: table-cell;vertical-align:middle;">
            <!-- IF {ORDER_PRD_ID} > 0 -->
              <a class="color-text break-word" href="{ORDER_PRD_URL}">{ORDER_TITLE}</a>
            <!-- ELSE -->
              <span class="color-text break-word">{ORDER_TITLE}</span>
            <!-- ENDIF -->
          </h1>
          <div class="m-visible mt15"></div>
        </div>
      </div>
      <div class="clear"></div>
      <div class="pull-left m-pull-reset bread-crump block-response w100p mr-150 mb25 mt5">
        <span class="select-none">
        <a href="{PHP|cot_url('plug', 'e=marketorders&m=purchases')}">Мои заказы</a>
        <img class="ml10 mr10" style="width:5px" src="themes/itbirja/images/arrow_right_gray.png" alt="">
        </span>
        Заказ №{ORDER_ID} &nbsp;
      </div>
      <div class="pull-right m-pull-reset color-gray mt5">{ORDER_PAID|cot_date('d.m.Y, в H:i', $this)}</div>
      <div class="clear"></div>
      <div id="order-data" class="info mt10">
        <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:40%;' 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:18%;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));">
                <!-- IF {ORDER_PRD_ID} > 0 -->{ORDER_PRD_SHORTTITLE}<!-- ELSE -->{ORDER_TITLE}<!-- ENDIF --><img src="themes/itbirja/images/arrow_right_blue.png" width="9" alt=""/>
                </span>
              </td>
              <td class="nowrap" style="text-align:right;padding:10px 20px">{ORDER_COUNT}</td>
              <td class="nowrap" style="text-align:right;padding:10px 20px">{ORDER_COSTPLAN.info.time|cot_declension($this, 'день,дня,дней')}</td>
              <td class="nowrap" style="text-align:right;padding:10px 20px;color:#009900;">
                <!-- IF {ORDER_COSTPLAN.info.price} > 0 -->
                {ORDER_COSTPLAN.info.price}&nbsp;<span class="rouble">Р</span>
                <!-- ENDIF -->
                <!-- IF {ORDER_COSTPLAN.info.price_dodji} > 0 -->
                  <!-- IF {ORDER_COSTPLAN.info.price} > 0 -->/<!-- ENDIF -->
                  {ORDER_COSTPLAN.info.price_dodji}&nbsp;<span class="rouble rouble-dodji">Р</span>
                <!-- ENDIF -->
              </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>
                  {ORDER_TEXT}
                </div>
                <br>
                <!-- IF {ORDER_COSTPLAN.extras.info.title} != '' -->
                  <div>
                    <span class="bold">Объем услуги при заказе {PHP|cot_sitename('gender_3')} {PHP|cot_sitename('padeg', 'r')}: </span>
                    {ORDER_COSTPLAN.extras.info.title}
                  </div>
                <!-- ENDIF -->
                <div class="mt10" onclick="hideDodjiDescription($(this));">
                  <a class="dib mt5 m-hidden" style="cursor:pointer;">
                  Свернуть<img src="themes/itbirja/images/arrow_right_blue.png" class="rotate180" width="9" alt=""/>
                  </a>
                </div>
              </td>
            </tr>
            <!-- BEGIN: ORDER_CP_ROW -->
            <tr class="option font-OpenSans">
              <td style="padding:10px 20px;width: 100%;" class="font-OpenSans break-word">
                {CP_ROW.name}
                <!-- IF {CP_ROW.type} == 'text' AND {CP_ROW.select} != '' -->
                  ({CP_ROW.select})
                <!-- ENDIF -->
              </td>
              <!-- IF {PHP.costplan.package} == 'single' OR {CP_ROW.opt_type} == 'custom_addextra' -->
                <td class="nowrap" style="text-align:right;padding:10px 20px">{CP_ROW.count}</td>
                <td class="nowrap" style="text-align:right;padding:10px 20px">{CP_ROW.time_format}</td>
                <td class="nowrap" style="text-align:right;padding:10px 20px;color:#009900;">
                  <!-- IF {CP_ROW.cost} > 0 -->
                    {CP_ROW.cost}&nbsp;<span class="rouble">Р</span>
                  <!-- ENDIF -->
                  <!-- IF {CP_ROW.cost_dodji} > 0 -->
                    <!-- IF {CP_ROW.cost} > 0 -->/<!-- ENDIF -->
                    {CP_ROW.cost_dodji}&nbsp;<span class="rouble rouble-dodji">Р</span>
                  <!-- ENDIF -->
                </td>
              <!-- ELSE -->
                <td class="nowrap" style="text-align:right;padding:10px 20px"></td>
                <td class="nowrap" style="text-align:right;padding:10px 20px"></td>
                <td style="text-align:right;padding:10px 20px;color:#009900;"></td>
              <!-- ENDIF -->
            </tr>
            <!-- END: ORDER_CP_ROW -->
            <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></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">{ORDER_COSTPLAN.itog.time|cot_declension($this, 'день,дня,дней')}</td>
              <td class="nowrap f14 font-OpenSansSemi p10 m-text-center t-align-c" style="padding:10px 0">
                <!-- IF {ORDER_COST} > 0 -->
                  <span class="f20" style="color:#009900;">
                    {ORDER_COST}&nbsp;<span class="rouble">Р</span>
                  </span>
                <!-- ENDIF -->
                <!-- IF {ORDER_COST_DODJI} > 0 -->
                  <!-- IF {ORDER_COST} > 0 --><br><!-- ENDIF -->
                  <span class="f20" style="color:#009900;">
                    {ORDER_COST_DODJI}&nbsp;<span class="rouble rouble-dodji">Р</span>
                  </span>
                <!-- ENDIF -->
              </td>
            </tr>
          </tbody>
        </table>
      </div>
      <div class="clear"></div>
    </div>
    <div class="waveborder bottom"></div>
    <div style="height:15px;background-color:#F6F6F6"></div>
    <div class="m-visible">
      <div class="sidebar-order-state p15-20 white-bg-border pt20">
        <div class="mb14">
          <i class="{ORDER_STATUSARR.icon} v-align-t mt5"></i>
          <h2 class="dib v-align-t ml10 w218 {ORDER_STATUSARR.color}">
            №{ORDER_ID}<br>
            <span class="track-order-state">
              {ORDER_STATUSARR.title}
              <!-- IF {ORDER_STATUSARR.hint} -->
                &nbsp;
                <span class="v-align-m tooltipster tooltip_circle tooltip_circle--light tooltip_circle--hover" data-tooltip-side="right" data-tooltip-text="{ORDER_STATUSARR.hint}">?</span>
              <!-- ENDIF -->
            </span>
          </h2>
        </div>
        <!-- IF {ORDER_DEADLINE.time} > 0 -->
        <i class="dib v-align-m icon-time ml5"></i>
        <span class="fs16 pl10 v-align-m color-light-green tooltipster" data-tooltip-side="right" data-tooltip-text="{ORDER_DEADLINE.hint}" data-orderdeadline="{ORDER_DEADLINE.time}">{ORDER_DEADLINE.ago}</span>
        <!-- ENDIF -->
      </div>
      <div class="bgLightGray p15-20">
        <div class="font-OpenSans">
          <div class="profile-info clearfix">
            <div class="profile-avatar-track">
              <a href="{ORDER_CUSTOMER_DETAILSLINK}">
              <img class="rounded" src="<!-- IF {ORDER_CUSTOMER_AVATAR_SRC} -->{ORDER_CUSTOMER_AVATAR_SRC}<!-- ELSE -->themes/itbirja/files/avatar/big/noprofilepicture.gif<!-- ENDIF -->" width="80" height="80" alt="">
              </a>
            </div>
            <div class="pull-left">
              <div class="user-info m-border-none mt0" style="max-width: 150px;">
                <div>
                  <b>Ваш покупатель</b>
                </div>
                <a class="mt6 mb4" href="{ORDER_CUSTOMER_DETAILSLINK}">{ORDER_CUSTOMER_NICKNAME}</a>
                <a href="{ORDER_CUSTOMER_DETAILSLINK}">{ORDER_CUSTOMER_FNAME}</a>
                <div class="f13 mt8 fw300 color-gray online-status">
                  <!-- IF {ORDER_CUSTOMER_ONLINE} == 1 -->
                  <i class="icon ico-online"></i>
                    Онлайн
                  <!-- ELSE -->
                    <i class="icon ico-offline"></i>
                    Оффлайн<!--<span class="f12">(7 часов)</span>-->
                  <!-- ENDIF -->
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div style="height:15px;background-color:#F6F6F6"></div>
    <div class="waveborder top"></div>
    <div id="step-block-order" class="step-block-order white-bg-border" style="border-top:none;">

      <!-- IF {MKTRACK_CNT} > 10 -->
      <div class="t-align-c pt20 pb20 show-track">
        Показаны 10 последних сообщений.&nbsp;<a role="button" class="show-track-action link">Показать все</a>
      </div>
      <div class="t-align-c pt20 pb20 show-track-hide hide">
        Показаны все сообщения.&nbsp;<a role="button" class="show-track-action-hide link">Свернуть</a>
      </div>
      <!-- ENDIF -->

      <div id="tracks-wrapper">
        <!-- BEGIN: MTK_ROW_DS -->
        <div id="track-id-0" class="step-block-order_item text_message<!-- IF {MKTRACK_CNT} > 10 --> hide<!-- ENDIF --><!-- IF {DS_ROW_JJ} > 1 --> hidable-message hide-by-conversation<!-- ENDIF --> <!-- IF {DS_ROW_USER_ID} == {PHP.dsfromid} -->out<!-- ELSE -->in<!-- ENDIF -->" data-track-id="0">
          <!-- IF {DS_ROW_JJ} == 1 -->
          <div style="text-align:center;font-weight:bold;">
            <a class="show-conversation link">
              Переписка, которая может относиться к заказу<img src="themes/itbirja/images/arrow_right_blue.png" width="9" alt="Развернуть" class="">
            </a>
          </div>
          <!-- ENDIF -->
          <div class="block-circle pull-left">
            <img 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" width="50" alt=""/>
          </div>
          <div class="font-OpenSans ml80">
            <div class="f14 color-gray mt3 floatright">{DS_ROW_DATE}</div>
            <div class="f16 pt10 font-OpenSans online-status">
              <span data-is-online="{DS_ROW_USER_ONLINE}" data-darktheme="true" data-user-id="{DS_ROW_USER_ID}">
                <i class="icon ico-<!-- IF {DS_ROW_USER_ONLINE} -->online<!-- ELSE -->offlineDark<!-- ENDIF -->"></i>
              </span>
              <span class="username f16">{DS_ROW_USER_NICKNAME}</span>
            </div>
          </div>
          <div class="clear"></div>

          <!-- 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.dsfromid} -->
                Покупатель {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>
          <!-- 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>
          <!-- ENDIF -->

          <!-- IF {DS_ROW_PRETEXT} -->
          <div class="font-OpenSans ml80 m-ml0 m-mt10">
            <div class="f15 breakwords">
              {DS_ROW_PRETEXT}
            </div>
          </div>
          <!-- ENDIF -->

          <div class="clear"></div>

          <div class="font-OpenSans ml80 m-ml0 m-mt10">
            <div class="f15 breakwords">
              {DS_ROW_TEXT}
            </div>
            <div class="track-files" 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>
            {DS_ROW_RESEND}
            <!-- IF {DS_ROW_MTYPE} == 1 -->
              Бюджет: <!-- IF {DS_ROW_MDATA.budget} --><b>{DS_ROW_MDATA.budget} <span class="rouble">Р</span></b><!-- ELSE -->не указан<!-- ENDIF --><br>
              Сроки: <!-- IF {DS_ROW_MDATA.prd_duration} --><b>{DS_ROW_MDATA.prd_duration}</b><!-- ELSE -->не указаны<!-- ENDIF --><br>
            <!-- ENDIF -->
          </div>
        </div>
        <!-- END: MTK_ROW_DS -->

        <!-- BEGIN: MKT_ROW_MAIN -->
        <!-- IF {MKT_CODE} == 'market_msg' -->
        <div<!-- IF {MKT_ID} > 0 --> id="track-id-{MKT_ID}"<!-- ENDIF --> class="step-block-order_item<!-- IF !{MKT_JJ_SHOW} --> hide<!-- ENDIF --> text_message<!-- IF {MKT_FRUSER} == {ORDER_SELLER_ID} --> out<!-- IF {MKT_MSG_EDITABLE} --> editable<!-- ENDIF --><!-- ELSE --> in<!-- ENDIF --><!-- IF !{MKT_STATUS} --> unread<!-- ENDIF -->" data-track-id="{MKT_ID}">
          <!-- IF {MKT_FRUSER} == {ORDER_CUSTOMER_ID} -->
          <div class="block-circle pull-left">
            <img class="rounded" width="50" src="<!-- IF {ORDER_CUSTOMER_AVATAR_SRC} -->{ORDER_CUSTOMER_AVATAR_SRC}<!-- ELSE -->themes/itbirja/files/avatar/big/noprofilepicture.gif<!-- ENDIF -->" alt="">
          </div>
          <div class="font-OpenSans ml80">
            <div class="f14 color-gray mt3 floatright">{MKT_DATE}</div>
            <div class="f16 pt10 font-OpenSans online-status">
              <i class="icon ico-{ORDER_CUSTOMER_ONLINEICO}"></i>
              <span class="username f16">{ORDER_CUSTOMER_NICKNAME}</span>
            </div>
          </div>
          <!-- ELSE -->
          <div class="block-circle pull-left">
            <img class="rounded" width="50" src="<!-- IF {ORDER_SELLER_AVATAR_SRC} -->{ORDER_SELLER_AVATAR_SRC}<!-- ELSE -->themes/itbirja/files/avatar/big/noprofilepicture.gif<!-- ENDIF -->" alt="">
          </div>
          <div class="font-OpenSans ml80">
            <div class="f14 color-gray mt3 floatright">{MKT_DATE}</div>
            <div class="f16 pt10 font-OpenSans online-status">
              <i class="icon ico-{ORDER_SELLER_ONLINEICO}"></i>
              <span class="username f16">{ORDER_SELLER_NICKNAME}</span>
            </div>
          </div>
          <!-- ENDIF -->
          <div class="clear"></div>
          <div class="font-OpenSans ml80 m-ml0 m-mt10">
            <div class="f15 breakwords">{MKT_JSON.msg}</div>
            <!-- IF {MKT_MAVATARS.MAVATARCOUNT} > 0 -->
            <div class="track-files">
              <!-- FOR {KEY}, {VAL} IN {MKT_MAVATARS.MAVATAR} -->
               <div class="mb5 file-item">
                <a href="{VAL.FILE}" target="_blank" class="dib color-text" style="width: calc(100% - 35px);">
                 <i class="ico-file-{VAL.FILEEXTICON} dib v-align-m"></i>
                 <span class="v-align-m ml10 mw80p dib">{VAL.FILEORIGNAME}.{VAL.FILEEXT}</span>
                </a>
                <!-- IF {MKT_FRUSER} == {ORDER_SELLER_ID} AND {MKT_MSG_EDITABLE} -->
                  <a href="" class="remove-file-link" onclick="deleteTrackFile($(this), {VAL.ID}, {MKT_ID});return false;"></a>
                <!-- ENDIF -->
               </div>
              <!-- ENDFOR -->
            </div>
            <!-- ENDIF -->
          </div>
        </div>
        <!-- ELSE -->
        <div<!-- IF {MKT_ID} > 0 --> id="track-id-{MKT_ID}"<!-- ENDIF --> class="step-block-order_item<!-- IF !{MKT_JJ_SHOW} --> hide<!-- ENDIF --><!-- IF {MKT_FRUSER} == {ORDER_SELLER_ID} --> out<!-- ELSE --> in<!-- ENDIF --><!-- IF !{MKT_STATUS} --> unread<!-- ENDIF -->" data-track-id="{MKT_ID}">
          <div class="f14 color-gray mt3 t-align-r">{MKT_DATE}</div>
          <div class="t-align-c">

            <!-- IF {MKT_CODE} == 'order_paid' -->
              <i class="ico-more-info"></i>
              <h3 class="track-green pt10 font-OpenSansSemi mb10">Создан новый заказ</h3>
              <div class="f15 mt15">Покупатель создал заказ</div>
            <!-- ENDIF -->

            <!-- IF {MKT_CODE} == 'cancel' -->
              <!-- IF {MKT_CODE_ORIG_IN_SELLERCANCEL_CODES} AND !{MKT_JSON.cancel_accept} -->
                <i class="ico-quest-red-info"></i>
              <!-- ELSE -->
                <i class="ico-close"></i>
                <script>
                  $('#track-form-ifnotcansel').hide();
                </script>
              <!-- ENDIF -->

              <h3 class="track-red pt10 font-OpenSansSemi mb10">{MKT_TEXT}</h3>
              <div class="f15 mt15"></div>
              <!-- IF {MKT_JSON.msg} -->
                <div class="f15 mt15">{MKT_JSON.msg}</div>
              <!-- ENDIF -->
              <!-- IF {MKT_CODE_ORIG_IN_SELLERCANCEL_CODES} -->
                <hr class="gray">
                <div class="db f12 color-gray v-align-m ml10 mt15">
                  <!-- IF !{MKT_JSON.cancel_accept} -->
                    Ожидаем подтверждение покупателя
                    <script>$(document).ready(function() { $('[data-trackstatehist="{MKT_ID}"] .track-history-desc').html('Предложение отмены заказа'); });</script>
                  <!-- ELSE -->
                    Покупатель вернул заказ в работу
                    <script>$(document).ready(function() { $('[data-trackstatehist="{MKT_ID}"] .track-history-desc').html('Покупатель вернул заказ в работу'); });</script>
                  <!-- ENDIF -->
                </div>
              <!-- ELSE -->
                <!-- IF {MKT_JSON.lowrating} > 0 -->
                  <div class="f15 mt15 track-red">Рейтинг ответственности продавца снижен <i>на {MKT_JSON.lowrating}</i></div>
                <!-- ELSE -->
                  <div class="f15 mt15">Отмена заказа не повлияла на рейтинг продавца</div>
                <!-- ENDIF -->
              <!-- ENDIF -->

              <!-- IF {MKT_JSON.can_arbitrage} == 1 AND {ORDER_ACCEPT} > 0 AND !{ORDER_DONE} AND !{ORDER_CLAIM} -->
                <div class="f15 mt15">Если вы выполнили работу в полном объеме, но покупатель отказывается принимать ее, вы можете обратиться в <a class="arbitrage-link" href="javascript:void(0)" data-track_type="to_arbitrage" data-order_id="{ORDER_ID}" data-track_id="{MKT_ID}" onclick="showArbitrageCheckPopupClick($(this));">Арбитраж</a></div>
              <!-- ENDIF -->
            <!-- ENDIF -->

            <!-- IF {MKT_CODE} == 'seller_accept_order' -->
              <i class="ico-check"></i>
              <h3 class="track-green pt10 font-OpenSansSemi mb10">Вы приняли заказ</h3>
              <!-- IF {PHP.queuemsg} -->
              <hr class="gray">
              <div class="db f12 color-gray v-align-m ml10 mt15">
                {PHP.queuemsg}
              </div>
              <!-- ENDIF -->
            <!-- ENDIF -->

            <!-- IF {MKT_CODE} == 'seller_start_order' -->
              <i class="ico-green-truck"></i>
              <h3 class="track-green pt10 font-OpenSansSemi mb10">В работе</h3>
              <div class="f15 mt15">Вы приступили к работе над заказом</div>
            <!-- ENDIF -->

            <!-- IF {MKT_CODE} == 'seller_to_arbitrage' OR {MKT_CODE} == 'payer_to_arbitrage' -->
              <i class="ico-quest-info"></i>
              <h3 class="track-orange pt10 font-OpenSansSemi">{MKT_TEXT}</h3>
              <!-- IF {MKT_JSON.msg} -->
              <div class="f15 mt15 t-align-l ml80 mb15 breakwords m-ml0">
                <i>{MKT_JSON.msg}</i>
              </div>
              <!-- ENDIF -->
              <!-- IF {MKT_MAVATARS.MAVATARCOUNT} > 0 -->
              <div class="f15 mt15 t-align-l ml80 mb15 breakwords m-ml0">
                <div class="track-files">
                  <!-- FOR {KEY}, {VAL} IN {MKT_MAVATARS.MAVATAR} -->
                   <div class="mb5 file-item">
                    <a href="{VAL.FILE}" target="_blank" class="dib color-text" style="width: calc(100% - 35px);">
                     <i class="ico-file-{VAL.FILEEXTICON} dib v-align-m"></i>
                     <span class="v-align-m ml10 mw80p dib">{VAL.FILEORIGNAME}.{VAL.FILEEXT}</span>
                    </a>
                    <!-- IF {MKT_FRUSER} == {ORDER_CUSTOMER_ID} AND {MKT_MSG_EDITABLE} -->
                      <a href="" class="remove-file-link" onclick="deleteTrackFile($(this), {VAL.ID}, {MKT_ID});return false;"></a>
                    <!-- ENDIF -->
                   </div>
                  <!-- ENDFOR -->
                </div>
              </div>
              <!-- ENDIF -->
            <!-- ENDIF -->

            <!-- IF {MKT_CODE} == 'seller_check_order' -->
              <i class="ico-green-box"></i>
              <h3 class="track-green pt10 font-OpenSansSemi">Заказ сдан на проверку</h3>
              <!-- IF {MKT_JSON.msg} -->
              <div class="f15 mt15 t-align-l ml80 mb15 breakwords m-ml0">
                <i>{MKT_JSON.msg}</i>
              </div>
              <!-- ENDIF -->
              <!-- IF {MKT_MAVATARS.MAVATARCOUNT} > 0 -->
              <div class="f15 mt15 t-align-l ml80 mb15 breakwords m-ml0">
                <div class="track-files">
                  <!-- FOR {KEY}, {VAL} IN {MKT_MAVATARS.MAVATAR} -->
                   <div class="mb5 file-item">
                    <a href="{VAL.FILE}" target="_blank" class="dib color-text" style="width: calc(100% - 35px);">
                     <i class="ico-file-{VAL.FILEEXTICON} dib v-align-m"></i>
                     <span class="v-align-m ml10 mw80p dib">{VAL.FILEORIGNAME}.{VAL.FILEEXT}</span>
                    </a>
                    <!-- IF {MKT_FRUSER} == {ORDER_CUSTOMER_ID} AND {MKT_MSG_EDITABLE} -->
                      <a href="" class="remove-file-link" onclick="deleteTrackFile($(this), {VAL.ID}, {MKT_ID});return false;"></a>
                    <!-- ENDIF -->
                   </div>
                  <!-- ENDFOR -->
                </div>
              </div>
              <!-- ENDIF -->
              <!-- IF {MKT_JSON.accept} == 0 -->
                <hr class="gray">
                <div class="f12 color-gray v-align-m ml10 t-align-l">Покупатель примет заказ или вернет его на доработку. Если в течение 3 дней покупатель не примет решение, заказ будет принят автоматически.</div>
              <!-- ENDIF -->
            <!-- ENDIF -->

            <!-- IF {MKT_CODE} == 'payer_reorder' -->
              <i class="ico-orange-box"></i>
              <h3 class="track-orange pt10 font-OpenSansSemi mb10">В работе</h3>
              <div class="f15 mt15">К сожалению, покупатель не принял сданную работу, а вернул ее на доработку. Пожалуйста, исправьте требования и сдайте заказ снова</div>
              <!-- IF {MKT_JSON.can_arbitrage} == 1 AND {ORDER_ACCEPT} > 0 AND !{ORDER_DONE} AND !{ORDER_CANCEL} AND !{ORDER_CLAIM} -->
                <div class="f15 mt15">Если вы выполнили работу в полном объеме, но покупатель отказывается принимать ее, вы можете обратиться в <a class="arbitrage-link" href="javascript:void(0)" data-track_type="to_arbitrage" data-order_id="{ORDER_ID}" data-track_id="{MKT_ID}" onclick="showArbitrageCheckPopupClick($(this));">Арбитраж</a></div>
              <!-- ENDIF -->
            <!-- ENDIF -->

            <!-- IF {MKT_CODE} == 'payer_done_order' -->
              <i class="ico-check"></i>
              <h3 class="track-green pt10 font-OpenSansSemi mb10">Заказ выполнен</h3>
              <div class="f15 mt15">
                <div class='f15 mt15'>
                  Поздравляем! Этот заказ выполнен. Вы можете продолжить общение с покупателем на <a href="{ORDER_CUSTOMER_ID|cot_url('ds', 'm=send&to='$this)}">странице диалога</a>
                  или перейти к <a href="manage_orders">своим заказам</a>
                </div>
                Покупатель проверил и принял работу
              </div>
            <!-- ENDIF -->

            <!-- IF {MKT_CODE} == 'auto_done_order' -->
              <i class="ico-check"></i>
              <h3 class="track-green pt10 font-OpenSansSemi mb10">Заказ выполнен</h3>
              <div class="f15 mt15">
                <div class='f15 mt15'>
                  Поздравляем! Этот заказ выполнен. (Завершен автоматически)
                </div>
              </div>
            <!-- ENDIF -->

            <!-- IF {MKT_CODE} == 'payer_addextras' -->
                <i class="ico-green-extras"></i>
                <h3 class="pt10 font-OpenSansSemi track-green">К заказу добавлены дополнительные опции</h3>
                <h3 class="pt10 font-OpenSansSemi fs15" style="font-weight: 400;">Покупатель оплатил следующие опции</h3>
              </div>
              <table style='width:100%;border-spacing:0px;border:1px solid #f0f0f0' class="mt10">
                <thead style="background-color:#f0f0f0;" class="font-OpenSansSemi">
                  <tr>
                    <td style="padding:10px 20px;width:54%;" 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:18%;padding:10px 10px;">Стоимость</td>
                  </tr>
                </thead>
                <tbody>
                  <!-- FOR {KEY}, {VAL} IN {MKT_JSON.selected} -->
                  <tr class="option font-OpenSans">
                    <td style="padding:10px 20px;">{VAL.name}</td>
                    <td class="ta-center">{VAL.count}</td>
                    <td class="ta-center">{VAL.time|cot_declension($this, 'день,дня,дней')}</td>
                    <td class="ta-center">
                      {VAL.payerPrice} &nbsp;<span class="rouble">Р</span>
                    </td>
                  </tr>
                  <!-- ENDFOR -->
                  <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></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">{MKT_JSON.totaltime|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;">
                      {MKT_JSON.totalcost} &nbsp;<span class="rouble">Р</span>
                      </span>
                    </td>
                  </tr>
                </tbody>
              </table>
              <div><!--FIX-->
            <!-- ENDIF -->

            <!-- IF {MKT_CODE} == 'seller_addextras' -->
                <i class="ico-green-extras"></i>
                <!-- IF {MKT_JSON.payed} > 0 -->
                  <h3 class="pt10 font-OpenSansSemi track-green">
                   К заказу добавлены дополнительные опции
                  </h3>
                  <h3 class="pt10 font-OpenSansSemi fs15" style="font-weight: 400;">Покупатель оплатил, предложенные вами, опции</h3>
                <!-- ELSE -->
                  <!-- IF {MKT_JSON.payed} == -1 -->
                    <h3 class="pt10 font-OpenSansSemi track-green">
                     Вы предложили добавить к заказу дополнительные опции
                    </h3>
                    <h3 class="pt10 font-OpenSansSemi fs15" style="font-weight: 400;">Покупатель отказался от вашего предложения</h3>
                  <!-- ELSE -->
                  <h3 class="pt10 font-OpenSansSemi track-green">
                    Вы предложили добавить к заказу дополнительные опции
                  </h3>
                  <!-- ENDIF -->
                <!-- ENDIF -->
                <h3 class="pt10 font-OpenSansSemi fs15" style="font-weight: 400;"><i>{MKT_JSON.msg}</i></h3>
              </div>
              <table style='width:100%;border-spacing:0px;border:1px solid #f0f0f0' class="mt10">
                <thead style="background-color:#f0f0f0;" class="font-OpenSansSemi">
                  <tr>
                    <td style="padding:10px 20px;width:54%;" 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:18%;padding:10px 10px;">Стоимость</td>
                  </tr>
                </thead>
                <tbody>
                  <!-- FOR {KEY}, {VAL} IN {MKT_JSON.selected} -->
                  <tr class="option font-OpenSans">
                    <td style="padding:10px 20px;">{VAL.name}</td>
                    <td class="ta-center">{VAL.count}</td>
                    <td class="ta-center">{VAL.time|cot_declension($this, 'день,дня,дней')}</td>
                    <td class="ta-center">
                      {VAL.payerPrice} &nbsp;<span class="rouble">Р</span>
                    </td>
                  </tr>
                  <!-- ENDFOR -->
                  <!-- FOR {KEY}, {VAL} IN {MKT_JSON.selected_custom} -->
                  <tr class="option font-OpenSans">
                    <td style="padding:10px 20px;">{VAL.name}</td>
                    <td class="ta-center">{VAL.count}</td>
                    <td class="ta-center">{VAL.time|cot_declension($this, 'день,дня,дней')}</td>
                    <td class="ta-center">
                      {VAL.payerPrice} &nbsp;<span class="rouble">Р</span>
                    </td>
                  </tr>
                  <!-- ENDFOR -->
                  <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></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">{MKT_JSON.totaltime|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;">
                      {MKT_JSON.totalcost} &nbsp;<span class="rouble">Р</span>
                      </span>
                    </td>
                  </tr>
                </tbody>
              </table>
              <div><!--FIX-->
            <!-- ENDIF -->

            <!-- IF {MKT_CODE} == 'market_fmsg' -->
              <i class="ico-more-info"></i>
              <h3 class="track-green pt10 font-OpenSansSemi mb10">Получена информация от покупателя</h3>
              <div class="f15 mt15">
                Покупатель следовал вашим инструкциям. Если отправленной информации недостаточно, уточните ее, отправив сообщение покупателю.<br>
                <!-- IF !{ORDER_DONE} AND !{ORDER_CANCEL} AND !{ORDER_CLAIM} -->
                  <!-- IF !{ORDER_ACCEPT} -->
                    Уведомьте покупателя о том, что вы можете выполнить заказ, нажав кнопку<br>"Принять заказ"
                  <!-- ELSE -->
                    <!-- IF !{ORDER_START} -->
                      Уведомьте покупателя о том, что приступили к работе, нажав кнопку<br>"Приступить к работе"
                    <!-- ENDIF -->
                  <!-- ENDIF -->
                <!-- ENDIF -->
                <!-- IF {MKT_TEXT} -->
                <hr class="gray">
                <div class="db f12 color-gray v-align-m ml10 mt15">
                  {MKT_TEXT}
                </div>
                <!-- ENDIF -->
              </div>
            <!-- ENDIF -->

            <!-- IF {MKT_CODE} == 'add_phases' -->
              <i class="ico-quest-info"></i>
              <h3 class="track-green pt10 font-OpenSansSemi mb10">Этапы заказа</h3>
              <div class="mt15">
                <link rel="stylesheet" href="themes/itbirja/css/pages/phases.css" type="text/css"/>
                <script src="themes/itbirja/js/pages/phases.js" type="text/javascript"></script>
                <table class="phases phases_show js-phases-wrap-show">
                  <col width="40"/>
                  <col width="auto"/>
                  <col width="262"/>
                  <thead>
                    <tr>
                      <th></th>
                      <th>Название этапа</th>
                      <th>Прогресс</th>
                    </tr>
                  </thead>
                  <tbody>
                    <!-- FOR {KEY}, {VAL} IN {ORDER_STEPS} -->
                    <tr class="js-phases-item" data-index="{KEY}" data-progress="{VAL.lprc}">
                      <td>{KEY|cot_mk_step_plus_one($this)}.</td>
                      <td class="phase_name">
                        <span class="js-phases-name">{VAL.title}</span>
                      </td>
                      <td class="phases__loadbar">
                        Прогресс <span class="current-percent-value">{VAL.lprc}</span>%
                        <span class="<!-- IF !{ORDER_STEPS_LOCK} -->phases__progress<!-- ENDIF -->tooltipster" data-tooltip-text="Каждый день вы сможете менять прогресс заказа.">
                          <ul class="loadbar<!-- IF !{ORDER_STEPS_LOCK} AND {ORDER_DATA_CANSETSTEPS_SELLER} --> enable<!-- ENDIF -->">
                           <!-- FOR {CKEY}, {CVAL} IN {VAL.changes} -->
                            <li>
                              <div data-track-id="{MKT_ID}" data-report-id="{CVAL.r}" title="{CVAL.m}" data-value="{CKEY}" data-progressindex="{KEY}" class="progress-bar<!-- IF {CVAL.v} OR {CKEY} == 0 --> progress-bar-fill min-active-value<!-- ENDIF -->"></div>
                            </li>
                           <!-- ENDFOR -->
                          </ul>
                        </span>
                      </td>
                    </tr>
                    <!-- ENDFOR -->
                    <!-- IF {ORDER_DATA_CANEDITSTEPS_SELLER} -->
                    <tr>
                      <td colspan="3" class="phases__footer">
                        <span class="phases__button phases__button-edit js-phases-edit">
                        <img src="themes/itbirja/images/edit-icon.png" alt="Редактировать этапы" width="18" height="18">
                        <span>Редактировать этапы</span>
                        </span>
                        <span class="tooltipster dib ml5" data-tooltip-text="Этапы можно редактировать в любое время">
                        <span class="tooltip_circle tooltip_circle--light tooltip_circle--hover">?</span>
                      </td>
                    </tr>
                    <!-- ENDIF -->
                    <!-- IF {ORDER_DATA_CANSETSTEPS_SELLER} -->
                    <tr id="track-inprogress_report" style="display: none;">
                      <td colspan="3" class="phases__footer" style="border: 0;">
                        <h3>Отправить отчет покупателю</h3>
                        <form action="/send_mk" method="post">
                          <input type="hidden" name="orderId" value="{ORDER_ID}">
                          <input type="hidden" name="action" value="inprogress_report">
                          <!-- FOR {KEY}, {VAL} IN {ORDER_STEPS} -->
                            <input type="hidden" name="steps[{KEY}]" value="{VAL.lprc}" data-defaulsteptval="{VAL.lprc}" />
                          <!-- ENDFOR -->
                          <textarea id="message_body" maxlength="300" name="comment" class="control-en styled-input db wMax mh115 mt20 js-stopwords-check" required placeholder="Комментарий к отчету"></textarea>
                          <div class="clear"></div>
                          <input type="submit" class="hugeGreenBtn hoverMe GreenBtnStyle h50 w210 mt20 pull-reset btn-disable-toggle" value="Отправить">
                        </form>
                      </td>
                    </tr>
                    <!-- ENDIF -->
                  </tbody>
                </table>
                <!-- IF {ORDER_DATA_CANEDITSTEPS_SELLER} -->
                <table class="phases phases_edit js-phases-wrap-edit" data-track-id="{MKT_ID}" data-order-id="{ORDER_ID}" style="display: none;">
                  <col width="auto"/>
                  <col width="28"/>
                  <tr class="js-phases-item">
                    <td>
                      <input class="styled-input" type="text" name="phases[]" value="" maxlength="30" placeholder="1-ый этап работы"/>
                    </td>
                    <td></td>
                  </tr>
                  <tr class="js-phases-item">
                    <td>
                      <input class="styled-input" type="text" name="phases[]" value="" maxlength="30" placeholder="2-ой этап работы"/>
                    </td>
                    <td></td>
                  </tr>
                  <tr class="js-phases-item" style="display: none;">
                    <td>
                      <input class="styled-input" type="text" name="phases[]" value="" maxlength="30" placeholder="3-ий этап работы"/>
                    </td>
                    <td>
                      <img class="phases__remove js-phases-remove" src="themes/itbirja/images/cancel_2.png" alt="Удалить этап" title="Удалить этап" width="18" height="18">
                    </td>
                  </tr>
                  <tr class="js-phases-item" style="display: none;">
                    <td>
                      <input class="styled-input" type="text" name="phases[]" value="" maxlength="30" placeholder="4-ый этап работы"/>
                    </td>
                    <td>
                      <img class="phases__remove js-phases-remove" src="themes/itbirja/images/cancel_2.png" alt="Удалить этап" title="Удалить этап" width="18" height="18">
                    </td>
                  </tr>
                  <tr class="js-phases-item" style="display: none;">
                    <td>
                      <input class="styled-input" type="text" name="phases[]" value="" maxlength="30" placeholder="5-ый этап работы"/>
                    </td>
                    <td>
                      <img class="phases__remove js-phases-remove" src="themes/itbirja/images/cancel_2.png" alt="Удалить этап" title="Удалить этап" width="18" height="18">
                    </td>
                  </tr>
                  <tr>
                    <td colspan="3" class="phases__footer">
                      <span class="phases__button js-phases-add">
                      <img src="themes/itbirja/images/plus.png" alt="Добавить этап" width="18" height="18">&nbsp;&nbsp;Добавить этап
                      </span>
                      <span class="phases__button ml15 js-phases-cancel">
                      <img src="themes/itbirja/images/cancel_2.png" alt="Отмена" width="18" height="18">&nbsp;&nbsp;Отмена
                      </span>
                      <button class="green-btn noOutline ml15 js-phases-save" type="button">Сохранить этапы</button>
                    </td>
                  </tr>
                </table>
                <!-- ENDIF -->
              </div>
            <!-- ENDIF -->

            <!-- IF {MKT_CODE} == 'report_phases' -->
                <i class="ico-quest-info"></i>
                <h3 class="track-green mb15 pt10 font-OpenSansSemi">Промежуточный отчет продавца</h3>
                <!-- FOR {CKEY}, {CVAL} IN {MKT_JSON.changes} -->
                <div class="mb15 breakwords m-ml0">
                  <div class="mt10">
                    {CVAL.title}
                    <b>
                      <span class="current-percent-value">{CVAL.val}</span>
                      %&nbsp;
                    </b>
                  </div>
                  <ul class="loadbar">
                    <!-- FOR {JKEY}, {JJ} IN {CVAL.changes_main} -->
                      <li>
                        <div data-track-id="{MKT_CODE}" data-value="{JKEY}" title="{JKEY}%" class="progress-bar min-active-value<!-- IF {JKEY} <= {CVAL.val} --> progress-bar-fill<!-- ENDIF -->"></div>
                      </li>
                    <!-- ENDFOR -->
                  </ul>
                </div>
                <!-- ENDFOR -->
              <!-- IF {MKT_JSON.msg} -->
              </div>
                <div class="f15 mt15 t-align-c">{MKT_JSON.msg}</div>
              <div><!--FIX-->
              <!-- ENDIF -->
            <!-- ENDIF -->

            <!-- IF {MKT_CODE} == 'arbitrage_result' -->
              <!-- IF {MKT_JSON.status} == 'start' -->
                <i class="ico-orange-box"></i>
                <h3 class="track-orange pt10 font-OpenSansSemi mb10">В работе</h3>
              <!-- ENDIF -->
              <!-- IF {MKT_JSON.status} == 'cancel' OR {MKT_JSON.status} == 'close' -->
                <i class="ico-close"></i>
                <h3 class="track-red pt10 font-OpenSansSemi mb10">Заказ отменен</h3>
              <!-- ENDIF -->
              <!-- IF {MKT_JSON.status} == 'done' -->
                <i class="ico-check"></i>
                <h3 class="track-green pt10 font-OpenSansSemi mb10">Заказ выполнен</h3>
              <!-- ENDIF -->

              <!-- IF {MKT_JSON.status} == 'cancel' OR {MKT_JSON.status} == 'close' OR {MKT_JSON.status} == 'done' -->
              <script>
                $('#track-form-ifnotcansel').hide();
              </script>
              <!-- ENDIF -->

              <div class="f15 mt15">
                {MKT_TEXT}<!-- IF {MKT_JSON.msg} -->: <span class="f15 italic">{MKT_JSON.msg}</span><!--  ENDIF -->
              </div>

              <!-- IF {MKT_JSON.payreturn.to_payer} > 0 OR {MKT_JSON.payreturn.to_seller} > 0 OR {MKT_JSON.chg_lowrating} OR {MKT_JSON.del_reviews} -->
                <div class="alert alert-warning t-align-l mt10">
                  <b>Внимание!</b>
                  <!-- IF {MKT_JSON.payreturn.to_payer} > 0 -->
                    <br>Сумма в размере {MKT_JSON.payreturn.to_payer} <span class="rouble">Р</span> была возвращена покупателю.
                  <!-- ENDIF -->
                  <!-- IF {MKT_JSON.payreturn.to_seller} > 0 -->
                    <br>Сумма в размере {MKT_JSON.payreturn.to_seller} <span class="rouble">Р</span> была возвращена продавцу.
                  <!-- ENDIF -->
                  <!-- IF {MKT_JSON.chg_lowrating} -->
                    <br>Рейтинг продавца изменен на <i>{MKT_JSON.val_lowrating}</i>.
                  <!-- ENDIF -->
                  <!-- IF {MKT_JSON.del_reviews} -->
                    <br>Отзыв продавца был удален.
                  <!-- ENDIF -->
                </div>
              <!-- ENDIF -->
            <!-- ENDIF -->

          </div>
        </div>
        <!-- ENDIF -->
        <!-- END: MKT_ROW_MAIN -->

        <!-- IF {ORDER_DATA_CANADDSTEPS_SELLER} -->
        <div class="step-block-order_item">
          <div class="f14 color-gray mt3 t-align-r"></div>
          <div class="t-align-c">
            <i class=""></i>
            <h3 class="track-green pt10 font-OpenSansSemi mb10">Рекомендация: разбейте заказ на этапы</h3>
            <div class="f15 mt15">
              <script>
                function showPhasesExample() {
                  var content = '<h2 style="margin: 0 0 15px;">Примеры</h2>' + '<h3 style="margin: 0 0 15px;">Кворк: «Разработка видеоролика»</h3>' + '<ol style="margin: 0 0 15px;">' + '    <li>Сценарий видеоролика</li>' + '    <li>Выбор стиля и персонажей</li>' + '    <li>Запись озвучки</li>' + '    <li>Монтаж видео</li>' + '</ol>' + '<h3 style="margin: 0 0 15px;">Кворк: «Разработка мобильного приложения под Android»</h3>' + '<ol style="margin: 0;">' + '    <li>Прототип</li>' + '    <li>Дизайн</li>' + '    <li>Разработка</li>' + '    <li>Тестирование</li>' + '    <li>Публикация в Google Play</li>' + '</ol>';
                  show_popup(content);
                }
              </script>
              Рекомендуем разбивать заказы длительностью от 3 дней на этапы. Покупатель будет видеть поэтапный прогресс вашей работы. Это повышает его удовлетворенность и шанс на получение хорошего отзыва.
              <a href="javascript:showPhasesExample();">Примеры</a>
            </div>
            <div class="mt15">
              <link rel="stylesheet" href="themes/itbirja/css/pages/phases.css" type="text/css"/>
              <script src="themes/itbirja/js/pages/phases.js" type="text/javascript"></script>
              <table class="phases phases_show js-phases-wrap-show" style="display: none;">
                <col width="40"/>
                <col width="auto"/>
                <col width="262"/>
                <thead>
                  <tr>
                    <th></th>
                    <th>Название этапа</th>
                    <th>Прогресс</th>
                  </tr>
                </thead>
                <tbody>
                  <tr>
                    <td colspan="3" class="phases__footer">
                      <span class="phases__button phases__button-edit js-phases-edit">
                      <img src="themes/itbirja/images/edit-icon.png" alt="Редактировать этапы" width="18" height="18">
                      <span>Редактировать этапы</span>
                      </span>
                      <span class="tooltipster dib ml5" data-tooltip-text="Этапы можно редактировать в любое время">
                      <span class="tooltip_circle tooltip_circle--light tooltip_circle--hover">?</span>
                      <button class="green-btn noOutline ml15 js-phases-save" type="button">Сохранить прогресс</button>
                      <img class="phases__ok js-phases-ok" style="display: none;" src="themes/itbirja/images/greengalka.png" alt="Сохранено" title="Сохранено" width="17" height="15">
                    </td>
                  </tr>
                </tbody>
              </table>
              <table class="phases phases_edit js-phases-wrap-edit" data-track-id="0" data-order-id="{ORDER_ID}">
                <col width="auto"/>
                <col width="28"/>
                <tr class="js-phases-item">
                  <td>
                    <input class="styled-input" type="text" name="phases[]" value="" maxlength="30" placeholder="1-ый этап работы"/>
                  </td>
                  <td></td>
                </tr>
                <tr class="js-phases-item">
                  <td>
                    <input class="styled-input" type="text" name="phases[]" value="" maxlength="30" placeholder="2-ой этап работы"/>
                  </td>
                  <td></td>
                </tr>
                <tr class="js-phases-item" style="display: none;">
                  <td>
                    <input class="styled-input" type="text" name="phases[]" value="" maxlength="30" placeholder="3-ий этап работы"/>
                  </td>
                  <td>
                    <img class="phases__remove js-phases-remove" src="themes/itbirja/images/cancel_2.png" alt="Удалить этап" title="Удалить этап" width="18" height="18">
                  </td>
                </tr>
                <tr class="js-phases-item" style="display: none;">
                  <td>
                    <input class="styled-input" type="text" name="phases[]" value="" maxlength="30" placeholder="4-ый этап работы"/>
                  </td>
                  <td>
                    <img class="phases__remove js-phases-remove" src="themes/itbirja/images/cancel_2.png" alt="Удалить этап" title="Удалить этап" width="18" height="18">
                  </td>
                </tr>
                <tr class="js-phases-item" style="display: none;">
                  <td>
                    <input class="styled-input" type="text" name="phases[]" value="" maxlength="30" placeholder="5-ый этап работы"/>
                  </td>
                  <td>
                    <img class="phases__remove js-phases-remove" src="themes/itbirja/images/cancel_2.png" alt="Удалить этап" title="Удалить этап" width="18" height="18">
                  </td>
                </tr>
                <tr>
                  <td colspan="3" class="phases__footer">
                    <span class="phases__button js-phases-add">
                    <img src="themes/itbirja/images/plus.png" alt="Добавить этап" width="18" height="18">&nbsp;&nbsp;Добавить этап
                    </span>
                    <button class="green-btn noOutline ml15 js-phases-save" type="button">Сохранить этапы</button>
                  </td>
                </tr>
              </table>
            </div>
          </div>
        </div>
        <!-- ENDIF -->

        <!-- IF {ORDER_REVIEW.item_id} -->
        <div class="step-block-order_item<!-- IF !{ORDER_REVIEW.item_status} --> unread<!-- ENDIF -->" data-track-id="0">
          <div class="f14 color-gray mt3 t-align-r">{ORDER_REVIEW.item_date|cot_date('d M, в H:i', $this)}</div>
          <div class="t-align-c">
            <i class="ico-reating-<!-- IF {ORDER_REVIEW.item_score} -->good<!-- ELSE -->bad<!-- ENDIF -->"></i>
            <h3 class="pt10 font-OpenSansSemi track-<!-- IF {ORDER_REVIEW.item_score} -->green<!-- ELSE -->red<!-- ENDIF -->">Отзыв по заказу</h3>
            <div class="f15 mt15">
              {ORDER_CUSTOMER_NICKNAME} оставил <!-- IF {ORDER_REVIEW.item_score} -->положительный<!-- ELSE -->отрицательный<!-- ENDIF --> отзыв по этому заказу
              <br>
              <i>{ORDER_REVIEW.item_text|cot_mk_msg_html($this)}</i>
            </div>
          </div>
        </div>
          <!-- IF {ORDER_REVIEW_ANSWER.item_id} -->
          <div class="step-block-order_item" data-track-id="0">
            <div class="f14 color-gray mt3 t-align-r">{ORDER_REVIEW_ANSWER.item_date|cot_date('d M, в H:i', $this)}</div>
            <div class="t-align-c">
              <i class="ico-reating-<!-- IF {ORDER_REVIEW_ANSWER.item_score} -->good<!-- ELSE -->bad<!-- ENDIF -->"></i>
              <h3 class="pt10 font-OpenSansSemi track-<!-- IF {ORDER_REVIEW_ANSWER.item_score} -->green<!-- ELSE -->red<!-- ENDIF -->">Ответ на отзыв</h3>
              <div class="f15 mt15">
                Вы оставили ответ на отзыв по этому заказу<br>
                <i>{ORDER_REVIEW_ANSWER.item_text|cot_mk_msg_html($this)}</i>
              </div>
              <a class="f14 dib mt10 prd-rating-comment-edit__link" href="javascript:void(0);">Редактировать ответ</a>
              <div class="bgLightGray mt15" style='display: none'>
                <form action="/send_mk" method="post" class="rating_comment">
                  <div class="rating-block-review p15-20-0-20">
                    <div class="rating-block-review_good<!-- IF {ORDER_REVIEW_ANSWER.item_score} --> active<!-- ENDIF -->"></div>
                    <div class="rating-block-review_bad<!-- IF !{ORDER_REVIEW_ANSWER.item_score} --> active<!-- ENDIF -->"></div>
                  </div>
                  <input type="hidden" name="orderId" value="{ORDER_ID}">
                  <input type="hidden" name="action" value="rating_comment_update">
                  <input type="radio" class="hide" name="vote" id="rating-block-review_good-js" value="1"<!-- IF {ORDER_REVIEW.item_score} --> checked<!-- ENDIF -->>
                  <input type="radio" class="hide" name="vote" id="rating-block-review_bad-js" value="0"<!-- IF !{ORDER_REVIEW.item_score} --> checked<!-- ENDIF -->>
                  <textarea id="message_body" maxlength="300" name="comment" class="control-en styled-input db wMax mh115 mt20 js-stopwords-check" required placeholder="Текст отзыва">{ORDER_REVIEW_ANSWER.item_text}</textarea>
                  <div class="clear"></div>
                  <input type="submit" class="hugeGreenBtn hoverMe GreenBtnStyle h50 w210 mt20 pull-reset btn-disable-toggle" value="Редактировать">
                </form>
              </div>
            </div>
          </div>
          <!-- ENDIF -->
        <!-- ENDIF -->

      </div>
    </div>
    <script>
      var trackFormHash = '{PHP.sys.xk}';
    </script>
    <div id="track-form">
      <script>
        var cancelReasons = {
          <!-- FOR {KEY}, {VAL} IN {ORDER_DATA_CANSELRESONS} -->
            "{KEY}": {
                "name": "{VAL.name}",
                "track_status": "{VAL.track_status}",
                "tooltip": "{VAL.tooltip}"
            },
          <!-- ENDFOR -->
        };
        var options = [{
            "id": "{CP_ROW.id}",
            "priceWithComission": 400,
            "priceWithComissionStr": "400 ggg \u0440\u0443\u0431",
            "duration": 10
        }];
        var optionPrices = [
          <!-- IF {PHP.costplans_prices|is_array($this)} -->
            <!-- FOR {KEY}, {VAL} IN {PHP.costplans_prices} -->
            {
              "id": {KEY},
              "priceWithComission": {VAL},
              "priceWithComissionStr": "{VAL} \u0420"
            },
            <!-- ENDFOR -->
          <!-- ENDIF -->
        ];
      </script>
      <!-- форма сообщения и кнопок -->
      <a class="message-form-anchor"></a>
      <!-- IF {ORDER_STATUS} != 'cancel' AND {ORDER_STATUS} != 'done' -->
      <div id="track-form-ifnotcansel" class="p15-20 white-bg-border js-comment-box">
        <div class="btn-group track-page-group-btn dib mb10">
          <!-- IF 1 == 2 -->
          <div class="green-btn js-toggle-message-button sx-wMax mr20 pull-left hidden" data-form="send-message-js">Написать сообщение</div>
          <div class="orange-btn js-toggle-message-button inactive sx-wMax hidden" data-form="pass-work-js">Сдать выполненную работу</div>
          <!-- ENDIF -->
        </div>
        <div class="pull-right f14" style="margin-bottom:8px;">
          <div class="font-OpenSans t-align-r">{ORDER_CUSTOMER_NICKNAME}</div>
          <div style="color:grey;" class="font-OpenSansLight online-status">
            <!-- IF {ORDER_CUSTOMER_ONLINE} == 1 -->
              <i class="icon ico-online"></i>
              Онлайн
            <!-- ELSE -->
              <i class="icon ico-offline"></i>
              Оффлайн
            <!-- ENDIF -->
          </div>
        </div>
        <div class="clear"></div>

        <form action="send_mk" name="textmessage" enctype="multipart/form-data" id="form_pass_work" class="track-form-js send-message-js" method="post" onsubmit="return TrackUtils.defSubmitPassWorkForm();">
          <textarea id="message_body1" name="message" class="control-en js-alt-send styled-input db wMax f14 mh145 mt15 noBottomLeftRadius noBottomRightRadius js-stopwords-check js-stopwords-check-warning" required style="overflow:auto;"></textarea>
          <input type="hidden" name="message_send_ajax" id="message_send_ajax" value="1"/>

          <!-- BEGIN: CP_NINORD -->
          <div id="suggestExtras">
            <div class="pt5 pb5 pr10" style="background-color:#f0f0f0;cursor:pointer;">
              <span class="pull-right" onclick="suggestOptionsToggle($(this));">
                <img src="themes/itbirja/images/plus.png" width="18" height="18" class="icon v-align-m mr5 active" id="show" alt="">
                <img src="themes/itbirja/images/cancel_2.png" width="18" height="18" class="icon v-align-m mr5" id="hide" style="display:none;" alt="">
                Предложить опции
              </span>
              <div class="clearfix"></div>
            </div>
            <div class="options" style="display:none;">
              <div style='width:100%;border-spacing:0px;border:1px solid #f0f0f0;box-sizing:border-box;'>
                <!--<input type="hidden" id="newe1878441" value="500"/>-->
                <div style="background: #fafafa none repeat scroll 0 0;" id="addextras" class="block-state-active">
                  <div class="order-extras pb10" id="newextrachecks">
                    <ul class="order-extras-list order-extras-list-bottom track-extras-list extra-block-js" id="foxPostForm">
                      <!-- BEGIN: ORDER_CP_NINORD_ROW -->
                      <li class="order-extra-item" data-id="{CP_ROW.id}">
                        <input class="styled-checkbox" data-price-worker="{CP_ROW.cost_seller}" data-price="{CP_ROW.cost}" data-time="{CP_ROW.time}" data-id="{CP_ROW.id}" name="gextras[]" type="checkbox" value="{CP_ROW.id}">
                        <label for="order-extras_{CP_ROW.id}" class="w460 mb0">{CP_ROW.name}</label>
                        <div class="order-extras__select-block">
                          <select class="floatright h25 styled" id="extra_count{CP_ROW.id}" name="extra_count{CP_ROW.id}">
                            {CP_ROW.priceselect}
                          </select>
                          <script>
                            $('#extra_count{CP_ROW.id}').chosen({
                                width: "108px",
                                disable_search: true
                            });
                          </script>
                        </div>
                      </li>
                      <!-- END: ORDER_CP_NINORD_ROW -->
                    </ul>
                    <a id="add-custom-option" class="cur pl10" href="javascript:void(0);">Добавить еще опцию</a>
                  </div>
                  <div style="right:-282px;top:-38px;" class="block-state-active_tooltip">Стоимость опций указана с учетом комиссии системы. Покупатель увидит большие суммы. Например, вместо {MK_COST_CTR_SIMPLE} руб. у покупателя отобразится 500 руб.</div>
                </div>
              </div>
            </div>
          </div>
          <!-- END: CP_NINORD -->

          <input type="hidden" class="js-send-message-action" name="action" id="fm_pass_action" value="text"/>
          <input type="hidden" name="orderId" value="{ORDER_ID}" id="fm_pass_orderId"/>
          <div class="clear"></div>
          <div class=block-state-active>
            <div id="list-files1" class="mt10"></div>
            <progress max="100" value="0" class="hidden" style="width:100%;"></progress>
            <div class="dialog__files mt10">
              <div id="load-files" class="add-files">
               <!-- IF {MKT_FORM_MAVATARS.MAVATARCOUNT} > 0 -->
                <!-- FOR {KEY}, {VAL} IN {MKT_FORM_MAVATARS.MAVATAR} -->
                  <div class="file-item file-uploader__item" id="mavpreloadfile_{VAL.ID}">
                    <i class="file-item__ext ico-file-{VAL.FILEEXTICON}"></i>
                    <span class="file-item__name" style=" width: calc(100% - 75px);">{VAL.FILEORIGNAME}.{VAL.FILEEXT}</span>
                    <a class="file-item__action" data-filedelid="{VAL.ID}" onclick="deleteTrackFileCallback({id: {VAL.ID}}, function(){ $('#mavpreloadfile_{VAL.ID}').remove(); })">
                      <i class="file-item__action-ico"></i>
                    </a>
                  </div>
                <!-- ENDFOR -->
               <!-- ENDIF -->
              </div>
            </div>
            <div class="block-state-active_tooltip block-help-image-js" style="right:-280px; top: -60px;">На сайте есть ограничение на размер каждого файла: 6Мб. Всё, что больше, можно заливать в любое облако и добавлять ссылку в сообщение.</div>
          </div>
          <div class="clear"></div>
          <div class="pt10">
            <input id="track-send-message-button" type="button" style="display:none;" class="btn-track green-btn floatleft mr2" value="Отправить сообщение">

            <!-- IF {ORDER_STATUS} != 'cancel' AND {ORDER_STATUS} != 'claim' AND !{ORDER_CANCEL_PERF} -->
              <!-- IF !{ORDER_CANCEL} AND !{ORDER_ACCEPT} -->
              <div>
                <!-- IF {ORDER_CUEUECNT} == 0 -->
                  <button href="javascript:void(0)" title="Начать работу" class="js-track-form__popup-start-link btn-track green-btn floatright">Принять заказ и приступить к работе</button>
                <!-- ELSE -->
                  <button href="javascript:void(0)" title="Принять заказ" class="js-track-form__popup-confirm-link btn-track green-btn floatright">Принять заказ</button>
                <!-- ENDIF -->
              </div>
              <!-- ENDIF -->

              <!-- IF {ORDER_DATA_CANSTART_SELLER}  -->
              <div>
                <button href="javascript:void(0)" title="Начать работу" class="js-track-form__popup-start-link btn-track <!-- IF {ORDER_CUEUECNT} > 0 -->orange<!-- ELSE -->green<!-- ENDIF -->-btn floatright">Приступить к работе</button>
              </div>
              <!-- ENDIF -->
            <!-- ENDIF -->

            <!-- IF {ORDER_DATA_CANCHECK_SELLER} -->
            <div class="block-state-active">
              <input id="track-pass-work-button" type="button" class="btn-track orange-btn floatright ml2" style="display:none;" value="Сдать выполненную работу">
              <div class="block-state-active_tooltip">Используйте этот функционал только для сдачи окончательной работы</div>
            </div>
            <!-- ENDIF -->
          </div>
          <div class="clear"></div>
        </form>
        <style>
          form.track-form-js .trumbowyg-box,
          form.track-form-js .trumbowyg-editor,
          form.track-form-js .trumbowyg-editor,
          form.track-form-js .trumbowyg-textarea {
            min-height: 150px !important;
            margin-bottom: 0px !important;
          }
          #message_body1 {
            margin: 0px !important;
          }
        </style>
        <script>
          $(document).ready(function() {
             $('#message_body1').trumbowyg({
          		lang: 'ru',
          		fullscreenable: false,
          		closable: false,
          		btns: ['bold', '|', 'italic', '|', 'orderedList'],
          		removeformatPasted: true
          	});
          	$(".trumbowyg-editor").attr("spellcheck", "false");
          });
        </script>
      </div>
      <!-- ENDIF -->

      <!-- IF {ORDER_STATUS} != 'done' -->
      <div style="background-color: #f6f6f6;">
        <!-- IF {ORDER_STATUS} != 'cancel' AND {ORDER_STATUS} != 'claim' AND 1 == 0 -->
          <!-- IF !{ORDER_CANCEL} AND !{ORDER_ACCEPT} -->
          <div class="p15-20 pull-left">
            <!-- IF {ORDER_SENDINSTR} AND {ORDER_CUEUECNT} == 0 -->
              <a href="javascript:void(0)" title="Начать работу" class="js-track-form__popup-start-link font-OpenSans green-btn pull-left">Принять заказ и приступить к работе</a>
            <!-- ELSE -->
              <a href="javascript:void(0)" title="Принять заказ" class="js-track-form__popup-confirm-link font-OpenSans green-btn pull-left">Принять заказ</a>
            <!-- ENDIF -->
          </div>
          <!-- ENDIF -->

          <!-- IF {ORDER_DATA_CANSTART_SELLER}  -->
          <div class="p15-20 pull-left">
            <a href="javascript:void(0)" title="Начать работу" class="js-track-form__popup-start-link font-OpenSans <!-- IF {ORDER_CUEUECNT} > 0 -->orange<!-- ELSE -->green<!-- ENDIF -->-btn pull-left">Приступить к работе</a>
          </div>
          <!-- ENDIF -->

          <!-- IF {ORDER_DATA_CANCANCEL_SELLER} -->
          <div class="p15-20 pull-right">
            <a href="javascript:void(0)" title="Отказаться от заказа" class="js-cancel-order-initial-button font-OpenSans f14">Отказаться от заказа</a>
          </div>
          <!-- ENDIF -->
        <!-- ENDIF -->

        <!-- IF {ORDER_STATUS} != 'cancel' AND {ORDER_STATUS} != 'claim' AND {ORDER_DATA_CANCANCEL_SELLER} -->
          <div class="p15-20 pull-right">
            <a href="javascript:void(0)" title="Отказаться от заказа" class="js-cancel-order-initial-button font-OpenSans f14">Отказаться от заказа</a>
          </div>
        <!-- ENDIF -->

        <div class="clear"></div>
        <!-- IF {ORDER_DATA_CANCANCEL_SELLER} -->
        <div class="js-cancel-order-main-popup-template hidden">
          <form action="send_mk" method="post">
            <h1 class="popup__title">Отмена заказа</h1>
            <input type="hidden" name="redirect" value="1">
            <input type="hidden" name="action" value="cancelorder">
            <input type="hidden" name="orderId" value="{ORDER_ID}">
            <hr class="gray mt20" style="margin-bottom:20px;">
            <div class="message--warning">В случае неуважительной причины отмены заказа рейтинг ВСЕХ {PHP|cot_sitename('padeg', '_r')} снижается. Настоятельно рекомендуем выполнить данный заказ.</div>
            <!-- IF {ORDER_DATA_CANSELRESONS|count($this)} > 0 -->
            <div class="order-cancel-form__reason">
              <span class="dib mb10">Если вы все же намерены отменить заказ, выберите причину:</span>
              <div class="f14 mt8" style="padding-left:5px; padding-right:5px;">
               <!-- FOR {KEY}, {VAL} IN {ORDER_DATA_CANSELRESONS} -->
                <div class="clearfix">
                  <input name="reason" class="styled-radio js-required js-popup-cancel-form__reason js-cancel-order-reason-input" id="reason-{KEY}-placeholder" type="radio" value="{KEY}" data-is-payer="1"/>
                  <label for="reason-{KEY}">{VAL.name}</label>
                  <!-- IF {VAL.tooltip} -->
                    <span class="tooltip_circle dib tooltipster tooltip_circle--hover tooltip_circle--light" style="display: inline-block;margin-left: 5px;" data-tooltip-text="{VAL.tooltip}" data-tooltip-side="right" data-tooltip-theme="dark">?</span>
                  <!-- ENDIF -->
                </div>
               <!-- ENDFOR -->
              </div>
            </div>
            <!-- ENDIF -->
            <div class="mt20 order-cancel-form__comment"<!-- IF {ORDER_DATA_CANSELRESONS|count($this)} > 0 --> style="display:none;"<!-- ENDIF -->>
              <label>
                Напишите, почему Вы хотите отменить заказ<textarea id="message_body3" name="message" rows="5" class=" control-en textarea-styled wMax f14 mt8" style="padding-left:5px; padding-right:5px;"></textarea>
              </label>
            </div>
            <hr class="gray mt20">
            <div class="popup__buttons mt20">
              <button type="button" class="popup__button js-cancel-order-submit red-btn">Отменить заказ</button>
              <button type="reset" class="popup__button pull-right popup-close-js green-btn">Пока не отменять</button>
              <div class="clearfix"></div>
            </div>
          </form>
        </div>
        <div class="js-cancel-order-subtype-popup-template hidden">
          <form action="send_mk" method="post">
            <h1 class="popup__title">Уточнение причины отказа</h1>
            <input type="hidden" name="orderId" value="{ORDER_ID}">
            <hr class="gray mt20" style="margin-bottom:20px;">
            <div class="js-cancel-order-additional mt20" style="line-height:10px;">
              <i class="f12 color-gray"></i>
            </div>
            <hr class="gray mt20">
            <div class="popup__buttons mt20">
              <button type="submit" class="popup__button js-cancel-order-submit red-btn disabled mt0" disabled>Отменить заказ</button>
              <button type="button" style="height:40px;font-size:16px;display:none;" class="js-cancel-order-back red-btn mt0">Отменить по другой причине</button>
              <button type="reset" class="popup__button popup-close-js green-btn pull-right mt0">Вернуться к заказу</button>
              <div class="clearfix"></div>
            </div>
          </form>
        </div>
        <!-- ENDIF -->
      </div>

      <script>
        var typeForm = '<!-- IF {ORDER_DATA_CANCHECK_SELLER} AND {ORDER_STATUS} != 'claim' -->pass-work<!-- ELSE -->only-message<!-- ENDIF -->';
        TrackUtils.startShow(typeForm);
      </script>
      <!-- ELSE -->
        <!-- IF {ORDER_CANREVIEW_ANSWER} AND {ORDER_STATUS} != 'claim' -->
        <div class="p15-20 white-bg-border js-comment-box">
          <form action="/send_mk" method="post" class="send-review-js" data-form="send-review-js">
            <h2 class="pt10">Заказ <!-- IF {ORDER_STATUS} == 'cancel' -->отменен<!-- ELSE -->выполнен<!-- ENDIF -->, вы можете оставить ответ на отзыв</h2>
            <div class="rating-block-review mt15">
              <div class="rating-block-review_good <!-- IF {ORDER_STATUS} == 'done' -->active<!-- ENDIF -->"></div>
              <div class="rating-block-review_bad <!-- IF {ORDER_STATUS} == 'cancel' -->active<!-- ENDIF -->"></div>
            </div>
            <input type="hidden" name="action" value="rating">
            <input type="hidden" name="orderId" value="{ORDER_ID}">
            <input type="radio" class="hide" name="vote" id="rating-block-review_good-js" value="1"<!-- IF {ORDER_STATUS} == 'done' --> checked<!-- ENDIF -->>
            <input type="radio" class="hide" name="vote" id="rating-block-review_bad-js" value="0"<!-- IF {ORDER_STATUS} == 'cancel' --> checked<!-- ENDIF -->>
            <textarea id="message_body" maxlength="300" name="comment" class="control-en styled-input db wMax f14 mh145 mt20 js-stopwords-check" style="overflow:auto;" required placeholder="Текст отзыва"></textarea>
            <div class="clear"></div>
            <input type="submit" class="hugeGreenBtn hoverMe GreenBtnStyle h50 w210 mt20 pull-reset btn-disable-toggle" value="Отправить">
          </form>
        </div>
        <div style="background-color: #f6f6f6;"></div>
        <script>
          var typeForm = 'not-specified';
          TrackUtils.startShow(typeForm);
        </script>
        <!-- ENDIF -->
      <!-- ENDIF -->
    </div>
  </div>

  <div class="sidebarArea">
    <div class="m-hidden">
      <div class="sidebar-order-state p15-20 white-bg-border pt20">
        <div class="mb14">
          <i class="{ORDER_STATUSARR.icon} v-align-t mt5"></i>
          <h2 class="dib v-align-t ml10 w218 {ORDER_STATUSARR.color}">
            №{ORDER_ID}<br>
            <span class="track-order-state">
              {ORDER_STATUSARR.title}
              <!-- IF {ORDER_STATUSARR.hint} -->
                &nbsp;
                <span class="v-align-m tooltipster tooltip_circle tooltip_circle--light tooltip_circle--hover" data-tooltip-side="right" data-tooltip-text="{ORDER_STATUSARR.hint}">?</span>
              <!-- ENDIF -->
            </span>
          </h2>
        </div>
        <!-- IF {ORDER_DEADLINE.time} > 0 -->
        <i class="dib v-align-m icon-time ml5"></i>
        <span class="fs16 pl10 v-align-m color-light-green tooltipster" data-tooltip-side="right" data-tooltip-text="{ORDER_DEADLINE.hint}" data-orderdeadline="{ORDER_DEADLINE.time}">{ORDER_DEADLINE.ago}</span>
        <!-- ENDIF -->

        <!-- IF !{ORDER_CANCEL} AND !{ORDER_ACCEPT} -->
          <a href="javascript:void(0)" title="Принять заказ" class="js-track-form__popup-confirm-link font-OpenSans green-btn pull-right mt-m4">Принять заказ</a>
        <!-- ENDIF -->

        <!-- IF {ORDER_DATA_CANSTART_SELLER}  -->
          <a href="javascript:void(0)" title="Начать работу" class="js-track-form__popup-start-link font-OpenSans <!-- IF {ORDER_CUEUECNT} > 0 -->orange<!-- ELSE -->green<!-- ENDIF -->-btn pull-right mt-m4">Приступить к работе</a>
        <!-- ENDIF -->

        <div class="clearfix"></div>

      </div>
      <div class="bgLightGray p15-20">
        <div class="font-OpenSans">
          <div class="profile-info clearfix">
            <div class="profile-avatar-track">
              <a href="{ORDER_CUSTOMER_DETAILSLINK}">
              <img class="rounded" src="<!-- IF {ORDER_CUSTOMER_AVATAR_SRC} -->{ORDER_CUSTOMER_AVATAR_SRC}<!-- ELSE -->themes/itbirja/files/avatar/big/noprofilepicture.gif<!-- ENDIF -->" width="80" height="80" alt="">
              </a>
            </div>
            <div class="pull-left">
              <div class="user-info m-border-none mt0" style="max-width: 150px;">
                <div>
                  <b>Ваш покупатель</b>
                </div>
                <a class="mt6 mb4" href="{ORDER_CUSTOMER_DETAILSLINK}">{ORDER_CUSTOMER_NICKNAME}</a>
                <a href="{ORDER_CUSTOMER_DETAILSLINK}">{ORDER_CUSTOMER_FNAME}</a>
                <div class="f13 mt8 fw300 color-gray online-status">
                  <!-- IF {ORDER_CUSTOMER_ONLINE} == 1 -->
                  <i class="icon ico-online"></i>
                    Онлайн
                  <!-- ELSE -->
                    <i class="icon ico-offline"></i>
                    Оффлайн<!--<span class="f12">(7 часов)</span>-->
                  <!-- ENDIF -->
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>

    <div class="question-block-track-page">
      <div class="p15-20 white-bg-border mt20">
        <i class="icon ico-history dib v-align-m"></i>
        <span class="dib v-align-m ml10">История заказа</span>
        <i class="ico-arrow-down dib v-align-m"></i>
      </div>
      <div class="track-order-state-history bgLightGray p15-20 question-block-track-page_hidden" style="display:none;">
        <!-- BEGIN: MKT_ROW_RIGHT -->
        <hr class="gray" data-trackstatehist="{MKT_ID}">
        <div class="clearfix" data-trackstatehist="{MKT_ID}">
          <div class="pull-left track-history-date">{MKT_DATE}</div>
          <div class="pull-right track-history-desc">{MKT_TITLE}</div>
        </div>
        <!-- END: MKT_ROW_RIGHT -->
      </div>
    </div>
    <!-- IF {ORDER_ALL_FILES.MAVATARCOUNT} > 0 -->
    <div class="question-block-track-page">
      <div id="order-files">
        <div class="p15-20 white-bg-border mt20">
          <i class="icon ico-files dib v-align-m"></i>
          <span class="dib v-align-m ml10">Файлы заказа</span>
          <i class="ico-arrow-down dib v-align-m"></i>
        </div>
        <div class="order-files bgLightGray p15-20 f14 question-block-track-page_hidden" style="display:none;">
         <!-- FOR {KEY}, {VAL} IN {MKT_MAVATARS.MAVATAR} -->
          <a href="{VAL.FILE}" target="_blank" class="color-text">
            <i class="ico-file-{VAL.FILEEXTICON} dib v-align-m"></i>
            <span class="dib v-align-m ml10 mw78p">{VAL.FILEORIGNAME}.{VAL.FILEEXT}</span>
          </a>
          <a href="{VAL.FILE}" download>
            <img src="themes/itbirja/images/download.png">
          </a>
         <!-- ENDFOR -->
        </div>
      </div>
    </div>
    <!-- ENDIF -->
    <div id="help-blocks" class="question-block-track-page">
      <div class="p15-20 white-bg-border mt20">
        <i class="ico-question dib v-align-m"></i>
        <span class="dib v-align-m ml10">Помощь по разделу</span>
        <i class="ico-arrow-down dib v-align-m"></i>
      </div>
      <div class="bgLightGray p15-20 question-block-track-page_hidden">
        <div id="track-help-block-missing-data" class="track-help-block">
          <div class="font-OpenSansSemi track-help-block-title">Покупатель не предоставил необходимую для начала работы информацию</div>
          <div class="font-OpenSans f14 track-help-block-content mt10 lh19">Чтобы избежать ожидания предоставления покупателем необходимой информации и исключить риск сдачи с опозданием, заполняйте поле "Инструкции покупателю" в каждом из ваших заданий. Если же информация не предоставлена, а время взятия заказа в работу подходит к концу, отправьте запрос на отмену заказа с соответствующей причиной.</div>
        </div>
        <div id="track-help-block-does-not-respond" class="track-help-block">
          <hr class="gray">
          <div class="font-OpenSansSemi track-help-block-title">Покупатель не отвечает на мои сообщения</div>
          <div class="font-OpenSans f14 track-help-block-content mt10 lh19">Иногда ответ покупателей может занять некоторое время из-за разницы во времени или выходных. Если вы напомнили о вопросе покупателю уже несколько раз, а ответа все нет, и без ответа на вопрос вы не можете продолжать работу, отправьте запрос на отмену заказа с соответствующей причиной.</div>
        </div>
        <!-- IF {ORDER_ACCEPT} > 0 AND !{ORDER_DONE} AND !{ORDER_CLAIM} -->
        <div id="track-help-block-arbitrage" class="track-help-block">
            <hr class="gray">
            <div class="font-OpenSansSemi track-help-block-title">Покупатель отказывается принимать работу</div>
            <div class="font-OpenSans f14 track-help-block-content mt10 lh19">
                Если вы выполнили работу в полном объеме, но покупатель отказывается принимать ее, вы можете обратиться в <a class="arbitrage-link" href="javascript:void(0)" data-track_type="to_arbitrage" data-order_id="{ORDER_ID}" onclick="showArbitrageCheckPopupClick($(this));">Арбитраж</a>
                . Модератор рассмотрит ваш спор и примет решение в пользу одной из сторон.
            </div>
        </div>
        <!-- ENDIF -->
        <div id="track-help-block-send-somewhere" class="track-help-block">
          <hr class="gray">
          <div class="font-OpenSans f14 track-help-block-content color-gray last">
            Если вы не нашли ответа на свой вопрос, посмотрите список всех <a role="button" target="_blank">вопросов-ответов</a>
            или <a role="button" target="_blank">задайте вопрос</a>
            специалисту поддержки пользователей
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<script>
  var comission = 20;
  var formData = new FormData;
  var haveFiles = false;
  $(window).load(function() {
      $('#cancel-order').on('click', function() {
          if ($('.cancel-order-js input:checked').val() == 'worker_inprogress_cancel_request' || $('.cancel-order-js input:checked').val() == 'payer_inprogress_cancel_request') {

          } else if ($('.cancel-order-js input:checked').val() == 'payer_inprogress_cancel' || $('.cancel-order-js input:checked').val() == 'worker_inprogress_cancel') {

          }
      });
      $('.instruction-js .js-toggle-message-button[data-action=instruction]').click();
  });

  function show_popup_confurm() {
      var html = '<div>\
        <form action="send_mk" method="post">\
        <h1 class="popup__title">Подтверждение заказа</h1>\
        <input type="hidden" name="redirect" value="1">\
        <input type="hidden" name="orderId" value="{ORDER_ID}">\
        <input type="hidden" name="action" value="seller_accept_order">\
        <hr class="gray mt20 mb20">\
        <div class="popup-msg">\
        <div class="icon ico-i-small"></div>\
        <div class="popup-text">Внимание! Принимая заказ вы должы приступить к нему в течении 24 часов. Если у вас в очереди есть другие заказы, у Вас будет время завершить их.</div>\
        </div>\
        <p>Вы уверены, что хотите принять заказ?</p>\
        <p>После принятия заказ будет поставлен в очередь на выполнение.</p>\
        \
        <div class="popup__buttons mt20">\
        <button type="button" class="popup__button green-btn popup-close-js">Вернуться к заказу</button>\
        <button type="submit" class="popup__button inactive white-btn pull-right">Принять заказ</button>\
        <div class="clearfix"></div>\
        </div>\
        </form>\
        </div>';
      show_popup(html, "popup-confirm-order", true);
  }

  function show_popup_startorder() {
      var html = '<div>\
        <form action="send_mk" method="post">\
        <h1 class="popup__title">Начать выполнение заказа</h1>\
        <input type="hidden" name="redirect" value="1">\
        <input type="hidden" name="orderId" value="{ORDER_ID}">\
        <input type="hidden" name="action" value="seller_start_order">\
        <hr class="gray mt20 mb20">\
        <p>Вы уверены, что хотите начать выполнение заказа?</p>\
        <p>Начиная заказ вы должы выполнить его в течении указанного срока.</p>\
        \
        <div class="popup__buttons mt20">\
        <button type="button" class="popup__button green-btn popup-close-js">Вернуться к заказу</button>\
        <button type="submit" class="popup__button inactive white-btn pull-right">Начать выполнение</button>\
        <div class="clearfix"></div>\
        </div>\
        </form>\
        </div>';
      show_popup(html, "popup-confirm-order", true);
  }
</script>

<!-- END: MAIN -->