passesFrontend/static/templates/account/account.html
2024-05-15 16:27:22 +03:00

272 lines
24 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
<link rel="stylesheet" href="../styles/main.css">
<script src="../scripts/jquery.min.js"></script>
<script src="../scripts/helpPopup.js"></script>
<title>Личный кабинет</title>
<style>
body {
background-color: #EEEFF5;
}
</style>
</head>
<body>
<header>
<a href="/account"><h1>Бюро пропусков / Личный кабинет</h1></a>
<nav>
<div class="dropdown">
<a class="help-button" onclick="toggleDropdown('dropdownHelp-1')">Техническая поддержка</a>
<div id="dropdownHelp-1" class="dropdown-help">
<a href="tel:83477527706">8 (34775) 2-77-06</a>
<a href="tel:89174023516">8 (917) 402-35-16</a>
</div>
</div>
<div class="dropdown">
<a class="help-button" onclick="toggleDropdown('dropdownHelp-2')">Инструкции</a>
<div id="dropdownHelp-2" class="dropdown-help dropdown-manual">
<a href="/docs/manual.pdf" target="_blank">Текст</a>
<a href="https://drive.google.com/file/d/1CxrAgr2brQclZqtbbreSUU9tN-jsNTwf/view?usp=sharing" target="_blank">Видео</a>
</div>
</div>
{{#if (eq Role 'legal')}}
<span>{{User.Наименование}}</span>
{{else}}
<span>{{User.Фамилия}} {{User.Имя}} {{User.Отчество}}</span>
{{/if}}
<a class="exit-button" href="/logout"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="16" fill="none" viewBox="0 0 20 16">
<path fill="#6B7A99" d="m4.016 7.13 2.608-2.606-1.226-1.226L.696 8l4.702 4.702 1.226-1.226L4.016 8.87h4.858V7.131H4.016ZM8.874.179v6.953h5.215V8.87H8.874v6.953h10.43V.178H8.873Z"/>
</svg>
</a>
</nav>
</header>
<section class="main-content">
<h1>Хаб услуг</h1>
<div class="hub-bg">
<div onclick="location.href='/account/newform'" class="hub-element">
<div class="icon"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="none" viewBox="0 0 32 32">
<g clip-path="url(#a)">
<path fill="#000" d="M18.667 10.667H6.222a.889.889 0 0 1-.889-.89V6.223a.889.889 0 0 1 .89-.889h12.444a.889.889 0 0 1 .889.89v3.555a.889.889 0 0 1-.89.889ZM7.11 8.889h10.667V7.058H7.11v1.83Zm11.557 3.626H6.222a.889.889 0 0 0-.889.89v3.484a.889.889 0 0 0 .89.889H16.32l3.236-3.29v-1.084a.889.889 0 0 0-.89-.889ZM17.777 16H7.112v-1.778h10.667V16Z"/>
<path fill="#000" d="M9.831 28.009v-.053l.285-1.236h-6.56V3.556h17.777v9.11l1.778-1.68v-8.32a.889.889 0 0 0-.889-.888H2.667a.889.889 0 0 0-.89.889v24.888a.889.889 0 0 0 .89.89h7.11c.008-.147.026-.292.054-.436Zm9.724-10.969-.693.702a.89.89 0 0 0 .694-.702Z"/>
<path fill="#000" d="M5.333 23.947a.889.889 0 0 0 .89.889h4.301l.267-1.156.116-.489v-.044H7.11v-1.814h5.636l1.777-1.777h-8.3a.889.889 0 0 0-.889.888v3.503Zm24.436-9.129-2.996-2.996a1.43 1.43 0 0 0-2.026 0L12.56 24.08l-1.005 4.276a1.43 1.43 0 0 0 1.12 1.688c.092.01.184.01.276 0 .109.018.22.018.329 0l4.311-.95L29.77 16.888a1.422 1.422 0 0 0 0-2.018v-.053ZM16.684 27.476l-3.253.72.791-3.227 9.138-9.236 2.507 2.507-9.183 9.236Zm10.187-10.24-2.507-2.507 1.414-1.396 2.524 2.525-1.43 1.378Z"/>
</g>
<defs>
<clipPath id="a">
<path fill="#fff" d="M0 0h32v32H0z"/>
</clipPath>
</defs>
</svg></div>
<h1>Заявка на пропуск</h1>
<h2>Оставить заявку на пропуск для сотрудника</h2>
</div>
<div onclick="location.href='/account/settings'" class="hub-element">
<div class="icon"><svg xmlns="http://www.w3.org/2000/svg" width="28" height="26" fill="none" viewBox="0 0 28 26">
<path fill="#292D32" d="M24.8 9.295c-2.413 0-3.4-1.706-2.2-3.8a2.529 2.529 0 0 0-.933-3.453L19.36.722c-1.053-.627-2.413-.253-3.04.8l-.147.253c-1.2 2.094-3.173 2.094-4.386 0l-.147-.253a2.188 2.188 0 0 0-3.013-.8L6.32 2.042c-1.213.693-1.627 2.253-.933 3.467C6.6 7.589 5.613 9.295 3.2 9.295A2.54 2.54 0 0 0 .667 11.83v2.346A2.54 2.54 0 0 0 3.2 16.71c2.413 0 3.4 1.706 2.187 3.8a2.529 2.529 0 0 0 .933 3.453l2.307 1.32c1.053.627 2.413.253 3.04-.8l.146-.253c1.2-2.094 3.174-2.094 4.387 0l.147.253c.626 1.053 1.986 1.427 3.04.8l2.306-1.32a2.532 2.532 0 0 0 .934-3.453c-1.214-2.094-.227-3.8 2.186-3.8a2.54 2.54 0 0 0 2.534-2.534v-2.347c-.014-1.386-1.147-2.533-2.547-2.533ZM14 17.335a4.342 4.342 0 0 1-4.333-4.333A4.342 4.342 0 0 1 14 8.669a4.342 4.342 0 0 1 4.333 4.333A4.342 4.342 0 0 1 14 17.335Z"/>
</svg>
</div>
<h1>Настройки</h1>
<h2>Изменить информацию профиля</h2>
</div>
{{#if (eq Role 'Дирекция')}}
<div onclick="location.href='/users'" class="hub-element">
<div class="icon">
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="23" fill="none" viewBox="0 0 32 23">
<g clip-path="url(#a)">
<path fill="#000" fill-opacity=".85" d="M13.904 13.934c-1.773 1.54-2.771 3.511-2.771 5.279 0 .506.102.995.347 1.42H3.33c-1.345 0-1.878-.534-1.878-1.506 0-2.946 3.01-6.5 7.823-6.5 1.825 0 3.39.51 4.63 1.306Zm-.903-7.05c0 2.317-1.73 4.11-3.715 4.11-1.996 0-3.725-1.793-3.725-4.088 0-2.284 1.74-4.013 3.725-4.013 1.975 0 3.715 1.686 3.715 3.992Zm8.571 3.864c2.294 0 4.27-2.049 4.27-4.717 0-2.637-1.986-4.59-4.27-4.59s-4.27 1.996-4.27 4.611c0 2.647 1.975 4.697 4.27 4.697Zm-6.714 9.884h13.417c1.676 0 2.273-.48 2.273-1.42 0-2.753-3.447-6.553-8.987-6.553-5.529 0-8.977 3.8-8.977 6.554 0 .94.598 1.42 2.274 1.42Z"/>
</g>
<defs>
<clipPath id="a">
<path fill="#fff" d="M0 0h32v22.084H0z"/>
</clipPath>
</defs>
</svg>
</div>
<h1>Пользователи</h1>
<h2>Управление работниками и организациями</h2>
</div>
<div onclick="location.href='/applications'" class="hub-element">
<div class="icon">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="32" fill="none" viewBox="0 0 20 32">
<g clip-path="url(#a)">
<path fill="#000" fill-opacity=".85" d="M19.424 8.188v17.507c0 2.425-1.19 3.626-3.58 3.626H3.58C1.19 29.32 0 28.12 0 25.695V8.188c0-2.425 1.19-3.626 3.58-3.626h.153a2.71 2.71 0 0 0-.014.288v1.213c0 .123.007.243.023.358h-.07c-1.2 0-1.813.646-1.813 1.79v17.46c0 1.155.612 1.79 1.813 1.79h12.08c1.2 0 1.813-.635 1.813-1.79V8.212c0-1.144-.612-1.79-1.813-1.79h-.07a2.5 2.5 0 0 0 .024-.358V4.85c0-.098-.005-.195-.015-.288h.153c2.39 0 3.58 1.2 3.58 3.626Z"/>
<path fill="#000" fill-opacity=".85" d="M6.144 7.206h7.136c.67 0 1.074-.427 1.074-1.143V4.85c0-.716-.404-1.143-1.074-1.143h-1.062c-.08-1.305-1.166-2.367-2.506-2.367-1.34 0-2.425 1.062-2.506 2.367H6.144c-.67 0-1.074.427-1.074 1.143v1.213c0 .716.404 1.143 1.074 1.143Zm3.568-2.402a1.013 1.013 0 0 1-1.005-1.005c0-.566.45-1.016 1.005-1.016.554 0 1.005.45 1.005 1.016 0 .543-.45 1.005-1.005 1.005ZM4.62 22.069h5.127a.72.72 0 0 0 .716-.716.712.712 0 0 0-.716-.716H4.619a.722.722 0 0 0-.727.716.73.73 0 0 0 .727.716Zm0-4.319h10.185a.725.725 0 0 0 .727-.728.712.712 0 0 0-.727-.704H4.619a.712.712 0 0 0-.727.704c0 .404.323.728.727.728Zm0-4.1h10.185a.73.73 0 0 0 .727-.716.74.74 0 0 0-.727-.728H4.619a.74.74 0 0 0-.727.728.73.73 0 0 0 .727.716Z"/>
</g>
<defs>
<clipPath id="a">
<path fill="#fff" d="M0 0h19.424v32H0z"/>
</clipPath>
</defs>
</svg>
</div>
<h1>Заявки на пропуска</h1>
<h2>Управление заявками от физ лиц и от юр лиц</h2>
</div>
<div onclick="location.href='/passes'" class="hub-element">
<div class="icon">
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="25" fill="none" viewBox="0 0 32 25">
<path fill="#000" fill-opacity=".85" d="M4.261 24.984H27.74c2.85 0 4.261-1.398 4.261-4.194V4.208C32 1.41 30.589 0 27.739 0H4.26C1.425 0 0 1.411 0 4.207V20.79c0 2.795 1.425 4.193 4.261 4.193Zm.027-2.185c-1.357 0-2.103-.72-2.103-2.13V4.328c0-1.411.746-2.144 2.103-2.144h23.424c1.343 0 2.103.733 2.103 2.144v16.34c0 1.41-.76 2.13-2.103 2.13H4.288Z"/>
<path fill="#000" fill-opacity=".85" d="M6.433 7.423a1.26 1.26 0 0 0 1.262-1.262c0-.706-.557-1.262-1.262-1.262-.679 0-1.263.57-1.263 1.262 0 .679.584 1.262 1.263 1.262Zm0 4.153a1.26 1.26 0 0 0 1.262-1.262c0-.706-.557-1.262-1.262-1.262-.679 0-1.263.57-1.263 1.262 0 .678.584 1.262 1.263 1.262Zm0 4.139c.705 0 1.262-.556 1.262-1.262a1.25 1.25 0 0 0-1.262-1.249c-.693 0-1.263.57-1.263 1.249 0 .706.57 1.262 1.263 1.262Zm0 4.356a1.26 1.26 0 0 0 1.262-1.262c0-.706-.557-1.276-1.262-1.276-.679 0-1.263.584-1.263 1.276 0 .679.584 1.262 1.263 1.262ZM10.53 6.99h15.525c.488 0 .855-.366.855-.828a.851.851 0 0 0-.855-.855H10.53a.851.851 0 0 0-.855.855c0 .462.366.828.855.828Zm0 4.166h8.604c.461 0 .841-.38.841-.841a.857.857 0 0 0-.841-.855H10.53a.86.86 0 0 0-.855.855c0 .461.38.841.855.841Zm0 4.153h15.525a.835.835 0 0 0 .855-.855c0-.461-.367-.828-.855-.828H10.53c-.489 0-.855.367-.855.828 0 .489.366.855.855.855Zm0 4.343h8.604c.461 0 .841-.38.841-.842a.829.829 0 0 0-.841-.841H10.53a.832.832 0 0 0-.855.841c0 .462.38.842.855.842Z"/>
</svg>
</div>
<h1>Пропуска</h1>
<h2>Управление пропусками всех видов</h2>
</div>
<div onclick="location.href='/tso'" class="hub-element">
<div class="icon">
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="30" fill="none" viewBox="0 0 32 30">
<path fill="#000" d="M4.168 29.008h23.664c2.595 0 4.168-1.802 4.168-4.138 0-.717-.214-1.465-.596-2.137L19.557 2.092C18.763.702 17.405 0 16 0a4.028 4.028 0 0 0-3.557 2.092L.595 22.732A4.122 4.122 0 0 0 0 24.87c0 2.336 1.573 4.138 4.168 4.138Zm.015-2.397c-1.068 0-1.71-.825-1.71-1.756 0-.29.061-.657.23-.977l11.83-20.626c.321-.565.901-.81 1.466-.81s1.13.245 1.45.81l11.832 20.641c.168.32.245.672.245.962 0 .931-.672 1.756-1.726 1.756H4.184Z"/>
<path fill="#000" d="M16 18.718c.733 0 1.16-.428 1.176-1.222l.213-8.046c.016-.778-.595-1.358-1.404-1.358-.825 0-1.405.564-1.39 1.343l.199 8.061c.015.779.443 1.222 1.206 1.222Zm0 4.961c.886 0 1.649-.702 1.649-1.587 0-.901-.748-1.588-1.649-1.588-.9 0-1.649.702-1.649 1.588 0 .87.763 1.587 1.649 1.587Z"/>
</svg>
</div>
<h1>Заявки ТСО</h1>
<h2>Управление заявками ТСО</h2>
</div>
<div onclick="location.href='/account/newtso'" class="hub-element">
<div class="icon"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="none" viewBox="0 0 32 32">
<g clip-path="url(#a)">
<path fill="#000" d="M18.667 10.667H6.222a.889.889 0 0 1-.889-.89V6.223a.889.889 0 0 1 .89-.889h12.444a.889.889 0 0 1 .889.89v3.555a.889.889 0 0 1-.89.889ZM7.11 8.889h10.667V7.058H7.11v1.83Zm11.557 3.626H6.222a.889.889 0 0 0-.889.89v3.484a.889.889 0 0 0 .89.889H16.32l3.236-3.29v-1.084a.889.889 0 0 0-.89-.889ZM17.777 16H7.112v-1.778h10.667V16Z"/>
<path fill="#000" d="M9.831 28.009v-.053l.285-1.236h-6.56V3.556h17.777v9.11l1.778-1.68v-8.32a.889.889 0 0 0-.889-.888H2.667a.889.889 0 0 0-.89.889v24.888a.889.889 0 0 0 .89.89h7.11c.008-.147.026-.292.054-.436Zm9.724-10.969-.693.702a.89.89 0 0 0 .694-.702Z"/>
<path fill="#000" d="M5.333 23.947a.889.889 0 0 0 .89.889h4.301l.267-1.156.116-.489v-.044H7.11v-1.814h5.636l1.777-1.777h-8.3a.889.889 0 0 0-.889.888v3.503Zm24.436-9.129-2.996-2.996a1.43 1.43 0 0 0-2.026 0L12.56 24.08l-1.005 4.276a1.43 1.43 0 0 0 1.12 1.688c.092.01.184.01.276 0 .109.018.22.018.329 0l4.311-.95L29.77 16.888a1.422 1.422 0 0 0 0-2.018v-.053ZM16.684 27.476l-3.253.72.791-3.227 9.138-9.236 2.507 2.507-9.183 9.236Zm10.187-10.24-2.507-2.507 1.414-1.396 2.524 2.525-1.43 1.378Z"/>
</g>
<defs>
<clipPath id="a">
<path fill="#fff" d="M0 0h32v32H0z"/>
</clipPath>
</defs>
</svg></div>
<h1>Заявка ТСО</h1>
<h2>Оставить заявку ТСО</h2>
</div>
{{/if}}
{{#if (eq Role 'Пропуска')}}
<div onclick="location.href='/applications'" class="hub-element">
<div class="icon">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="32" fill="none" viewBox="0 0 20 32">
<g clip-path="url(#a)">
<path fill="#000" fill-opacity=".85" d="M19.424 8.188v17.507c0 2.425-1.19 3.626-3.58 3.626H3.58C1.19 29.32 0 28.12 0 25.695V8.188c0-2.425 1.19-3.626 3.58-3.626h.153a2.71 2.71 0 0 0-.014.288v1.213c0 .123.007.243.023.358h-.07c-1.2 0-1.813.646-1.813 1.79v17.46c0 1.155.612 1.79 1.813 1.79h12.08c1.2 0 1.813-.635 1.813-1.79V8.212c0-1.144-.612-1.79-1.813-1.79h-.07a2.5 2.5 0 0 0 .024-.358V4.85c0-.098-.005-.195-.015-.288h.153c2.39 0 3.58 1.2 3.58 3.626Z"/>
<path fill="#000" fill-opacity=".85" d="M6.144 7.206h7.136c.67 0 1.074-.427 1.074-1.143V4.85c0-.716-.404-1.143-1.074-1.143h-1.062c-.08-1.305-1.166-2.367-2.506-2.367-1.34 0-2.425 1.062-2.506 2.367H6.144c-.67 0-1.074.427-1.074 1.143v1.213c0 .716.404 1.143 1.074 1.143Zm3.568-2.402a1.013 1.013 0 0 1-1.005-1.005c0-.566.45-1.016 1.005-1.016.554 0 1.005.45 1.005 1.016 0 .543-.45 1.005-1.005 1.005ZM4.62 22.069h5.127a.72.72 0 0 0 .716-.716.712.712 0 0 0-.716-.716H4.619a.722.722 0 0 0-.727.716.73.73 0 0 0 .727.716Zm0-4.319h10.185a.725.725 0 0 0 .727-.728.712.712 0 0 0-.727-.704H4.619a.712.712 0 0 0-.727.704c0 .404.323.728.727.728Zm0-4.1h10.185a.73.73 0 0 0 .727-.716.74.74 0 0 0-.727-.728H4.619a.74.74 0 0 0-.727.728.73.73 0 0 0 .727.716Z"/>
</g>
<defs>
<clipPath id="a">
<path fill="#fff" d="M0 0h19.424v32H0z"/>
</clipPath>
</defs>
</svg>
</div>
<h1>Заявки на пропуска</h1>
<h2>Управление заявками от физ лиц и от юр лиц</h2>
</div>
<div onclick="location.href='/passes'" class="hub-element">
<div class="icon">
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="25" fill="none" viewBox="0 0 32 25">
<path fill="#000" fill-opacity=".85" d="M4.261 24.984H27.74c2.85 0 4.261-1.398 4.261-4.194V4.208C32 1.41 30.589 0 27.739 0H4.26C1.425 0 0 1.411 0 4.207V20.79c0 2.795 1.425 4.193 4.261 4.193Zm.027-2.185c-1.357 0-2.103-.72-2.103-2.13V4.328c0-1.411.746-2.144 2.103-2.144h23.424c1.343 0 2.103.733 2.103 2.144v16.34c0 1.41-.76 2.13-2.103 2.13H4.288Z"/>
<path fill="#000" fill-opacity=".85" d="M6.433 7.423a1.26 1.26 0 0 0 1.262-1.262c0-.706-.557-1.262-1.262-1.262-.679 0-1.263.57-1.263 1.262 0 .679.584 1.262 1.263 1.262Zm0 4.153a1.26 1.26 0 0 0 1.262-1.262c0-.706-.557-1.262-1.262-1.262-.679 0-1.263.57-1.263 1.262 0 .678.584 1.262 1.263 1.262Zm0 4.139c.705 0 1.262-.556 1.262-1.262a1.25 1.25 0 0 0-1.262-1.249c-.693 0-1.263.57-1.263 1.249 0 .706.57 1.262 1.263 1.262Zm0 4.356a1.26 1.26 0 0 0 1.262-1.262c0-.706-.557-1.276-1.262-1.276-.679 0-1.263.584-1.263 1.276 0 .679.584 1.262 1.263 1.262ZM10.53 6.99h15.525c.488 0 .855-.366.855-.828a.851.851 0 0 0-.855-.855H10.53a.851.851 0 0 0-.855.855c0 .462.366.828.855.828Zm0 4.166h8.604c.461 0 .841-.38.841-.841a.857.857 0 0 0-.841-.855H10.53a.86.86 0 0 0-.855.855c0 .461.38.841.855.841Zm0 4.153h15.525a.835.835 0 0 0 .855-.855c0-.461-.367-.828-.855-.828H10.53c-.489 0-.855.367-.855.828 0 .489.366.855.855.855Zm0 4.343h8.604c.461 0 .841-.38.841-.842a.829.829 0 0 0-.841-.841H10.53a.832.832 0 0 0-.855.841c0 .462.38.842.855.842Z"/>
</svg>
</div>
<h1>Пропуска</h1>
<h2>Управление пропусками всех видов</h2>
</div>
<div onclick="location.href='/account/newtso'" class="hub-element">
<div class="icon"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="none" viewBox="0 0 32 32">
<g clip-path="url(#a)">
<path fill="#000" d="M18.667 10.667H6.222a.889.889 0 0 1-.889-.89V6.223a.889.889 0 0 1 .89-.889h12.444a.889.889 0 0 1 .889.89v3.555a.889.889 0 0 1-.89.889ZM7.11 8.889h10.667V7.058H7.11v1.83Zm11.557 3.626H6.222a.889.889 0 0 0-.889.89v3.484a.889.889 0 0 0 .89.889H16.32l3.236-3.29v-1.084a.889.889 0 0 0-.89-.889ZM17.777 16H7.112v-1.778h10.667V16Z"/>
<path fill="#000" d="M9.831 28.009v-.053l.285-1.236h-6.56V3.556h17.777v9.11l1.778-1.68v-8.32a.889.889 0 0 0-.889-.888H2.667a.889.889 0 0 0-.89.889v24.888a.889.889 0 0 0 .89.89h7.11c.008-.147.026-.292.054-.436Zm9.724-10.969-.693.702a.89.89 0 0 0 .694-.702Z"/>
<path fill="#000" d="M5.333 23.947a.889.889 0 0 0 .89.889h4.301l.267-1.156.116-.489v-.044H7.11v-1.814h5.636l1.777-1.777h-8.3a.889.889 0 0 0-.889.888v3.503Zm24.436-9.129-2.996-2.996a1.43 1.43 0 0 0-2.026 0L12.56 24.08l-1.005 4.276a1.43 1.43 0 0 0 1.12 1.688c.092.01.184.01.276 0 .109.018.22.018.329 0l4.311-.95L29.77 16.888a1.422 1.422 0 0 0 0-2.018v-.053ZM16.684 27.476l-3.253.72.791-3.227 9.138-9.236 2.507 2.507-9.183 9.236Zm10.187-10.24-2.507-2.507 1.414-1.396 2.524 2.525-1.43 1.378Z"/>
</g>
<defs>
<clipPath id="a">
<path fill="#fff" d="M0 0h32v32H0z"/>
</clipPath>
</defs>
</svg></div>
<h1>Заявка ТСО</h1>
<h2>Оставить заявку ТСО</h2>
</div>
{{/if}}
{{#if (eq Role 'КПП')}}
<div onclick="location.href='/users'" class="hub-element">
<div class="icon">
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="23" fill="none" viewBox="0 0 32 23">
<g clip-path="url(#a)">
<path fill="#000" fill-opacity=".85" d="M13.904 13.934c-1.773 1.54-2.771 3.511-2.771 5.279 0 .506.102.995.347 1.42H3.33c-1.345 0-1.878-.534-1.878-1.506 0-2.946 3.01-6.5 7.823-6.5 1.825 0 3.39.51 4.63 1.306Zm-.903-7.05c0 2.317-1.73 4.11-3.715 4.11-1.996 0-3.725-1.793-3.725-4.088 0-2.284 1.74-4.013 3.725-4.013 1.975 0 3.715 1.686 3.715 3.992Zm8.571 3.864c2.294 0 4.27-2.049 4.27-4.717 0-2.637-1.986-4.59-4.27-4.59s-4.27 1.996-4.27 4.611c0 2.647 1.975 4.697 4.27 4.697Zm-6.714 9.884h13.417c1.676 0 2.273-.48 2.273-1.42 0-2.753-3.447-6.553-8.987-6.553-5.529 0-8.977 3.8-8.977 6.554 0 .94.598 1.42 2.274 1.42Z"/>
</g>
<defs>
<clipPath id="a">
<path fill="#fff" d="M0 0h32v22.084H0z"/>
</clipPath>
</defs>
</svg>
</div>
<h1>Пользователи</h1>
<h2>Просмотр данных сотрудников</h2>
</div>
<div onclick="location.href='/passes'" class="hub-element">
<div class="icon">
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="25" fill="none" viewBox="0 0 32 25">
<path fill="#000" fill-opacity=".85" d="M4.261 24.984H27.74c2.85 0 4.261-1.398 4.261-4.194V4.208C32 1.41 30.589 0 27.739 0H4.26C1.425 0 0 1.411 0 4.207V20.79c0 2.795 1.425 4.193 4.261 4.193Zm.027-2.185c-1.357 0-2.103-.72-2.103-2.13V4.328c0-1.411.746-2.144 2.103-2.144h23.424c1.343 0 2.103.733 2.103 2.144v16.34c0 1.41-.76 2.13-2.103 2.13H4.288Z"/>
<path fill="#000" fill-opacity=".85" d="M6.433 7.423a1.26 1.26 0 0 0 1.262-1.262c0-.706-.557-1.262-1.262-1.262-.679 0-1.263.57-1.263 1.262 0 .679.584 1.262 1.263 1.262Zm0 4.153a1.26 1.26 0 0 0 1.262-1.262c0-.706-.557-1.262-1.262-1.262-.679 0-1.263.57-1.263 1.262 0 .678.584 1.262 1.263 1.262Zm0 4.139c.705 0 1.262-.556 1.262-1.262a1.25 1.25 0 0 0-1.262-1.249c-.693 0-1.263.57-1.263 1.249 0 .706.57 1.262 1.263 1.262Zm0 4.356a1.26 1.26 0 0 0 1.262-1.262c0-.706-.557-1.276-1.262-1.276-.679 0-1.263.584-1.263 1.276 0 .679.584 1.262 1.263 1.262ZM10.53 6.99h15.525c.488 0 .855-.366.855-.828a.851.851 0 0 0-.855-.855H10.53a.851.851 0 0 0-.855.855c0 .462.366.828.855.828Zm0 4.166h8.604c.461 0 .841-.38.841-.841a.857.857 0 0 0-.841-.855H10.53a.86.86 0 0 0-.855.855c0 .461.38.841.855.841Zm0 4.153h15.525a.835.835 0 0 0 .855-.855c0-.461-.367-.828-.855-.828H10.53c-.489 0-.855.367-.855.828 0 .489.366.855.855.855Zm0 4.343h8.604c.461 0 .841-.38.841-.842a.829.829 0 0 0-.841-.841H10.53a.832.832 0 0 0-.855.841c0 .462.38.842.855.842Z"/>
</svg>
</div>
<h1>Пропуска</h1>
<h2>Управление пропусками всех видов</h2>
</div>
{{/if}}
{{#if (eq Role 'Работник')}}
<div onclick="location.href='/account/newtso'" class="hub-element">
<div class="icon"><svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="none" viewBox="0 0 32 32">
<g clip-path="url(#a)">
<path fill="#000" d="M18.667 10.667H6.222a.889.889 0 0 1-.889-.89V6.223a.889.889 0 0 1 .89-.889h12.444a.889.889 0 0 1 .889.89v3.555a.889.889 0 0 1-.89.889ZM7.11 8.889h10.667V7.058H7.11v1.83Zm11.557 3.626H6.222a.889.889 0 0 0-.889.89v3.484a.889.889 0 0 0 .89.889H16.32l3.236-3.29v-1.084a.889.889 0 0 0-.89-.889ZM17.777 16H7.112v-1.778h10.667V16Z"/>
<path fill="#000" d="M9.831 28.009v-.053l.285-1.236h-6.56V3.556h17.777v9.11l1.778-1.68v-8.32a.889.889 0 0 0-.889-.888H2.667a.889.889 0 0 0-.89.889v24.888a.889.889 0 0 0 .89.89h7.11c.008-.147.026-.292.054-.436Zm9.724-10.969-.693.702a.89.89 0 0 0 .694-.702Z"/>
<path fill="#000" d="M5.333 23.947a.889.889 0 0 0 .89.889h4.301l.267-1.156.116-.489v-.044H7.11v-1.814h5.636l1.777-1.777h-8.3a.889.889 0 0 0-.889.888v3.503Zm24.436-9.129-2.996-2.996a1.43 1.43 0 0 0-2.026 0L12.56 24.08l-1.005 4.276a1.43 1.43 0 0 0 1.12 1.688c.092.01.184.01.276 0 .109.018.22.018.329 0l4.311-.95L29.77 16.888a1.422 1.422 0 0 0 0-2.018v-.053ZM16.684 27.476l-3.253.72.791-3.227 9.138-9.236 2.507 2.507-9.183 9.236Zm10.187-10.24-2.507-2.507 1.414-1.396 2.524 2.525-1.43 1.378Z"/>
</g>
<defs>
<clipPath id="a">
<path fill="#fff" d="M0 0h32v32H0z"/>
</clipPath>
</defs>
</svg></div>
<h1>Заявка ТСО</h1>
<h2>Оставить заявку ТСО</h2>
</div>
{{/if}}
</div>
</section>
</body>
</html>