@php
    $isActiveGateIn = setActive(['gate-in/visitor*', 'gate-in/edit-visitor*']);
    $borderColorGateIn = $isActiveGateIn == 'is-active' ? '#E89417' : '#A2A5B9';
@endphp

{{-- <svg width="21" height="15" viewBox="0 0 21 15" fill="none" xmlns="http://www.w3.org/2000/svg">
    <rect y="2" width="21" height="12" fill="#FFF6E8" />
    <rect width="2" height="14" rx="1" fill="#FFF6E8" />
    <rect x="19" width="2" height="14" rx="1" fill="#FFF6E8" />
    <path
        d="M15.0661 14.1743C10.269 14.1744 5.49313 14.1745 0.717231 14.1746C0.604527 14.1746 0.491748 14.1763 0.379133 14.1729C0.130202 14.1654 0.0094139 14.0435 0.00171876 13.7921C-0.00149816 13.687 0.000787433 13.5817 0.000786926 13.4765C0.000765956 9.15626 0.000738042 4.83599 0.000821116 0.515715C0.00082919 0.0933056 0.0940113 0.00168528 0.522665 0.00152887C0.874869 0.0014001 1.22708 0.00100348 1.57928 0.00186478C1.95731 0.00278935 2.0583 0.101858 2.0593 0.4711C2.05993 0.702542 2.06484 0.934143 2.05778 1.16537C2.05363 1.30136 2.10393 1.35689 2.24197 1.35022C2.39658 1.34274 2.55183 1.34854 2.7068 1.34854C8.011 1.34866 13.3152 1.34877 18.6194 1.3489C18.9408 1.34891 18.9408 1.34897 18.9408 1.03099C18.9409 0.82059 18.938 0.610134 18.9418 0.399798C18.9465 0.140903 19.0747 0.00591666 19.3287 0.00319431C19.7584 -0.00141085 20.1881 -0.00080907 20.6178 0.0035405C20.8641 0.0060345 20.9888 0.135207 20.9988 0.382351C21.001 0.438375 20.9995 0.494552 20.9995 0.550659C20.9995 4.91301 20.9996 9.27536 20.9995 13.6377C20.9995 14.087 20.9115 14.1744 20.4548 14.1745C18.6656 14.1748 16.8764 14.1744 15.0661 14.1743ZM9.47125 6.77217C9.47107 5.29265 9.47097 3.81313 9.47066 2.33361C9.47061 2.05293 9.47023 2.05169 9.19761 2.05165C6.90171 2.05128 4.6058 2.05316 2.30991 2.04805C2.12315 2.04764 2.05418 2.09145 2.05452 2.29308C2.0607 5.9323 2.06134 9.57152 2.05462 13.2107C2.05421 13.4325 2.12733 13.4763 2.33305 13.4757C4.62189 13.4691 6.91077 13.4689 9.19961 13.476C9.40834 13.4766 9.47673 13.4283 9.47589 13.2092C9.46775 11.0776 9.47117 8.9459 9.47125 6.77217ZM11.5296 13.2037C11.4941 13.4156 11.5803 13.4769 11.7961 13.4762C14.0851 13.4687 16.3741 13.4716 18.6631 13.4715C18.9404 13.4715 18.9407 13.4711 18.9407 13.1945C18.9408 9.57612 18.9408 5.95771 18.9407 2.3393C18.9407 2.05245 18.9403 2.05137 18.6523 2.05134C16.3633 2.05108 14.0743 2.05367 11.7853 2.04718C11.5811 2.0466 11.5245 2.10623 11.5249 2.30842C11.5308 5.92682 11.5294 9.54523 11.5296 13.2037ZM1.35375 8.11912C1.3537 5.75673 1.35365 3.39435 1.35355 1.03196C1.35355 0.968874 1.35135 0.905748 1.35295 0.842709C1.35545 0.744266 1.30662 0.703205 1.21046 0.706227C1.14015 0.708436 1.06967 0.705227 0.999269 0.70521C0.706947 0.705141 0.706452 0.705249 0.70643 0.989444C0.706116 5.02724 0.70554 9.06503 0.706363 13.1028C0.706447 13.5153 0.665163 13.4574 1.08285 13.476C1.29346 13.4853 1.35981 13.4266 1.35864 13.2084C1.3496 11.5261 1.35371 9.84363 1.35375 8.11912ZM20.2938 11.3603C20.2938 8.528 20.2938 5.69574 20.2938 2.86347C20.2938 2.2185 20.2943 1.57353 20.2926 0.928563C20.2924 0.860973 20.3225 0.759822 20.2513 0.734978C20.077 0.674087 19.8863 0.680674 19.7123 0.72535C19.5932 0.755919 19.6485 0.896064 19.6485 0.986468C19.6457 5.01052 19.645 9.03458 19.6467 13.0586C19.6469 13.526 19.5831 13.458 20.063 13.4756C20.256 13.4826 20.3002 13.4107 20.2974 13.2321C20.288 12.6223 20.2938 12.0123 20.2938 11.3603ZM10.1759 9.59236C10.1759 9.99192 10.1759 10.3915 10.1759 10.791C10.1759 11.5971 10.1837 12.4034 10.171 13.2093C10.1675 13.4289 10.2413 13.504 10.4489 13.4724C10.4764 13.4682 10.5052 13.4719 10.5333 13.4719C10.8235 13.4717 10.8238 13.4716 10.8238 13.1865C10.8238 9.57645 10.8237 5.96643 10.8236 2.35642C10.8236 2.31436 10.8197 2.27192 10.824 2.23031C10.8387 2.08878 10.7685 2.041 10.6364 2.05178C10.5805 2.05635 10.5239 2.05181 10.4675 2.05178C10.1763 2.05161 10.1762 2.05165 10.1762 2.33725C10.176 4.74159 10.176 7.14593 10.1759 9.59236Z"
        fill="{{ $borderColorGateIn }}" />
    <path
        d="M7.68754 8.16243C7.8118 8.28778 7.93185 8.39712 8.03774 8.51867C8.18569 8.6885 8.17931 8.89253 8.03454 9.02756C7.89284 9.15971 7.68281 9.15513 7.52354 8.99998C7.19645 8.68133 6.87222 8.35953 6.55476 8.0314C6.37844 7.84916 6.37884 7.67375 6.55428 7.49331C6.87259 7.16592 7.19679 6.84404 7.52452 6.52597C7.68873 6.36661 7.89294 6.36153 8.03415 6.4959C8.18546 6.63989 8.19037 6.84981 8.02414 7.01972C7.78886 7.2602 7.54032 7.48781 7.29822 7.72019C7.39874 7.91813 7.56016 8.01573 7.68754 8.16243Z"
        fill="{{ $borderColorGateIn }}" />
    <path
        d="M8.97472 6.44449C9.12169 6.5372 9.16269 6.66267 9.16223 6.81276C9.16032 7.4432 9.16324 8.07366 9.16108 8.70411C9.16018 8.96546 9.03361 9.11311 8.81603 9.11994C8.6026 9.12665 8.45945 8.97354 8.45801 8.7186C8.45441 8.08117 8.45373 7.44368 8.45821 6.80625C8.46042 6.49263 8.65294 6.35586 8.97472 6.44449Z"
        fill="{{ $borderColorGateIn }}" />
    <path
        d="M14.4099 7.4527C14.627 7.71101 14.6251 7.85788 14.403 8.08183C14.1062 8.38112 13.8074 8.67855 13.506 8.97329C13.321 9.15429 13.1118 9.17087 12.9653 9.02514C12.8067 8.86739 12.82 8.6629 13.0106 8.47121C13.2379 8.24264 13.4707 8.01951 13.7234 7.77228C13.5139 7.56182 13.3224 7.36957 13.1311 7.17719C13.0766 7.12241 13.0195 7.06985 12.9688 7.01178C12.8199 6.84121 12.8185 6.64437 12.9619 6.50365C13.1045 6.36385 13.307 6.36253 13.4717 6.521C13.7855 6.82301 14.0903 7.13432 14.4099 7.4527Z"
        fill="{{ $borderColorGateIn }}" />
    <path
        d="M11.839 8.51489C11.8389 7.94171 11.8374 7.38904 11.8394 6.83639C11.8403 6.56288 11.9715 6.40378 12.1888 6.40235C12.4092 6.40091 12.5429 6.55851 12.5437 6.82916C12.5453 7.43779 12.5448 8.04642 12.544 8.65504C12.5436 8.96471 12.422 9.11996 12.184 9.11917C11.9629 9.11843 11.8433 8.95967 11.8393 8.66133C11.8387 8.61936 11.8391 8.57738 11.839 8.51489Z"
        fill="{{ $borderColorGateIn }}" />
</svg> --}}

