<?
require($_SERVER["DOCUMENT_ROOT"]."/bitrix/header.php");
$APPLICATION->SetTitle("Очередь документов");
?>

<div class="doc-filters">
  <div class="controls-line">
    <div class="controls-line-label"><span>Дочернее общество:</span>
      <div class="controls-line-item"><select data-select-custom-white>
          <option value="Все">Все</option>
          <option value="Отдел 1">Отдел 1</option>
          <option value="Отдел 2">Отдел 2</option>
          <option value="Отдел 3">Отдел 3</option>
        </select></div>
    </div>
    <div class="controls-line-label"><span>Тип:</span>
      <div class="controls-line-item"><select data-select-custom-white>
          <option value="Все">Все</option>
          <option value="Тип 1">Тип 1</option>
          <option value="Тип 2">Тип 2</option>
          <option value="Тип 3">Тип 3</option>
        </select></div>
    </div>
    <div class="controls-line-label"><span>Статус:</span>
      <div class="controls-line-item"><select data-select-custom-white>
          <option value="Все">Все</option>
          <option value="Статус 1">Статус 1</option>
          <option value="Статус 2">Статус 2</option>
          <option value="Статус 3">Статус 3</option>
        </select></div>
    </div>
  </div>
</div>
<div class="docs-table" data-scrollbooster><button class="docs-table-control docs-table-control--prev" data-docs-control disabled hidden>Назад</button><button class="docs-table-control docs-table-control--next" data-docs-control disabled hidden>Вперед</button>
  <table style="min-width: 100%;" border="0" cellpadding="0" cellspacing="0" data-scrollbooster-content>
    <thead>
      <tr>
        <th class="docs-table-left">ID</th>
        <th>Тип</th>
        <th class="docs-table-left">Описание</th>
        <th>ФИО отправителя</th>
        <th>Дочернее общество</th>
        <th><span class="table-sort">Дата документа</span></th>
        <th><span class="table-sort">Дата создания</span></th>
        <th class="docs-table-left"><span class="table-sort">Дата отправки документа<br> на согласование</span></th>
        <th><span class="table-sort table-sort--top">Статус</span></th>
        <th class="docs-table-left">Причина отклонения</th>
        <th>&nbsp;</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td class="docs-table-id docs-table-left">00484623</td>
        <td>Отчет</td>
        <td class="docs-table-title docs-table-left">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consequatur et excepturi, exercitationem numquam omnis voluptas!</td>
        <td class="docs-table-nowrap">Вязенцев А.О.</td>
        <td>Отдел продаж</td>
        <td>29.12.2020</td>
        <td>29.12.2020</td>
        <td>29.12.2020</td>
        <td>Согласовано</td>
        <td class="docs-table-comment docs-table-left">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt, ea.</td>
        <td class="docs-table-nowrap"><a href="#">Взять в работу</a></td>
      </tr>
      <tr>
        <td class="docs-table-id docs-table-left">00484623</td>
        <td>Отчет</td>
        <td class="docs-table-title docs-table-left">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consequatur et excepturi, exercitationem numquam omnis voluptas!</td>
        <td class="docs-table-nowrap">Вязенцев А.О.</td>
        <td>Отдел продаж</td>
        <td>29.12.2020</td>
        <td>29.12.2020</td>
        <td>29.12.2020</td>
        <td>Согласовано</td>
        <td class="docs-table-comment docs-table-left">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt, ea.</td>
        <td class="docs-table-nowrap"><a href="#">Взять в работу</a></td>
      </tr>
      <tr>
        <td class="docs-table-id docs-table-left">00484623</td>
        <td>Отчет</td>
        <td class="docs-table-title docs-table-left">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consequatur et excepturi, exercitationem numquam omnis voluptas!</td>
        <td class="docs-table-nowrap">Вязенцев А.О.</td>
        <td>Отдел продаж</td>
        <td>29.12.2020</td>
        <td>29.12.2020</td>
        <td>29.12.2020</td>
        <td>Согласовано</td>
        <td class="docs-table-comment docs-table-left">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt, ea.</td>
        <td class="docs-table-nowrap"><a href="#">Взять в работу</a></td>
      </tr>
      <tr>
        <td class="docs-table-id docs-table-left">00484623</td>
        <td>Отчет</td>
        <td class="docs-table-title docs-table-left">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consequatur et excepturi, exercitationem numquam omnis voluptas!</td>
        <td class="docs-table-nowrap">Вязенцев А.О.</td>
        <td>Отдел продаж</td>
        <td>29.12.2020</td>
        <td>29.12.2020</td>
        <td>29.12.2020</td>
        <td>Согласовано</td>
        <td class="docs-table-comment docs-table-left">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt, ea.</td>
        <td class="docs-table-nowrap"><a href="#">Взять в работу</a></td>
      </tr>
      <tr>
        <td class="docs-table-id docs-table-left">00484623</td>
        <td>Отчет</td>
        <td class="docs-table-title docs-table-left">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consequatur et excepturi, exercitationem numquam omnis voluptas!</td>
        <td class="docs-table-nowrap">Вязенцев А.О.</td>
        <td>Отдел продаж</td>
        <td>29.12.2020</td>
        <td>29.12.2020</td>
        <td>29.12.2020</td>
        <td>Согласовано</td>
        <td class="docs-table-comment docs-table-left">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt, ea.</td>
        <td class="docs-table-nowrap"><a href="#">Взять в работу</a></td>
      </tr>
      <tr>
        <td class="docs-table-id docs-table-left">00484623</td>
        <td>Отчет</td>
        <td class="docs-table-title docs-table-left">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consequatur et excepturi, exercitationem numquam omnis voluptas!</td>
        <td class="docs-table-nowrap">Вязенцев А.О.</td>
        <td>Отдел продаж</td>
        <td>29.12.2020</td>
        <td>29.12.2020</td>
        <td>29.12.2020</td>
        <td>Согласовано</td>
        <td class="docs-table-comment docs-table-left">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt, ea.</td>
        <td class="docs-table-nowrap"><a href="#">Взять в работу</a></td>
      </tr>
      <tr>
        <td class="docs-table-id docs-table-left">00484623</td>
        <td>Отчет</td>
        <td class="docs-table-title docs-table-left">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consequatur et excepturi, exercitationem numquam omnis voluptas!</td>
        <td class="docs-table-nowrap">Вязенцев А.О.</td>
        <td>Отдел продаж</td>
        <td>29.12.2020</td>
        <td>29.12.2020</td>
        <td>29.12.2020</td>
        <td>Согласовано</td>
        <td class="docs-table-comment docs-table-left">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt, ea.</td>
        <td class="docs-table-nowrap"><a href="#">Взять в работу</a></td>
      </tr>
      <tr>
        <td class="docs-table-id docs-table-left">00484623</td>
        <td>Отчет</td>
        <td class="docs-table-title docs-table-left">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consequatur et excepturi, exercitationem numquam omnis voluptas!</td>
        <td class="docs-table-nowrap">Вязенцев А.О.</td>
        <td>Отдел продаж</td>
        <td>29.12.2020</td>
        <td>29.12.2020</td>
        <td>29.12.2020</td>
        <td>Согласовано</td>
        <td class="docs-table-comment docs-table-left">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt, ea.</td>
        <td class="docs-table-nowrap"><a href="#">Взять в работу</a></td>
      </tr>
      <tr>
        <td class="docs-table-id docs-table-left">00484623</td>
        <td>Отчет</td>
        <td class="docs-table-title docs-table-left">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consequatur et excepturi, exercitationem numquam omnis voluptas!</td>
        <td class="docs-table-nowrap">Вязенцев А.О.</td>
        <td>Отдел продаж</td>
        <td>29.12.2020</td>
        <td>29.12.2020</td>
        <td>29.12.2020</td>
        <td>Согласовано</td>
        <td class="docs-table-comment docs-table-left">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt, ea.</td>
        <td class="docs-table-nowrap"><a href="#">Взять в работу</a></td>
      </tr>
      <tr>
        <td class="docs-table-id docs-table-left">00484623</td>
        <td>Отчет</td>
        <td class="docs-table-title docs-table-left">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consequatur et excepturi, exercitationem numquam omnis voluptas!</td>
        <td class="docs-table-nowrap">Вязенцев А.О.</td>
        <td>Отдел продаж</td>
        <td>29.12.2020</td>
        <td>29.12.2020</td>
        <td>29.12.2020</td>
        <td>Согласовано</td>
        <td class="docs-table-comment docs-table-left">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deserunt, ea.</td>
        <td class="docs-table-nowrap"><a href="#">Взять в работу</a></td>
      </tr>
    </tbody>
  </table>
</div>

<?require($_SERVER["DOCUMENT_ROOT"]."/bitrix/footer.php");?>