{% extends 'base.html.twig' %}

{% block title %}Universities.com: Online Schools{% endblock %}
{% block body_class %}p-oneoff{% endblock %}

{% block stylesheets %}
    {{ parent() }}
{% endblock %}

{% block scripts %}
    {{ parent() }}
{% endblock %}

{% block body %}
<div class="container">
    <div class="row">
        <div class="col-12">
            <script src="https://click-table.universities.com/click-table.js" type="text/javascript" data-cta="1"></script>
            <div id="udcct-online-schools" class="m-click-table" data-tracking-id="udc-ct-generic"></div>
            <script>
            (function() {
                let category = 0;
                let tags = "";
                let eduLevel = 0;
                try {
                    let sf = JSON.parse(sessionStorage.getItem('searchFilters') || "{}");
                    category = sf.category;
                    tags = sf.tags;
                    eduLevel = sf.educationLevelId;
                } catch (e) {
                    ; // don't care
                }

                // Map XYZ form selections to Click Tables. Order matters: Put preferred (default) matches lower
                let ctmap = [
                //    XYZ category                                       XYZ Degree completed
                //    |    XYZ tag                                       |   Click Table ID
                //    |    |                                             |   |
                    [ 395, "Communications"                            , 0, "619d4ace2b45120008f1fdaf" ],
                    [ 395, ""                                          , 0, "6102dc4fac7e990008e21351" ],
                    [ 400, ""                                          , 0, "6102dec8ac7e990008e21353" ],
                    [ 397, "Social%20Work"                             , 0, "619d559480405500083c789e" ],
                    [ 397, ""                                          , 0, "6102df91dd435d0008e95c3f" ],
                    [ 396, ""                                          , 7, "60d0bd50e75caa0008191837" ],
                    [ 396, ""                                          , 8, "60d0bd50e75caa0008191837" ],
                    [ 396, ""                                          , 0, "6127ff3b4eeb2b0009aca246" ],
                    [ 394, ""                                          , 0, "619d56272b45120008f1fea3" ],
                    [ 402, "Communications"                            , 0, "619d4ace2b45120008f1fdaf" ],
                    [ 402, "Public%20Administration"                   , 0, "619d53cd80405500083c7875" ],
                    [ 402, "Public%20Policy"                           , 0, "619d53cd80405500083c7875" ],
                    [ 402, "Social%20Work"                             , 0, "619d559480405500083c789e" ],
                    [ 402, ""                                          , 0, "62b5daaba57a73000912262d" ],
                    [ 398, ""                                          , 0, "619d57cf80405500083c78f3" ],
                    [ 399, "Human%20Services"                          , 0, "619d54df80405500083c7896" ],
                    [ 399, "Mental%20Health%20Counseling"              , 0, "619d570d80405500083c78ca" ],
                    [ 399, "Social%20Work"                             , 0, "619d559480405500083c789e" ],
                    [ 399, "School%20Counseling"                       , 0, "619d570d80405500083c78ca" ],
                    [ 399, "Substance%20Abuse%2FAddiction%20Counseling", 0, "619d570d80405500083c78ca" ],
                    [ 399, ""                                          , 0, "6102de35ac7e990008e21352" ],
                    [ 403, ""                                          , 0, "6112a27d07c31a0008ed0899" ],
                    [ 405, "Veterinary"                                , 0, "614e103b71aeab00086a327c" ],
                    [ 405, ""                                          , 0, "619d610773d944000893a174" ],
                    [   0, ""                                          , 0, "62b5daaba57a73000912262d" ], // <- global default
                ];

                let best_score = 0;
                let best_id = ctmap[0][3];

                for (i in ctmap) {
                    if (ctmap[i][0] > 0 && ctmap[i][0] != category)
                        continue; // category does not match

                    if (ctmap[i][1] != "" && ctmap[i][1] != tags)
                        continue; // tags does not match

                    if (ctmap[i][2] > 0 && ctmap[i][2] > eduLevel)
                        continue; // eduLevel too low

                    let score = (ctmap[i][0] == category ? 1 : 0)
                            + (ctmap[i][1] == tags ? 1 : 0)
                            + (ctmap[i][2] == eduLevel ? 1 : 0);

                    if (best_score <= score) {
                        best_score = score;
                        best_id = ctmap[i][3];
                    }
                }

                let q = new URLSearchParams(window.location.search);
                if (q.has('ctId'))
                    best_id = q.get('ctId');

                console.log("INFO: choosing click table", best_id);

                var options = {
                    instance: best_id,
                    element: document.getElementById("udcct-online-schools"),
                    mount_type: "immediate"
                };
                if (window.ClickTable) {
                    window.ClickTable.mount(options);
                }
                window.addEventListener('click-table-loaded', function(){
                    window.ClickTable.mount(options);
                });
            }());
            </script>

            <!-- EDU-502 -->
            <!--
            <iframe id="camelot-frame" width="100%" height="800" src="/camelot/school-offers" scrolling="no"></iframe>
            <script>
            setInterval(function(){
              var frame = document.getElementById('camelot-frame');
              var cont = frame.contentWindow.document.getElementById('search-school-offers-container')
              var cont_h = cont.offsetTop + cont.offsetHeight;
              frame.style.height = (Math.max(500, cont_h) + 10) + 'px';
              frame.contentWindow.scroll(0, 0);
            }, 1000);
            </script>
            -->
        </div>
    </div>
</div>
{% endblock %}