<?
require($_SERVER["DOCUMENT_ROOT"]."/bitrix/header.php");
$APPLICATION->SetTitle("Мои документы");
?>

<div class="doc-filters">
  <div class="controls-line">
    <div class="controls-line-item">
      <div class="calendar-field"><input data-calendar-single data-calendar-min="19.03.2020" data-calendar-max="10.09.2021" placeholder="Дата"></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 class="docs-table-left">Описание</th>
        <th>Дочернее общество</th>
        <th><span class="table-sort">Дата</span></th>
        <th>Тип</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"><a href="#">00484623</a></td>
        <td class="docs-table-title docs-table-left"><a href="#">ROSGEO_Очередь-документов_PopUp_Причина-отклонения_b</a></td>
        <td>Отдел продаж</td>
        <td>29.12.2020</td>
        <td>Отчет</td>
        <td>Согласовано</td>
        <td class="docs-table-comment docs-table-left"></td>
        <td><a href="#">Редактировать</a></td>
      </tr>
      <tr>
        <td class="docs-table-id docs-table-left"><a href="#">00484623</a></td>
        <td class="docs-table-title docs-table-left"><a href="#">ROSGEO_Очередь-документов_PopUp_Причина-отклонения_b</a></td>
        <td>Отдел продаж</td>
        <td>29.12.2020</td>
        <td>Отчет</td>
        <td>Согласовано</td>
        <td class="docs-table-comment docs-table-left">Усиление контроля при предконтрактной работе и претензионно-исковой работе</td>
        <td><a href="#">Редактировать</a></td>
      </tr>
      <tr>
        <td class="docs-table-id docs-table-left"><a href="#">00484623</a></td>
        <td class="docs-table-title docs-table-left"><a href="#">ROSGEO_Очередь-документов_PopUp_Причина-отклонения_b</a></td>
        <td>Отдел продаж</td>
        <td>29.12.2020</td>
        <td>Отчет</td>
        <td>Согласовано</td>
        <td class="docs-table-comment docs-table-left"></td>
        <td><a href="#">Редактировать</a></td>
      </tr>
      <tr>
        <td class="docs-table-id docs-table-left"><a href="#">00484623</a></td>
        <td class="docs-table-title docs-table-left"><a href="#">ROSGEO_Очередь-документов_PopUp_Причина-отклонения_b</a></td>
        <td>Отдел продаж</td>
        <td>29.12.2020</td>
        <td>Отчет</td>
        <td>Согласовано</td>
        <td class="docs-table-comment docs-table-left">Усиление контроля при предконтрактной работе и претензионно-исковой работе</td>
        <td><a href="#">Редактировать</a></td>
      </tr>
      <tr>
        <td class="docs-table-id docs-table-left"><a href="#">00484623</a></td>
        <td class="docs-table-title docs-table-left"><a href="#">ROSGEO_Очередь-документов_PopUp_Причина-отклонения_b</a></td>
        <td>Отдел продаж</td>
        <td>29.12.2020</td>
        <td>Отчет</td>
        <td>Согласовано</td>
        <td class="docs-table-comment docs-table-left"></td>
        <td><a href="#">Редактировать</a></td>
      </tr>
      <tr>
        <td class="docs-table-id docs-table-left"><a href="#">00484623</a></td>
        <td class="docs-table-title docs-table-left"><a href="#">ROSGEO_Очередь-документов_PopUp_Причина-отклонения_b</a></td>
        <td>Отдел продаж</td>
        <td>29.12.2020</td>
        <td>Отчет</td>
        <td>Согласовано</td>
        <td class="docs-table-comment docs-table-left">Усиление контроля при предконтрактной работе и претензионно-исковой работе</td>
        <td><a href="#">Редактировать</a></td>
      </tr>
      <tr>
        <td class="docs-table-id docs-table-left"><a href="#">00484623</a></td>
        <td class="docs-table-title docs-table-left"><a href="#">ROSGEO_Очередь-документов_PopUp_Причина-отклонения_b</a></td>
        <td>Отдел продаж</td>
        <td>29.12.2020</td>
        <td>Отчет</td>
        <td>Согласовано</td>
        <td class="docs-table-comment docs-table-left"></td>
        <td><a href="#">Редактировать</a></td>
      </tr>
      <tr>
        <td class="docs-table-id docs-table-left"><a href="#">00484623</a></td>
        <td class="docs-table-title docs-table-left"><a href="#">ROSGEO_Очередь-документов_PopUp_Причина-отклонения_b</a></td>
        <td>Отдел продаж</td>
        <td>29.12.2020</td>
        <td>Отчет</td>
        <td>Согласовано</td>
        <td class="docs-table-comment docs-table-left">Усиление контроля при предконтрактной работе и претензионно-исковой работе</td>
        <td><a href="#">Редактировать</a></td>
      </tr>
      <tr>
        <td class="docs-table-id docs-table-left"><a href="#">00484623</a></td>
        <td class="docs-table-title docs-table-left"><a href="#">ROSGEO_Очередь-документов_PopUp_Причина-отклонения_b</a></td>
        <td>Отдел продаж</td>
        <td>29.12.2020</td>
        <td>Отчет</td>
        <td>Согласовано</td>
        <td class="docs-table-comment docs-table-left"></td>
        <td><a href="#">Редактировать</a></td>
      </tr>
      <tr>
        <td class="docs-table-id docs-table-left"><a href="#">00484623</a></td>
        <td class="docs-table-title docs-table-left"><a href="#">ROSGEO_Очередь-документов_PopUp_Причина-отклонения_b</a></td>
        <td>Отдел продаж</td>
        <td>29.12.2020</td>
        <td>Отчет</td>
        <td>Согласовано</td>
        <td class="docs-table-comment docs-table-left">Усиление контроля при предконтрактной работе и претензионно-исковой работе</td>
        <td><a href="#">Редактировать</a></td>
      </tr>
    </tbody>
  </table>
