$(function(){
    var filter_container = $('.filter_container');
    var filter_head = $('.filter_head');

    filter_head.on("click", function(){
        if(filter_container.hasClass("reduced")){
            WF_Suchmaske.expandFilter();
        } else{
            WF_Suchmaske.reduceFilter();
        }
    });


    var reset_fbid = $('#reset_fbid');

    reset_fbid.on("click", function(){
        $('#fachbereich_id').val("null");
    });

    // Listen for enter-hit
    $("#suchbegriff").keyup(function(event){
        if(event.keyCode === 13){
            WF_Suchmaske.search(false);
        }
    });
});


// Javascript für Wandelfonds Projekt-DB PROTOTYP
var WF_Suchmaske = {

        pageURL: "/common/hochschulkatalog/includes/wandelfonds/",
        outputURL: "/intern/hochschulkatalog/wandelfonds-db/",
        dbOperations: "/common/hochschulkatalog/includes/wandelfonds/inc/dbOperations.inc.php",
        filter_container: ".filter_container",
        filter_button: ".filter_counter",
        search_button: "#searchButton",
        filter_button_number: ".number",

        reduceFilter: function(){
            $(WF_Suchmaske.filter_container).removeClass("expanded").addClass("reduced");
            $(WF_Suchmaske.filter_button).removeAttr("onclick").attr("onclick", "WF_Suchmaske.expandFilter();");
            $(WF_Suchmaske.search_button).empty();
            $(WF_Suchmaske.filter_button_number).width(0);
        },
        expandFilter: function(){
            $(WF_Suchmaske.filter_container).removeClass("reduced").addClass("expanded");
            $(WF_Suchmaske.filter_button).removeAttr("onclick").attr("onclick", "WF_Suchmaske.search(false);");
            $(WF_Suchmaske.search_button).text("suchen");
            $(WF_Suchmaske.filter_button_number).width(75);
        },

        search: function(loggedin){

            $(function(){
                var filter_container = $('.filter_container');
                var clickElement = $('.filter_head');

                // add loading animation
                fhw.addLoadingAnimation("#search_results", "loading");
                WF_Suchmaske.reduceFilter();

                // gather checkbox-values
                var lehren = $('#lehren').is(":checked");
                var lernen = $('#lernen').is(":checked");
                var pruefen = $('#pruefen').is(":checked");
                var beraten = $('#beraten').is(":checked");
                var betreuen = $('#betreuen').is(":checked");

                var lehrveranstaltung = $('#lehrveranstaltung').is(":checked");
                var seminar = $('#seminar').is(":checked");
                var vorlesung = $('#vorlesung').is(":checked");
                var labor = $('#labor').is(":checked");
                var sonstiges = $('#sonstiges').is(":checked");
                var modul = $('#modul').is(":checked");
                var studiengang = $('#studiengang').is(":checked");
                var fachbereich = $('#fachbereich').is(":checked");
                var hochschule = $('#hochschule').is(":checked");

                var eingangsphase = $('#eingangsphase').is(":checked");
                var studium = $('#studium').is(":checked");
                var bachelor = $('#bachelor').is(":checked");
                var master = $('#master').is(":checked");
                var abschlussphase = $('#abschlussphase').is(":checked");

                var fachbereich_id = $('#fachbereich_id').val();
                var suchbegriff = $('#suchbegriff').val();

                // POST-request
                $.post(WF_Suchmaske.dbOperations, {
                    op: "lookup",
                    lehren: lehren,
                    lernen: lernen,
                    pruefen: pruefen,
                    beraten: beraten,
                    betreuen: betreuen,
                    lehrveranstaltung: lehrveranstaltung,
                    seminar: seminar,
                    vorlesung: vorlesung,
                    labor: labor,
                    sonstiges: sonstiges,
                    modul: modul,
                    studiengang: studiengang,
                    fachbereich: fachbereich,
                    hochschule: hochschule,
                    eingangsphase: eingangsphase,
                    studium: studium,
                    bachelor: bachelor,
                    master: master,
                    abschlussphase: abschlussphase,
                    fachbereich_id: fachbereich_id,
                    suchbegriff: suchbegriff
                }, function(results){
                    fhw.removeLoadingAnimation("loading");
                    var html = "<div style=\"margin-bottom: 2em;text-align: center;\"><b>Hinweis:</b> Falls Ihre Suche keine oder nur wenige passende Treffer erzielt hat, versuchen Sie es bitte mit einem verwandten Suchbegriff (z. B. <em>Lehrvideo/Lernvideo</em> oder <em>Diversität/Heterogenität/Vielfalt</em>).<br/></div>";
                    var result_count = 0;

                    // Generieren der Such-URL mit GET-Parametern
                    var url = location.protocol + '//' + location.host + location.pathname + "?action=lookup&lehren=" + lehren + "&lernen=" + lernen + "&pruefen=" + pruefen + "&beraten=" + beraten + "&betreuen=" + betreuen + "&lehrveranstaltung=" + lehrveranstaltung + "&seminar=" + seminar + "&vorlesung=" + vorlesung + "&labor=" + labor + "&sonstiges=" + sonstiges + "&modul=" + modul + "&studiengang=" + studiengang + "&fachbereich=" + fachbereich_id + "&hochschule=" + hochschule + "&eingangsphase=" + eingangsphase + "&studium=" + studium + "&bachelor=" + bachelor + "&master=" + master + "&abschlussphase=" + abschlussphase + "&fachbereich_id=" + fachbereich_id + "&suchbegriff=" + suchbegriff + "#suchmaske_anker";
                    history.replaceState('', 'Wandelfonds Projektsuche - FH Münster', url);

                    if(results !== ""){
                        results = JSON.parse(results);

                        // #search_results mit Ergebnissen füllen
                        $.each(results, function(i, item){ //durch Ergebnisse iterieren
                            var date_start = new Date(item.project_start);
                            var date_end = new Date(item.project_end);

                            var expenses_nr = (item.expenses / 25000);
                            var expenses = "";

                            for(i = 0; i < expenses_nr; i++){
                                expenses += '<span class="expenses_bullet filled"></span>';
                            }
                            for(i = 0; i < (5 - expenses_nr); i++){
                                expenses += '<span class="expenses_bullet"></span>';
                            }

                            var project_lead = "";
                            if(item.project_lead.rows !== 0){
                                $.each(item.project_lead, function(j, prlitem){
                                    project_lead += prlitem.name + " <span style=\"color: #868686;\">(" + prlitem.orga + ")</span><br />\n";
                                });
                            }

                            if(item.project_lead_man.rows !== 0){
                                $.each(item.project_lead_man, function(k, prlitem){
                                    project_lead += prlitem.name + "<br />\n";
                                });
                            }

                            if(loggedin){
                                console.log("logged in - returning urls");
                                html += '<a href="/wandelwerk/hochschuldidaktik/wandelfonds/dokumentation/detailansicht.php?id=' + item.id + '&search=' + encodeURIComponent(url) + '">' +
                                    '<div class="result_item animated fadeInUp">' +
                                    '<div class="col-md-12"><h3>' + item.title + '</h3></div>' +
                                    '<div class="col-md-4 col-xs-12 result_info">\n' +
                                    '<table>' +
                                    '<tr>' +
                                    '<td class="bold">Budget</td><td>' + expenses + '</td>\n' +
                                    '</tr>' +
                                    '<tr>' +
                                    '<td class="bold">Laufzeit</td><td>' + ("0" + date_start.getDate()).slice(-2) + '.' + ("0" + (date_start.getMonth() + 1)).slice(-2) + '.' + date_start.getFullYear() + ' - ' + ("0" + date_end.getDate()).slice(-2) + '.' + ("0" + (date_end.getMonth() + 1)).slice(-2) + '.' + date_end.getFullYear() + '</td>\n' +
                                    '</tr>' +
                                    '<tr>' +
                                    '<td class="bold">Beteiligte</td><td>' + project_lead + '</td>\n' +
                                    '</tr>' +
                                    '</table>' +
                                    '</div>' +
                                    '<div class="col-md-8 col-xs-12 result_text">' +
                                    '<p>' + item.intro + '</p>' +
                                    '</div>' +
                                    '</div>' +
                                    '</a>';
                            } else{
                                console.log("not logged in");
                                html += '<div>' +
                                    '<div class="result_item animated fadeInUp">' +
                                    '<div class="col-md-12"><h3>' + item.title + '</h3></div>' +
                                    '<div class="col-md-4 col-xs-12 result_info">\n' +
                                    '<table>' +
                                    '<tr>' +
                                    '<td class="bold">Budget</td><td>' + expenses + '</td>\n' +
                                    '</tr>' +
                                    '<tr>' +
                                    '<td class="bold">Laufzeit</td><td>' + ("0" + date_start.getDate()).slice(-2) + '.' + ("0" + (date_start.getMonth() + 1)).slice(-2) + '.' + date_start.getFullYear() + ' - ' + ("0" + date_end.getDate()).slice(-2) + '.' + ("0" + (date_end.getMonth() + 1)).slice(-2) + '.' + date_end.getFullYear() + '</td>\n' +
                                    '</tr>' +
                                    '<tr>' +
                                    '<td class="bold">Beteiligte</td><td>' + project_lead + '</td>\n' +
                                    '</tr>' +
                                    '</table>' +
                                    '</div>' +
                                    '<div class="col-md-8 col-xs-12 result_text">' +
                                    '<p>' + item.intro + '</p>' +
                                    '</div>' +
                                    '</div>' +
                                    '</div>';
                            }

                            result_count++;
                        });
                    } else{
                        html = "<h2 style=\"text-align: center;\">Für Ihre Suche wurden leider keine Projekte gefunden!</h2>" +
                            "<p style=\"text-align: center;\">Bitte versuchen Sie es mit anderen Filtern oder verwandten Suchwörtern (z. B. Lehrvideo/Lernvideo oder Diversität/Heterogenität/Vielfalt) erneut.</p>";

                        result_count = 0;
                    }

                    // Füllen des Suchergebnis-Containers
                    document.getElementById('result_count').innerHTML = result_count + " Treffer";
                    document.getElementById('search_results').innerHTML = html;

                });
            });

        }

    }
;