<?xml version="1.0" encoding="UTF-8" ?>
<templates xml:space="preserve">

    <t t-name="discuss.CallPermissionDialog">
        <Dialog title="''" size="'md'">
            <div class="d-flex flex-fill align-items-center gap-3" t-att-class="{ 'flex-column-reverse': ui.isSmall }">
                <div>
                    <h2 t-out="permissionPrompt"/>
                    <p class="text-muted" t-out="permissionNote"/>
                </div>
                <t t-call="discuss.CallPermissionDialogImg"/>
            </div>
            <t t-set-slot="footer">
                <button class="btn btn-primary" t-on-click="props.media === 'microphone' ? onClickUseMicrophone : onClickUseCamera" t-out="primaryActionText"/>
                <button class="btn btn-secondary" t-if="rtc.cameraPermission !== 'granted' and rtc.microphonePermission !== 'granted'" t-on-click="onClickUseMicAndCamera">Use microphone and camera</button>
            </t>
        </Dialog>
    </t>

    <t t-name="discuss.CallPermissionDialogImg">
        <svg role="img" aria-label="Permissions Lady - Lady pushing a giant toggle button" width="auto" height="auto" viewBox="0 0 431 294" fill="none" xmlns="http://www.w3.org/2000/svg">
            <title>Permissions Lady</title>
            <description>Illustration showing a lady pushing a giant toggle button representing microphone and camera permissions</description>
            <g>
                <path d="M416.883 199.223C449.535 207.671 404.368 248.121 328.305 263.265C252.242 278.41 314.822 210.507 288.212 209.893C261.602 209.278 131.646 211.037 137.988 178.759C144.33 146.481 177.904 127.505 129.578 136.519C81.2519 145.534 24.2953 149.433 17.9237 105.802C11.5521 62.1706 107.782 10.5312 159.555 3.1687C227.858 -6.54452 179.169 72.1996 205.481 68.4582C231.793 64.7164 301.898 35.2174 311.979 104.251C314.247 119.778 294.047 137.056 286.453 156.03C278.86 175.004 338.818 152.511 355.846 152.904C408.205 154.113 384.231 190.775 416.883 199.223Z" fill="var(--primary)" opacity=".2"/>
                <g>
                    <ellipse cx="212.5" cy="284" rx="135.5" ry="9" fill="var(--gray-300)"/>
                    <rect x="2" y="-2" width="265" height="138" rx="69" transform="matrix(-1 0 0 1 343 59)" fill="#28a745" stroke="#1e8035" stroke-width="4"/>
                    <ellipse cx="54.6279" cy="54.8182" rx="54.6279" ry="54.8182" transform="matrix(-1 0 0 1 320.791 71.1818)" fill="#ffffff" stroke="#1e8035" stroke-width="3"/>
                </g>
                <g>
                    <path d="M175 278.116V281.116C175.327 281.596 178.87 282.203 183.5 282.596C184.5 278.616 185.141 282.726 186 282.78C193.487 283.247 202.619 283.088 206 281.116C207.402 279.853 207.863 278.468 207.5 276.616L175 278.116Z" fill="#ffffff" stroke="#1F1F1F"/>
                    <path d="M175 271.616L175 267.116H193V271.616C198.688 276.238 212 274.616 206 278.116C200 281.616 175.879 279.405 175 278.116V271.616Z" fill="#e99d00" stroke="#1F1F1F" stroke-linecap="round"/>
                    <path d="M175 266.616C175 267.445 179.029 268.116 184 268.116C188.971 268.116 193 267.445 193 266.616C193 265.788 188.971 265.116 184 265.116C179.029 265.116 175 265.788 175 266.616Z" fill="#1F1F1F" stroke="#1F1F1F"/>
                    <path d="M176 267.116C181.5 268.116 184 268.116 188 267.616L190.132 259.421C186.181 260.434 182.831 260.408 178 258.888L176 267.116Z" fill="#ffe4c8" stroke="#1F1F1F"/>
                    <path d="M177.5 262.116L184.5 260.116L178 259.116L177.5 262.116Z" fill="#1F1F1F"/>
                    <path d="M106 287.116L107 284.116L78 277.116L77 280.116L82 283.116C83.5417 281.116 82.9432 283.764 83.5417 284.116C86.3146 285.746 90.5 287.616 90.5 287.616C95.1489 288.408 103.75 288.616 106 287.116Z" fill="#ffffff" stroke="#1F1F1F" stroke-linecap="round" stroke-linejoin="round"/>
                    <path d="M96.5 278.116C98 281.616 107 282.133 107 284.116C107 287.116 94 285.616 91.5 284.616C89 283.616 78 276.875 78 276.875C80 271.616 80.9343 268.363 84.5 264.116L100.5 271.616C99 274.616 96.5 278.116 96.5 278.116ZM96.5 278.116H94" fill="#e99d00" stroke="#1F1F1F" stroke-linecap="round" stroke-linejoin="round"/>
                    <path d="M153.367 204.616C155.435 199.632 156.742 196.242 156.742 196.242L161 195.616M153.367 204.616C148.568 216.185 139.67 236.34 133.5 242.616C124.672 251.596 115.5 256.616 105 263.616C97.2224 263.224 92.9847 262.667 88.3472 255.385C93.3441 246.82 103.846 235.853 119.265 230.144C123.576 214.521 123.238 188.018 134 176.116L140.5 168.616L164.5 174.116L163.523 180.54C163.523 180.54 201 204.093 201 214.442C201 224.791 194.259 258.116 194.259 258.116C187.536 260.534 183.587 261.02 175.759 258.116L181.5 223.116L153.367 204.616Z" fill="#ffffff" stroke="#1F1F1F" stroke-linecap="round" stroke-linejoin="round"/>
                    <path d="M159 208.116L157 196.616L153.5 204.616L159 208.116Z" fill="#1F1F1F"/>
                    <path d="M84.6513 263.993C84.3013 264.744 87.5283 266.989 91.859 269.008C96.1897 271.026 99.9841 272.054 100.334 271.303C100.684 270.552 97.4571 268.307 93.1264 266.288C88.7957 264.27 85.0013 263.242 84.6513 263.993Z" fill="#1F1F1F" stroke="#1F1F1F"/>
                    <path d="M84.7145 264.574C89.2771 267.804 91.5431 268.86 95.3798 270.097L100.775 263.57C96.7659 262.819 93.7398 261.379 90.0036 257.961L84.7145 264.574Z" fill="#ffe4c8" stroke="#1F1F1F"/>
                    <path d="M94 261.116L97.5 267.116L101 263.616L94 261.116Z" fill="#1F1F1F"/>
                    <path d="M180 98.6163C165.481 97.5001 160.713 102.315 160 113.116C159.787 116.336 159.71 114.616 152 116.616C144.29 118.616 146.849 129.247 150 133.116C172.16 130.116 174.5 140.116 180 127.116C181.895 126.406 188.226 126.377 190.5 122.116C193.343 116.791 189.337 116.001 190.5 111.116C193 100.616 186.5 99.1161 180 98.6163Z" fill="#1F1F1F"/>
                    <path d="M165 98.1161C165.715 100.783 168.457 101.331 171.124 100.616C173.791 99.9014 176.544 96.4538 175.83 93.7865C175.115 91.1191 172.373 90.5717 169.706 91.2864C167.039 92.0011 164.285 95.4487 165 98.1161Z" fill="#1F1F1F"/>
                    <path d="M141.5 168.616C138.5 167.116 136.324 163.375 141.5 157.616C150.389 147.725 146 125.116 161 124.616L170.06 130.077C173.526 128.245 177.193 130.251 178.593 131.483L183.429 137.089L176.545 149.567L175.5 163.356L173.847 173.956C162.12 175.791 144.5 170.116 141.5 168.616Z" fill="var(--primary)"/>
                    <path d="M141.5 157.616L141.872 157.95L141.5 157.616ZM173.847 173.956L174.341 174.033C174.307 174.247 174.139 174.416 173.924 174.45L173.847 173.956ZM175.5 163.356L175.998 163.394L175.997 163.414L175.994 163.433L175.5 163.356ZM161 124.616L160.983 124.116L161.131 124.111L161.258 124.188L161 124.616ZM176.545 149.567L176.046 149.529C176.052 149.458 176.072 149.388 176.107 149.325L176.545 149.567ZM183.429 137.089L183.808 136.763C183.945 136.921 183.968 137.148 183.867 137.331L183.429 137.089ZM178.593 131.483L178.923 131.107C178.94 131.122 178.956 131.139 178.971 131.156L178.593 131.483ZM170.06 130.077L170.294 130.519C170.139 130.601 169.952 130.596 169.802 130.505L170.06 130.077ZM141.5 157.616L141.872 157.95C139.335 160.773 138.687 163.004 138.929 164.64C139.17 166.273 140.32 167.467 141.724 168.169L141.5 168.616L141.276 169.063C139.68 168.265 138.242 166.839 137.939 164.786C137.637 162.737 138.489 160.218 141.128 157.282L141.5 157.616ZM173.847 173.956L173.353 173.879L175.006 163.279L175.5 163.356L175.994 163.433L174.341 174.033L173.847 173.956ZM141.5 168.616L141.724 168.169C143.169 168.892 148.277 170.675 154.508 172.048C160.737 173.422 168 174.365 173.769 173.462L173.847 173.956L173.924 174.45C167.966 175.382 160.555 174.405 154.293 173.025C148.032 171.645 142.831 169.841 141.276 169.063L141.5 168.616ZM161 124.616L161.016 125.116C157.418 125.236 155.016 126.67 153.268 128.901C151.498 131.161 150.383 134.259 149.441 137.725C148.971 139.455 148.549 141.256 148.107 143.078C147.666 144.895 147.207 146.729 146.666 148.503C145.586 152.045 144.167 155.396 141.872 157.95L141.5 157.616L141.128 157.282C143.277 154.89 144.643 151.706 145.709 148.211C146.241 146.467 146.695 144.657 147.135 142.842C147.574 141.031 148.001 139.21 148.476 137.463C149.423 133.979 150.579 130.713 152.481 128.284C154.407 125.826 157.082 124.246 160.983 124.116L161 124.616ZM176.545 149.567L176.107 149.325L182.992 136.848L183.429 137.089L183.867 137.331L176.983 149.808L176.545 149.567ZM183.429 137.089L183.051 137.416L178.214 131.809L178.593 131.483L178.971 131.156L183.808 136.763L183.429 137.089ZM178.593 131.483L178.263 131.858C177.612 131.286 176.411 130.516 174.966 130.112C173.53 129.71 171.885 129.678 170.294 130.519L170.06 130.077L169.827 129.635C171.701 128.644 173.623 128.698 175.236 129.149C176.841 129.598 178.173 130.448 178.923 131.107L178.593 131.483ZM170.06 130.077L169.802 130.505L160.742 125.044L161 124.616L161.258 124.188L170.318 129.649L170.06 130.077ZM175.5 163.356L175.001 163.319L176.046 149.529L176.545 149.567L177.043 149.605L175.998 163.394L175.5 163.356Z" fill="#1F1F1F"/>
                    <path d="M183.352 136.935C182.628 136.572 180.587 139.18 178.795 142.76C177.002 146.341 176.136 149.537 176.86 149.899C177.585 150.262 179.625 147.654 181.418 144.074C183.21 140.494 184.076 137.297 183.352 136.935Z" fill="#1F1F1F" stroke="#1F1F1F"/>
                    <path d="M211.696 117.616C211.141 115.779 210.496 116.224 209.881 118.546C209.494 120.8 208.5 124.583 208.5 124.583C208.5 124.583 208.327 116.274 209.881 118.546C210.496 116.224 211.141 115.779 211.696 117.616C211.396 116.486 213.047 113.863 213.672 118.208C214.171 121.675 212.844 125.528 212.287 126.944C212.145 127.303 212.054 127.505 212.054 127.505L212.287 126.944C212.844 125.528 214.171 121.675 213.672 118.208C213.047 113.863 211.396 116.486 211.696 117.616Z" fill="#ffe4c8"/>
                    <path fill-rule="evenodd" clip-rule="evenodd" d="M182.4 137.359C179.697 140.96 178.795 142.76 177.713 145.822C177.713 145.822 189.73 156.927 192.079 156.708C194.428 156.489 196 156.116 197.812 154.801C199.623 153.485 210.245 135.215 210.245 135.215C211.777 133.734 213.822 130.968 214.321 128.887C216.519 120.741 213.545 123.911 213.545 123.911L212.287 126.944C212.145 127.303 212.054 127.505 212.054 127.505L212.287 126.944C212.844 125.528 214.171 121.675 213.672 118.208C213.047 113.863 211.396 116.486 211.696 117.616C211.141 115.779 210.496 116.224 209.881 118.546C209.494 120.8 208.5 124.583 208.5 124.583C208.242 125.534 208.047 126.305 207.884 126.951C207.249 129.469 207.091 130.094 205.5 132.083L192.34 146.01L182.4 137.359Z" fill="#ffe4c8"/>
                    <path d="M211.696 117.616C211.141 115.779 210.496 116.224 209.881 118.546M211.696 117.616C211.396 116.486 213.047 113.863 213.672 118.208C214.171 121.675 212.844 125.528 212.287 126.944M211.696 117.616L210.381 123.737M209.881 118.546C209.494 120.8 208.5 124.583 208.5 124.583M209.881 118.546C208.327 116.274 208.5 124.583 208.5 124.583M208.5 124.583C208.242 125.534 208.047 126.305 207.884 126.951C207.249 129.469 207.091 130.094 205.5 132.083L192.34 146.01L182.4 137.359C179.697 140.96 178.795 142.76 177.713 145.822C177.713 145.822 189.73 156.927 192.079 156.708C194.428 156.489 196 156.116 197.812 154.801C199.623 153.485 210.245 135.215 210.245 135.215C211.777 133.734 213.822 130.968 214.321 128.887C216.519 120.741 213.545 123.911 213.545 123.911L212.287 126.944M212.287 126.944C212.145 127.303 212.054 127.505 212.054 127.505L212.287 126.944Z" stroke="#1F1F1F" stroke-linecap="round" stroke-linejoin="round"/>
                    <path d="M176.242 145.177C175.657 144.591 172.401 146.897 168.971 150.327C165.541 153.756 163.236 157.012 163.821 157.598C164.407 158.183 167.663 155.878 171.093 152.448C174.522 149.018 176.828 145.763 176.242 145.177Z" fill="#1F1F1F" stroke="#1F1F1F"/>
                    <path d="M156 141.116L163.5 157.616L176.5 145.616L173 137.116C171.833 135.116 168.3 131.316 163.5 132.116" stroke="#1F1F1F" stroke-linecap="round" stroke-linejoin="round"/>
                    <path d="M214.5 134.116L214 139.616M214.5 134.116V133.616C214.5 131.616 217 132.116 216.5 136.116M214.5 134.116C214.5 132.991 213 133.116 213 134.116C213 135.116 212 142.616 212 142.616V140.116C212 140.116 210 136.366 210 144.616L183.5 159.616L175.182 145.53C170.586 148.712 168.818 150.48 166.343 153.662C166.343 153.662 176.147 171.453 179 172.116C183 174.516 188 171.842 190 170.205C196.585 165.718 209.711 154.607 214.5 150.616C219.289 146.625 218.472 141.692 218.5 137.116C218.511 135.366 216.487 135.098 216.5 136.116M216.5 136.116C216.5 136.116 216.03 137.956 216.03 139.616" fill="#ffe4c8" stroke="#1F1F1F" stroke-linecap="round" stroke-linejoin="round"/>
                    <path d="M173.5 121.116L170.333 129.116C170.333 129.116 169.333 130.616 167 130.116C164.666 129.616 164 127.116 164 127.116C165.159 126.289 168.159 115.261 168.159 115.261C168.159 115.261 165.077 110.815 167 109.116C168.378 107.898 170.333 109.932 170.333 109.932C170.333 109.932 172 106.116 172.5 105.116C173 104.116 185.5 106.116 185.5 106.116C185.5 106.116 186.939 108.116 186.823 112.116C186.614 119.372 182.766 125.234 173.5 121.116ZM173.5 121.116L171.5 120.116" fill="#ffe4c8" stroke="#1F1F1F" stroke-linecap="round"/>
                    <path d="M171.5 120.116L172.5 122.616L173.5 120.616L171.5 120.116Z" fill="#1F1F1F"/>
                    <path d="M180 117.616C178.599 117.176 178.079 116.838 177.5 116.116" stroke="#1F1F1F" stroke-linecap="round"/>
                    <circle cx="1" cy="1" r="1" transform="matrix(-1 0 0 1 179 111.116)" fill="#1F1F1F"/>
                    <circle cx="1" cy="1" r="1" transform="matrix(-1 0 0 1 185 111.116)" fill="#1F1F1F"/>
                    <path d="M182 112.116C182 112.116 182 114.165 182 114.75C182 115.336 181 115.043 181 115.043" stroke="#1F1F1F" stroke-linecap="round"/>
                </g>
                <g>
                    <circle cx="308" cy="203.5" r="29.5" fill="var(--primary)"/>
                    <rect x="290.75" y="190.235" width="29.2001" height="25.7649" rx="2" stroke="white" stroke-width="2" stroke-linejoin="round"/>
                    <path d="M325.691 194.866C326.355 194.418 327.25 194.894 327.25 195.695V211.256C327.25 212.057 326.355 212.533 325.691 212.085L320.093 208.306V198.645L325.691 194.866Z" stroke="white" stroke-width="2" stroke-linejoin="round"/>
                </g>
                <g>
                    <circle cx="105.5" cy="62.5" r="29.5" fill="var(--primary)"/>
                    <path d="M104.989 42.4286C108.782 42.4286 111.864 45.5184 111.864 49.3387V62.4657C111.864 66.2859 108.782 69.3749 104.989 69.3749C101.196 69.3748 98.1142 66.2858 98.114 62.4657V49.3387C98.114 45.5185 101.196 42.4287 104.989 42.4286Z" stroke="white" stroke-width="2"/>
                    <path d="M104.989 74.5256C98.2889 74.5256 92.8572 68.9986 92.8572 62.1807M104.989 74.5256C111.69 74.5256 117.121 68.9986 117.121 62.1807M104.989 74.5256V83.5714" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                </g>
            </g>
        </svg>
    </t>
</templates>