</div>

<div class="modal" id="modal">
  <div class="modal-container"><button class="modal-close" data-modal-close>&times;</button>
    <h3>Добавить документ</h3>
    <div class="docs-title-footnote">
      <div class="docs-detail-1C-check">Доступен в 1С</div><a class="docs-title-footnote-download" href="#">256 Мб</a>
    </div>
    <form class="form-docs">
      <div class="form-docs-item form-docs-item--docs-list">
        <ul class="list list--docs">
          <li class="list-item">
            <div class="document-block document-block--word"><span>Название 234324324234234.docx</span><button class="document-block-remove"></button></div>
          </li>
          <li class="list-item">
            <div class="document-block document-block--excel"><span>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Architecto autem dicta doloribus eos exercitationem natus quia quod sapiente tempora ut!.doc</span><button class="document-block-remove"></button></div>
          </li>
        </ul>
      </div>
      <div class="form-docs-item form-docs-item--choose-doc">
        <div class="controls-line">
          <div class="controls-line-label"><span>Загруженные ранее:</span>
            <div class="controls-line-item"><select data-select-custom-white>
                <option value="Документ 1">Документ 1</option>
                <option value="Документ 2">Документ 2</option>
                <option value="Документ 3">Документ 3</option>
              </select></div>
          </div>
        </div><label class="form-docs-file"><input type="file"><span>Загрузить файл</span></label>
      </div>
      <div class="form-docs-item form-docs-item--center form-docs-item--upload"><label class="form-docs-file"><input type="file"><span>Загрузить файл</span></label></div>
      <div class="form-docs-item form-docs-item--center form-docs-item--upload">
        <ul class="list list--docs">
          <li class="list-item">
            <div class="document-block document-block--word"><span>Название 234324324234234.docx</span></div>
          </li>
        </ul><a href="#">Заменить файл</a>
      </div>
      <div class="form-docs-item form-docs-item--center">
        <div class="controls-line">
          <div class="controls-line-label"><span>Дочернее общество:</span>
            <div class="controls-line-item form-docs-error"><select data-select-custom-white>
                <option value="Отдел 1">Отдел 1</option>
                <option value="Отдел 2">Отдел 2</option>
                <option value="Отдел 3">Отдел 3</option>
              </select><span class="form-docs-error-message">* Ошибка</span></div>
          </div>
        </div>
      </div>
      <div class="form-docs-item">
        <div class="controls-line">
          <div class="controls-line-item form-docs-error">
            <div class="calendar-field"><input data-calendar-single data-calendar-min="19.03.2020" data-calendar-max="10.09.2021" placeholder="Дата"></div><span class="form-docs-error-message">* Ошибка</span>
          </div>
          <div class="controls-line-label"><span>Тип:</span>
            <div class="controls-line-item"><select data-select-custom-white>
                <option value="Тип 1">Тип 1</option>
                <option value="Тип 2">Тип 2</option>
                <option value="Тип 3">Тип 3</option>
              </select></div>
          </div>
        </div>
      </div>
      <div class="form-docs-item"><label class="form-docs-label">Описание:</label>
        <div class="form-docs-value form-docs-error"><textarea class="form-docs-field"></textarea><span class="form-docs-error-message">* Ошибка</span></div>
      </div>
      <div class="form-docs-item"><label class="form-docs-label">Комментарий<br> от модератора:</label>
        <div class="form-docs-value">
          <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Pariatur rerum saepe voluptatem. Animi magnam, minima molestiae molestias necessitatibus pariatur recusandae.</p>
        </div>
      </div>
      <div class="docs-detail-controls"><button class="custom-button custom-button--inverse custom-button--red" type="submit"> Отклонить</button><button class="custom-button custom-button--inverse" type="submit"> Вернуть в очередь</button><button class="custom-button custom-button--inverse custom-button--gray" type="submit">Отмена</button><button class="custom-button" type="submit">Принять</button></div>
    </form>
  </div>