<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 28 28" fill="none">
  <path d="M20.9999 14H16.3333V15.75H20.9999V14Z" fill="{{ $borderColorGateIn }}"/>
  <path d="M20.9999 17.5H16.3333V19.25H20.9999V17.5Z" fill="{{ $borderColorGateIn }}"/>
  <path d="M23.3333 8.16671H17.4999V4.66671C17.4999 3.38337 16.4499 2.33337 15.1666 2.33337H12.8333C11.5499 2.33337 10.4999 3.38337 10.4999 4.66671V8.16671H4.66659C3.38325 8.16671 2.33325 9.21671 2.33325 10.5V23.3334C2.33325 24.6167 3.38325 25.6667 4.66659 25.6667H23.3333C24.6166 25.6667 25.6666 24.6167 25.6666 23.3334V10.5C25.6666 9.21671 24.6166 8.16671 23.3333 8.16671ZM12.8333 4.66671H15.1666V10.5H12.8333V4.66671ZM23.3333 23.3334H4.66659V10.5H10.4999C10.4999 11.7834 11.5499 12.8334 12.8333 12.8334H15.1666C16.4499 12.8334 17.4999 11.7834 17.4999 10.5H23.3333V23.3334Z" fill="{{ $borderColorGateIn }}"/>
  <path d="M10.4999 17.5C11.4664 17.5 12.2499 16.7165 12.2499 15.75C12.2499 14.7835 11.4664 14 10.4999 14C9.53342 14 8.74992 14.7835 8.74992 15.75C8.74992 16.7165 9.53342 17.5 10.4999 17.5Z" fill="{{ $borderColorGateIn }}"/>
  <path d="M12.9266 18.8767C12.1799 18.55 11.3633 18.375 10.4999 18.375C9.63659 18.375 8.81992 18.55 8.07325 18.8767C7.41992 19.1567 6.99992 19.7867 6.99992 20.4984V21H13.9999V20.4984C13.9999 19.7867 13.5799 19.1567 12.9266 18.8767Z" fill="{{ $borderColorGateIn }}"/>
</svg>