{{ $page := . }}

{{ template "_internal/disqus.html" . }}
{{ if site.Params.paige.comments.cactus }}
    <section class="mb-3">
        <script type="text/javascript" src="https://latest.cactus.chat/cactus.js"></script>
        <link rel="stylesheet" href="https://latest.cactus.chat/style.css" type="text/css">
        <div id="comment-section"></div>
        <script>
        initComments({
            node: document.getElementById("comment-section"),
            defaultHomeserverUrl: "https://matrix.cactus.chat:8448",
            serverName: "cactus.chat",
            siteName: {{ site.Params.paige.comments.cactus.account_id }},
            commentSectionId: {{ $page.RelPermalink }}
        })
        </script>
        <noscript>{{ i18n "paige_noscript" }}</noscript>
    </section>
{{ end }}
{{ with site.Params.paige.comments.commento }}
    <section class="mb-3">
        <div id="commento"></div>
        <script defer src="{{ .script_url }}"></script>
        <noscript>{{ i18n "paige_noscript" }}</noscript>
    </section>
{{ end }}
{{ if site.Params.paige.comments.graphcomment }}
    <section class="mb-3">
        <div id="graphcomment"></div>
        <script type="text/javascript">
        var __semio__params = {
            graphcommentId: {{ site.Params.paige.comments.graphcomment.account_id }},
            behaviour: {
                uid: {{ $page.RelPermalink }}
            }
        };
        function __semio__onload() {
            __semio__gc_graphlogin(__semio__params)
        }
        (function() {
            var gc = document.createElement('script'); gc.type = 'text/javascript'; gc.async = true;
            gc.onload = __semio__onload; gc.defer = true; gc.src = 'https://integration.graphcomment.com/gc_graphlogin.js?' + Date.now();
            (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(gc);
        })();
        </script>
        <noscript>{{ i18n "paige_noscript" }}</noscript>
    </section>
{{ end }}
{{ if site.Params.paige.comments.hyvor }}
    <section class="mb-3">
        <div id="hyvor-talk-view"></div>
        <script type="text/javascript">
        var HYVOR_TALK_WEBSITE = {{ site.Params.paige.comments.hyvor.account_id }};
        var HYVOR_TALK_CONFIG = {
            url: false,
            id: {{ $page.RelPermalink }}
        };
        </script>
        <script async type="text/javascript" src="//talk.hyvor.com/web-api/embed"></script>
        <noscript>{{ i18n "paige_noscript" }}</noscript>
    </section>
{{ end }}
{{ if site.Params.paige.comments.intensedebate }}
    <section class="mb-3">
        <script>
        var idcomments_acct = {{ site.Params.paige.comments.intensedebate.account_id }};
        var idcomments_post_id = {{ $page.RelPermalink }};
        var idcomments_post_url = {{ $page.Permalink }};
        </script>
        <span id="IDCommentsPostTitle" style="display:none"></span>
        <script type="text/javascript" src="http://www.intensedebate.com/js/genericCommentWrapperV2.js"></script>
        <noscript>{{ i18n "paige_noscript" }}</noscript>
    </section>
{{ end }}
{{ with site.Params.paige.comments.isso }}
    <section class="mb-3">
        <script src="{{ .script_url }}"></script>
        <section id="isso-thread">
            <noscript>{{ i18n "paige_noscript" }}</noscript>
        </section>
    </section>
{{ end }}
{{ with site.Params.paige.comments.muut }}
    <section class="mb-3">
        <a href="https://muut.com/i/{{ .account_id }}/comments" class="muut" type="dynamic">Comments</a>
        <script src="https://cdn.muut.com/1/moot.min.js"></script>
        <noscript>{{ i18n "paige_noscript" }}</noscript>
    </section>
{{ end }}
{{ if site.Params.paige.comments.remark42 }}
    <section class="mb-3">
        <div id="remark42"></div>
        <script>
        var remark_config = {
            host: {{ site.Params.paige.comments.remark42.host_url }},
            site_id: {{ site.Params.paige.comments.remark42.site_id | default "remark" }}
        }
        </script>
        <script>!function(e,n){for(var o=0;o<e.length;o++){var r=n.createElement("script"),c=".js",d=n.head||n.body;"noModule"in r?(r.type="module",c=".mjs"):r.async=!0,r.defer=!0,r.src=remark_config.host+"/web/"+e[o]+c,d.appendChild(r)}}(remark_config.components||["embed"],document);</script>
        <noscript>{{ i18n "paige_noscript" }}</noscript>
    </section>
{{ end }}
{{ if site.Params.paige.comments.replybox }}
    <section class="mb-3">
        <div id="replybox"></div>
        <script>
        window.replybox = {
            site: {{ site.Params.paige.comments.replybox.account_id }},
            identifier: {{ $page.RelPermalink }}
        };
        </script>
        <script src="https://cdn.getreplybox.com/js/embed.js"></script>
        <noscript>{{ i18n "paige_noscript" }}</noscript>
    </section>
{{ end }}
{{ with site.Params.paige.comments.utterances }}
    <section class="mb-3">
        <script src="https://utteranc.es/client.js" repo="{{ .github_repo }}" issue-term="pathname" theme="preferred-color-scheme" crossorigin="anonymous" async></script>
        <noscript>{{ i18n "paige_noscript" }}</noscript>
    </section>
{{ end }}