@props([
    'dark' => true,
])
@if (setting('website_logo') == 'themes/canvas/images/logo.svg')
    <svg class="sidebar-brand-full" width="202" height="36" alt="Monster Tools" viewBox="0 0 180 32" fill="none"
        xmlns="http://www.w3.org/2000/svg">
        <path class="logo-mini"
            d="M45.5004 6.69971H48.5004V25.7997H45.7004V10.7997L40.0004 17.5997L34.2004 10.7997V25.8997H31.4004V6.69971H34.4004L39.9004 13.2997L45.5004 6.69971Z M59.4004 9.69971C61.0004 9.69971 62.3004 10.9997 62.3004 12.5997V22.9997C62.3004 24.5997 61.0004 25.8997 59.4004 25.8997H52.8004C51.2004 25.8997 49.9004 24.5997 49.9004 22.9997V12.5997C49.9004 10.9997 51.2004 9.69971 52.8004 9.69971H59.4004ZM52.8004 12.3997C52.7004 12.3997 52.7004 12.4997 52.7004 12.4997V22.9997C52.7004 23.0997 52.8004 23.0997 52.8004 23.0997H59.4004C59.5004 23.0997 59.5004 22.9997 59.5004 22.9997V12.5997C59.5004 12.4997 59.4004 12.4997 59.4004 12.4997H52.8004V12.3997Z M75.3004 12.5997V25.8997H72.5004V12.5997C72.5004 12.4997 72.4004 12.4997 72.4004 12.4997H65.8004C65.7004 12.4997 65.7004 12.5997 65.7004 12.5997V25.8997H62.9004V9.69971H72.4004C74.0004 9.69971 75.3004 10.9997 75.3004 12.5997Z M88.2003 14.0997H85.4003V12.5997C85.4003 12.4997 85.3003 12.4997 85.3003 12.4997H78.7003C78.6003 12.4997 78.6003 12.5997 78.6003 12.5997V16.2997C78.6003 16.3997 78.7003 16.3997 78.7003 16.3997H85.3003C86.9003 16.3997 88.2003 17.6997 88.2003 19.2997V22.9997C88.2003 24.5997 86.9003 25.8997 85.3003 25.8997H78.7003C77.1003 25.8997 75.8003 24.5997 75.8003 22.9997V21.4997H78.6003V22.9997C78.6003 23.0997 78.7003 23.0997 78.7003 23.0997H85.3003C85.4003 23.0997 85.4003 22.9997 85.4003 22.9997V19.2997C85.4003 19.1997 85.3003 19.1997 85.3003 19.1997H78.7003C77.1003 19.1997 75.8003 17.8997 75.8003 16.2997V12.5997C75.8003 10.9997 77.1003 9.69971 78.7003 9.69971H85.3003C86.9003 9.69971 88.2003 10.9997 88.2003 12.5997V14.0997Z M92.1003 12.3997V22.9997C92.1003 23.0997 92.2003 23.0997 92.2003 23.0997H96.8003V25.8997H92.2003C90.6003 25.8997 89.3003 24.5997 89.3003 22.9997V5.69971H92.1003V9.69971H96.8003V12.4997H92.1003V12.3997Z M109.8 12.5997V19.1997H100.2V22.9997C100.2 23.0997 100.3 23.0997 100.3 23.0997H109.8V25.8997H100.3C98.7004 25.8997 97.4004 24.5997 97.4004 22.9997V12.5997C97.4004 10.9997 98.7004 9.69971 100.3 9.69971H106.9C108.5 9.69971 109.8 10.9997 109.8 12.5997ZM107.1 16.3997V12.5997C107.1 12.4997 107 12.4997 107 12.4997H100.4C100.3 12.4997 100.3 12.5997 100.3 12.5997V16.3997H107.1Z M120.1 9.69971V12.4997H113.3C113.2 12.4997 113.2 12.5997 113.2 12.5997V25.8997H110.4V12.5997C110.4 10.9997 111.7 9.69971 113.3 9.69971H120.1Z">
        </path>
        <path class="logo-primary"
            d="M136 6.69971V9.49971H129.8V25.7997H127V9.49971H120.8V6.69971H136Z M144.6 9.69971C146.2 9.69971 147.5 10.9997 147.5 12.5997V22.9997C147.5 24.5997 146.2 25.8997 144.6 25.8997H138C136.4 25.8997 135.1 24.5997 135.1 22.9997V12.5997C135.1 10.9997 136.4 9.69971 138 9.69971H144.6ZM138 12.3997C137.9 12.3997 137.9 12.4997 137.9 12.4997V22.9997C137.9 23.0997 138 23.0997 138 23.0997H144.6C144.7 23.0997 144.7 22.9997 144.7 22.9997V12.5997C144.7 12.4997 144.6 12.4997 144.6 12.4997H138V12.3997Z M157.6 9.69971C159.2 9.69971 160.5 10.9997 160.5 12.5997V22.9997C160.5 24.5997 159.2 25.8997 157.6 25.8997H151C149.4 25.8997 148.1 24.5997 148.1 22.9997V12.5997C148.1 10.9997 149.4 9.69971 151 9.69971H157.6ZM151 12.3997C150.9 12.3997 150.9 12.4997 150.9 12.4997V22.9997C150.9 23.0997 151 23.0997 151 23.0997H157.6C157.7 23.0997 157.7 22.9997 157.7 22.9997V12.5997C157.7 12.4997 157.6 12.4997 157.6 12.4997H151V12.3997Z M163.9 5.69971V22.9997C163.9 23.0997 163.9 23.0997 164 23.0997H166.5V25.8997H164C162.4 25.8997 161.1 24.5997 161.1 22.9997V5.69971H163.9Z M179.6 14.0997H176.8V12.5997C176.8 12.4997 176.7 12.4997 176.7 12.4997H170.1C170 12.4997 170 12.5997 170 12.5997V16.2997C170 16.3997 170.1 16.3997 170.1 16.3997H176.7C178.3 16.3997 179.6 17.6997 179.6 19.2997V22.9997C179.6 24.5997 178.3 25.8997 176.7 25.8997H170.1C168.5 25.8997 167.2 24.5997 167.2 22.9997V21.4997H170V22.9997C170 23.0997 170.1 23.0997 170.1 23.0997H176.7C176.8 23.0997 176.8 22.9997 176.8 22.9997V19.2997C176.8 19.1997 176.7 19.1997 176.7 19.1997H170.1C168.5 19.1997 167.2 17.8997 167.2 16.2997V12.5997C167.2 10.9997 168.5 9.69971 170.1 9.69971H176.7C178.3 9.69971 179.6 10.9997 179.6 12.5997V14.0997Z">
        </path>
        <path class="logo-primary"
            d="M13.8002 0.399902C7.8002 0.399902 2.6002 3.8999 0.200195 8.9999C4.3002 7.7999 8.1002 6.9999 9.7002 7.1999C12.2002 7.1999 14.6002 8.2999 16.5002 9.8999C16.5002 9.2999 16.5002 8.6999 16.3002 8.0999C16.8002 8.7999 17.5002 10.5999 17.8002 11.1999C17.8002 10.5999 17.7002 9.8999 17.5002 9.1999C18.4002 10.9999 18.8002 11.9999 18.9002 12.5999C19.0002 12.7999 19.1002 12.8999 19.2002 13.0999C20.1002 14.5999 20.1002 16.6999 18.6002 17.7999C18.9002 18.8999 19.1002 20.1999 18.6002 21.3999C18.1002 22.4999 16.9002 22.9999 15.8002 23.1999C16.7002 21.8999 15.7002 20.0999 14.2002 19.9999C12.1002 20.0999 10.4002 21.4999 9.1002 23.0999C7.6002 24.8999 6.9002 27.0999 6.3002 29.3999C8.5002 30.5999 11.0002 31.2999 13.6002 31.2999C22.0002 31.2999 28.8002 24.3999 28.8002 15.8999C28.8002 7.3999 22.1002 0.399902 13.8002 0.399902ZM17.4002 14.3999C17.4002 14.9999 17.2002 15.4999 16.7002 15.7999C16.9002 16.4999 17.5002 16.8999 18.1002 17.1999C17.5002 16.3999 17.8002 15.2999 17.4002 14.3999Z">
        </path>
    </svg>
@else
    <img src="{{ setting('website_logo') }}" alt="{{ config('app.name') }}" class="logo-light">
    @if (!empty(setting('website_logo_dark')) && $dark)
        <img src="{{ setting('website_logo_dark') }}" alt="{{ config('app.name') }}" class="logo-dark">
    @endif
@endif