@php
$wrp_cls = $wrp_cls??'';

@endphp


<div id="custom-modal"  class="ckf-modal modal custom-modal">
    <div class="modal__dialog modal__dialog--845">
        <div class="modal__content" data-ckf-el="detail">
            <div class="modal__header">
                <div class="ckf-modal-header-title">
                    <h1>Customize Consent Preferences</h1>
                    <a href="{{ url('/') }}" target="_blank">
                        <svg width="827" height="173" viewBox="0 0 827 173" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path fill-rule="evenodd" clip-rule="evenodd" d="M165.452 101.094C168.265 102.283 170.054 105.225 169.272 108.178C167.524 114.774 165.014 121.059 161.84 126.933C160.705 129.034 158.351 130.187 156.026 129.647C148.766 127.962 142.054 124.274 136.699 118.918L106.898 89.1175C95.9861 78.2055 81.1862 72.0752 65.7543 72.0752H8.17884C4.47851 72.0752 1.64712 68.7515 2.54327 65.1613C3.82169 60.0397 5.55887 55.0998 7.70863 50.3876C8.64539 48.3343 10.7278 47.0752 12.9847 47.0752H88.7544C99.4124 47.0752 109.634 51.3091 117.17 58.8454L146.971 88.6463C152.324 93.999 158.612 98.2012 165.452 101.094ZM117.557 162.751C119.161 164.263 121.536 164.555 123.52 163.594C129.661 160.622 135.394 156.941 140.615 152.658C144.074 149.82 142.753 144.406 138.764 142.38C133.348 139.629 128.347 136.022 123.971 131.646L94.1702 101.845C86.6338 94.3091 76.4124 90.0752 65.7543 90.0752H6.35676C2.93544 90.0752 0.186242 92.9362 0.589691 96.3336C1.19024 101.391 2.22924 106.314 3.66762 111.063C4.40228 113.488 6.68347 115.075 9.21795 115.075H45.7544C61.1863 115.075 75.9861 121.205 86.8981 132.117L116.699 161.918C116.981 162.2 117.267 162.478 117.557 162.751ZM88.7059 172.111C93.5843 171.964 95.5085 166.184 92.0573 162.733L74.1702 144.845C66.6339 137.309 56.4124 133.075 45.7544 133.075H25.021C20.2547 133.075 17.4807 138.318 20.5759 141.942C36.3635 160.43 59.8431 172.151 86.0604 172.151C86.9454 172.151 87.8273 172.138 88.7059 172.111ZM34.8776 29.0752C29.7076 29.0752 27.1362 23.1186 31.1141 19.8162C46.0211 7.4407 65.1718 0 86.0604 0C129.864 0 166.026 32.7206 171.437 75.0536C171.991 79.3877 167.558 82.3081 164.058 79.6923C162.525 78.547 161.068 77.2871 159.699 75.9184L129.898 46.1175C118.986 35.2055 104.186 29.0752 88.7544 29.0752H34.8776Z" fill="#1F1F1F"/>
                            <path d="M276.193 118.132C269.907 118.132 264.208 116.781 259.097 114.079C254.044 111.317 250.049 107.528 247.112 102.71C244.233 97.8341 242.794 92.3409 242.794 86.2308C242.794 80.1207 244.233 74.6569 247.112 69.8394C250.049 64.9631 254.044 61.1736 259.097 58.4711C264.208 55.7098 269.937 54.3292 276.282 54.3292C281.628 54.3292 286.445 55.2692 290.734 57.1492C295.082 59.0292 298.724 61.7318 301.662 65.2568L292.497 73.7169C288.326 68.8994 283.155 66.4906 276.987 66.4906C273.168 66.4906 269.76 67.3425 266.764 69.0462C263.768 70.6913 261.418 73.0119 259.714 76.0082C258.069 79.0045 257.246 82.412 257.246 86.2308C257.246 90.0496 258.069 93.4572 259.714 96.4534C261.418 99.4497 263.768 101.8 266.764 103.504C269.76 105.149 273.168 105.971 276.987 105.971C283.155 105.971 288.326 103.533 292.497 98.6566L301.662 107.117C298.724 110.701 295.082 113.432 290.734 115.312C286.387 117.192 281.54 118.132 276.193 118.132Z" fill="#1F1F1F"/>
                            <path d="M331.259 117.78C326.265 117.78 321.77 116.752 317.775 114.696C313.839 112.581 310.755 109.672 308.522 105.971C306.289 102.27 305.173 98.0691 305.173 93.369C305.173 88.669 306.289 84.4683 308.522 80.767C310.755 77.0657 313.839 74.1869 317.775 72.1306C321.77 70.0156 326.265 68.9581 331.259 68.9581C336.252 68.9581 340.717 70.0156 344.654 72.1306C348.59 74.1869 351.674 77.0657 353.907 80.767C356.139 84.4683 357.256 88.669 357.256 93.369C357.256 98.0691 356.139 102.27 353.907 105.971C351.674 109.672 348.59 112.581 344.654 114.696C340.717 116.752 336.252 117.78 331.259 117.78ZM331.259 106.5C334.784 106.5 337.662 105.325 339.895 102.975C342.186 100.566 343.332 97.3641 343.332 93.369C343.332 89.374 342.186 86.2014 339.895 83.8514C337.662 81.4426 334.784 80.2383 331.259 80.2383C327.733 80.2383 324.825 81.4426 322.534 83.8514C320.243 86.2014 319.097 89.374 319.097 93.369C319.097 97.3641 320.243 100.566 322.534 102.975C324.825 105.325 327.733 106.5 331.259 106.5Z" fill="#1F1F1F"/>
                            <path d="M389.005 117.78C384.011 117.78 379.517 116.752 375.522 114.696C371.586 112.581 368.501 109.672 366.269 105.971C364.036 102.27 362.92 98.0691 362.92 93.369C362.92 88.669 364.036 84.4683 366.269 80.767C368.501 77.0657 371.586 74.1869 375.522 72.1306C379.517 70.0156 384.011 68.9581 389.005 68.9581C393.999 68.9581 398.464 70.0156 402.4 72.1306C406.337 74.1869 409.421 77.0657 411.654 80.767C413.886 84.4683 415.002 88.669 415.002 93.369C415.002 98.0691 413.886 102.27 411.654 105.971C409.421 109.672 406.337 112.581 402.4 114.696C398.464 116.752 393.999 117.78 389.005 117.78ZM389.005 106.5C392.53 106.5 395.409 105.325 397.642 102.975C399.933 100.566 401.078 97.3641 401.078 93.369C401.078 89.374 399.933 86.2014 397.642 83.8514C395.409 81.4426 392.53 80.2383 389.005 80.2383C385.48 80.2383 382.572 81.4426 380.281 83.8514C377.989 86.2014 376.844 89.374 376.844 93.369C376.844 97.3641 377.989 100.566 380.281 102.975C382.572 105.325 385.48 106.5 389.005 106.5Z" fill="#1F1F1F"/>
                            <path d="M444.549 98.4804L437.939 105.002V117.075H424.192V51.6854H437.939V88.6984L458.032 69.6631H474.423L454.683 89.7559L476.186 117.075H459.53L444.549 98.4804Z" fill="#1F1F1F"/>
                            <path d="M482.024 69.6631H495.772V117.075H482.024V69.6631ZM488.898 63.0537C486.372 63.0537 484.316 62.3193 482.729 60.8505C481.143 59.3817 480.35 57.5605 480.35 55.3867C480.35 53.2129 481.143 51.3916 482.729 49.9229C484.316 48.4541 486.372 47.7197 488.898 47.7197C491.424 47.7197 493.481 48.4247 495.067 49.8348C496.653 51.2448 497.446 53.0073 497.446 55.1223C497.446 57.4136 496.653 59.323 495.067 60.8505C493.481 62.3193 491.424 63.0537 488.898 63.0537Z" fill="#1F1F1F"/>
                            <path d="M554.973 93.5453C554.973 93.7215 554.885 94.9553 554.709 97.2466H518.842C519.488 100.184 521.016 102.505 523.424 104.209C525.833 105.912 528.829 106.764 532.413 106.764C534.881 106.764 537.054 106.412 538.934 105.707C540.873 104.943 542.665 103.768 544.31 102.182L551.625 110.113C547.16 115.224 540.638 117.78 532.061 117.78C526.714 117.78 521.985 116.752 517.872 114.696C513.76 112.581 510.587 109.672 508.355 105.971C506.122 102.27 505.006 98.0691 505.006 93.369C505.006 88.7277 506.093 84.5564 508.267 80.8551C510.499 77.0951 513.525 74.1869 517.344 72.1306C521.221 70.0156 525.539 68.9581 530.298 68.9581C534.939 68.9581 539.14 69.9569 542.9 71.9544C546.66 73.9519 549.598 76.8307 551.713 80.5908C553.887 84.2921 554.973 88.6102 554.973 93.5453ZM530.386 79.357C527.272 79.357 524.658 80.2383 522.543 82.0008C520.428 83.7633 519.136 86.1721 518.665 89.2271H542.019C541.549 86.2308 540.256 83.8514 538.141 82.0889C536.026 80.2676 533.441 79.357 530.386 79.357Z" fill="#1F1F1F"/>
                            <path d="M580.077 117.78C576.141 117.78 572.293 117.31 568.532 116.37C564.772 115.371 561.776 114.137 559.544 112.669L564.126 102.799C566.241 104.15 568.797 105.266 571.793 106.147C574.789 106.97 577.727 107.381 580.606 107.381C586.422 107.381 589.33 105.942 589.33 103.063C589.33 101.712 588.537 100.742 586.951 100.155C585.365 99.5672 582.926 99.0679 579.636 98.6566C575.759 98.0691 572.557 97.3935 570.031 96.6297C567.504 95.8659 565.301 94.5147 563.421 92.5759C561.6 90.6371 560.689 87.8758 560.689 84.2921C560.689 81.2958 561.541 78.652 563.245 76.3607C565.007 74.0107 567.534 72.1894 570.824 70.8969C574.173 69.6044 578.109 68.9581 582.633 68.9581C585.981 68.9581 589.301 69.34 592.591 70.1038C595.94 70.8088 598.701 71.8075 600.875 73.1L596.292 82.882C592.121 80.532 587.568 79.357 582.633 79.357C579.695 79.357 577.492 79.7682 576.023 80.5908C574.554 81.4133 573.82 82.4708 573.82 83.7633C573.82 85.2321 574.613 86.2602 576.199 86.8477C577.786 87.4352 580.312 87.9933 583.778 88.5221C587.656 89.1684 590.828 89.8734 593.296 90.6371C595.763 91.3421 597.908 92.664 599.729 94.6028C601.55 96.5416 602.461 99.2441 602.461 102.71C602.461 105.648 601.58 108.262 599.817 110.554C598.055 112.845 595.47 114.637 592.062 115.929C588.713 117.163 584.718 117.78 580.077 117.78Z" fill="#1F1F1F"/>
                            <path d="M626.189 66.8431V83.1464H654.742V94.6028H626.189V117.075H611.913V55.3867H658.531V66.8431H626.189Z" fill="#1F1F1F"/>
                            <path d="M667.227 51.6854H680.974V117.075H667.227V51.6854Z" fill="#1F1F1F"/>
                            <path d="M716.294 117.78C711.3 117.78 706.805 116.752 702.81 114.696C698.874 112.581 695.79 109.672 693.557 105.971C691.325 102.27 690.208 98.0691 690.208 93.369C690.208 88.669 691.325 84.4683 693.557 80.767C695.79 77.0657 698.874 74.1869 702.81 72.1306C706.805 70.0156 711.3 68.9581 716.294 68.9581C721.288 68.9581 725.753 70.0156 729.689 72.1306C733.625 74.1869 736.71 77.0657 738.942 80.767C741.175 84.4683 742.291 88.669 742.291 93.369C742.291 98.0691 741.175 102.27 738.942 105.971C736.71 109.672 733.625 112.581 729.689 114.696C725.753 116.752 721.288 117.78 716.294 117.78ZM716.294 106.5C719.819 106.5 722.698 105.325 724.93 102.975C727.221 100.566 728.367 97.3641 728.367 93.369C728.367 89.374 727.221 86.2014 724.93 83.8514C722.698 81.4426 719.819 80.2383 716.294 80.2383C712.769 80.2383 709.861 81.4426 707.569 83.8514C705.278 86.2014 704.132 89.374 704.132 93.369C704.132 97.3641 705.278 100.566 707.569 102.975C709.861 105.325 712.769 106.5 716.294 106.5Z" fill="#1F1F1F"/>
                            <path d="M826.33 69.6631L809.146 117.075H795.927L785.263 87.6408L774.248 117.075H761.029L743.932 69.6631H756.887L768.079 101.741L779.711 69.6631H791.344L802.624 101.741L814.169 69.6631H826.33Z" fill="#1F1F1F"/>
                        </svg>
                    </a>
                </div>
                <a href="#" class="btn btn-close btn--square btn--light" data-ckf-el="detail-close">
                    <svg width="28" height="28" viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <path d="M9.33337 9.33331L18.6667 18.6666" stroke="#323232" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                        <path d="M18.6667 9.33331L9.33337 18.6666" stroke="#323232" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                    </svg>
                </a>
                <p>We use cookies to help you navigate efficiently and perform certain functions. You will find detailed information about all cookies under each consent category below.</p>
            </div>
            <div class="modal__body">
                @foreach($cookies_cats as $cookie_cat)
                    @php
                        $has_list = $isNecessary = false;
                        if(isset($cookie_cat['cookies']) && is_array($cookie_cat['cookies']) && $cookie_cat['cookies']){
                            $has_list = true;
                        }
                        if( (isset($cookie_cat['isNecessary']) && !$cookie_cat['isNecessary']) || !(isset($cookie_cat['isNecessary'])) ){
                            $isNecessary = true;
                        }
                    @endphp
                    <div class="accordeon-cookie" data-ckfaccordeon="">
                    <div class="accordeon-cookie__group-btns">
                        <div class="{{ ($has_list)?'accordeon-cookie__btn':'' }}" data-ckfaccordeon-btn="">
                            <h3 class="accordeon-cookie__title">{{ $cookie_cat['name']??'' }}</h3>
                            @if(false)
                            <p class="accordeon-cookie__description">Necessary cookies are required to enable the basic features of this site, such as providing secure log-in or adjusting your consent preferences. These cookies do not store any personally identifiable data.</p>
                            @endif
                        </div>

                        @if( $isNecessary )
                        <label style="margin-left: auto;" class="switch-control">
                            <input id="ckfSwitch{{ $cookie_cat['slug'] }}"  type="checkbox" hidden="" name="ckfSwitch{{ $cookie_cat['slug'] }}">
                            <div class="switch-btn">
                                <div class="switch-point-wrapp">
                                    <span class="switch-point"></span>
                                </div>
                            </div>
                        </label>
                        @endif
                    </div>
                    @if(isset($cookie_cat['cookies']) && is_array($cookie_cat['cookies']) && $cookie_cat['cookies'])
                    <div class="accordeon-body-cookie" data-ckfaccordeon-body="" style="display: none;">
                        @foreach($cookie_cat['cookies'] as $cooki_item)
                        <div class="accordeon-body__cookie-item">
                            <div class="cookie-item-info">
                                <label class="cookie-item-info__label">Cookie</label>
                                <p class="cookie-item-info__description">{{ $cooki_item['name']??'' }}</p>
                            </div>
                            @if($cooki_item['duration']??'')
                            <div class="cookie-item-info">
                                <label class="cookie-item-info__label">Duration</label> duration
                                <p class="cookie-item-info__description">{{ $cooki_item['duration']??'' }}</p>
                            </div>
                            @endif
                            @if($cooki_item['description']??'')
                            <div class="cookie-item-info">
                                <label class="cookie-item-info__label">Description</label>
                                <p class="cookie-item-info__description">{{ $cooki_item['description']??'' }}</p>
                            </div>
                            @endif
                        </div>
                        @endforeach
                    </div>
                    @endif
                </div>
                @endforeach


            </div>
            <div class="modal__footer">
                <a data-ckf-el="detail-reject-button" href="#" class="btn btn--primary btn--md radius-10">Reject All</a>
                <a data-ckf-el="detail-save-button"  href="#" class="btn btn--primary btn--md radius-10">Save My Preferences</a>
                <a data-ckf-el="detail-accept-button" href="#" class="btn btn--primary btn--md radius-10">Accept All</a>
            </div>
        </div>
    </div>
</div>