</div>
<div class="modal" id="detail">
  <div class="modal-container"><button class="modal-close" data-modal-close>&times;</button>
    <div class="docs-detail-heading">
      <div>Название 005415</div>
      <div class="docs-detail-1C-check">Доступен в 1С</div>
    </div>
    <div class="docs-detail-content">
      <ul class="list list--docs">
        <li class="list-item">
          <div class="document-block document-block--word"><span>Название 234324324234234.docx</span><a href="#">256 Мб</a></div>
        </li>
        <li class="list-item">
          <div class="document-block document-block--excel"><span>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Architecto autem dicta doloribus eos exercitationem natus quia quod sapiente tempora ut!.doc</span><a href="#">256 Мб</a></div>
        </li>
      </ul>
      <div class="docs-detail-description">
        <ul class="list list--docs-description">
          <li class="list-item">
            <div class="list-item-label">ID:</div>
            <div class="list-item-value">0005345345</div>
          </li>
          <li class="list-item">
            <div class="list-item-label">Описание:</div>
            <div class="list-item-value list-item-value--small">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut ducimus ex iure mollitia natus nemo nulla odio quasi sunt tempora.</div>
          </li>
          <li class="list-item">
            <div class="list-item-label">ФИО отправителя:</div>
            <div class="list-item-value">Федоренко И.М.</div>
          </li>
          <li class="list-item">
            <div class="list-item-label">Дочернее общество</div>
            <div class="list-item-value">Отедл продаж</div>
          </li>
          <li class="list-item">
            <div class="list-item-label">Дата документа</div>
            <div class="list-item-value">01.02.2021</div>
          </li>
          <li class="list-item">
            <div class="list-item-label">Дата создания</div>
            <div class="list-item-value">01.02.2021</div>
          </li>
          <li class="list-item">
            <div class="list-item-label">Дата отправки документа на&nbsp;согласование</div>
            <div class="list-item-value">01.02.2021</div>
          </li>
          <li class="list-item">
            <div class="list-item-label">Тип</div>
            <div class="list-item-value">Записка</div>
          </li>
          <li class="list-item">
            <div class="list-item-label">Вид документа</div>
            <div class="list-item-value">Отчет</div>
          </li>
          <li class="list-item">
            <div class="list-item-label">Статус</div>
            <div class="list-item-value">Изменен</div>
          </li>
          <li class="list-item">
            <div class="list-item-label">Причина отклонения</div>
            <div class="list-item-value list-item-value--small">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Recusandae, soluta.</div>
          </li>
          <li class="list-item">
            <div class="list-item-label">Комментарий</div>
            <div class="list-item-value list-item-value--small">Lorem ipsum dolor sit amet.</div>
          </li>
        </ul>
      </div>
    </div>
    <div class="docs-detail-controls"><a class="custom-button custom-button--inverse custom-button--red" href="#">Отклонить</a><a class="custom-button custom-button--inverse" href="#">Вернуть в очередь</a><a class="custom-button custom-button--inverse custom-button--gray" href="#">Отменить</a><a class="custom-button" href="#">Принять</a></div>
  </div>
</div>
<div class="modal modal--medium" id="reject">
  <div class="modal-container"><button class="modal-close" data-modal-close>&times;</button>
    <h3>Название документа</h3>
    <form class="form-docs">
      <div class="form-docs-item form-docs-item--center form-docs-item--select-large">
        <div class="controls-line">
          <div class="controls-line-label"><span>Причина отклонения:</span>
            <div class="controls-line-item"><select data-select-custom-white>
                <option value="Причина отклонения 1">Причина отклонения 1</option>
                <option value="Причина отклонения 2">Причина отклонения 2</option>
                <option value="Причина отклонения 3">Причина отклонения 3</option>
              </select></div>
          </div>
        </div>
      </div>
      <div class="form-docs-item"><label class="form-docs-label">Комментарий:</label>
        <div class="form-docs-value"><textarea class="form-docs-field"></textarea></div>
      </div>
      <div class="docs-detail-controls"><button class="custom-button custom-button--inverse custom-button--gray" type="submit">Отмена</button><button class="custom-button custom-button--red" type="submit"> Отклонить</button></div>
    </form>
  </div>
</div>
<div class="modal modal--small" id="confirm">
  <div class="modal-container"><button class="modal-close" data-modal-close>&times;</button>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fuga, repellat!</p>
    <div class="docs-detail-controls"><a class="custom-button custom-button--inverse custom-button--gray" href="#">Отменить</a><a class="custom-button" href="#">Принять</a></div>
  </div>
</div>

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