var firstrkcop = true;

  function fs_initrkcop(id, data, showWaitinglist){
    firstrkcop = false;
    var html="",
    specs="",
    recipeOnly = false
    var buttonText="Rezept oder Überweisung anfragen";
    if(recipeOnly) {
      buttonText="Rezept anfragen";
    }

    for (var i = 0; i < data.specs.length; i++) {
      if(i!==0){
        specs+=", ";
      }
      specs+=data.specs[i];
    }  

    var color= "00b6e8";
    var width= "100%";
    var height= "";
    if(height==""){
      height="100%";
    }
    if(width!="100%"){
      width+="px";
    }
    if(height!="50%"){
      height+="px";
    }

    html+='<style>'+
    '#'+id+' { font-size: 15px; color:#34495e;font-family:Helvetica, Arial, sans-serif; width:'+width+'; height:' +height+ '; border: 1px solid #000; border-radius:3px; padding:15px; overflow-y:scroll; box-sizing: border-box;}' +
    '#'+id+' .btn { background-color: #' +color+ ';color:#fff;margin:5px;padding:10px 15px;border:none;border-radius:4px;text-decoration:none;display:inline-block;min-width: 63px;}' +
    '#'+id+' p { margin-bottom:8px; margin-top:18px; padding:0;}' +
    '#'+id+' .btn span { font-size:12px;}' +
    '#'+id+' .rselect { font-size:15px; padding: 10px; margin: 10px 0; height: auto;}' +
    '#'+id+' .ropt { font-size:15px;}' +
    '</style>';


    html+="<a href='https://termed.de' target='_blank'><img style='max-width: 20%' alt='TerMed.de Logo' src='https://medicalbeauty.hnobb.de/assets/images/medicalbeautyLOGOklnebeneinander.png'/></a>";
    html+="<a id='fs-header-link-rkcop' href='https://termed.de/arzt/3374/"+umlautToUrl(data.title+" "+data.name+" "+data.surname)+"' target='_blank'><p style='margin-top:10px'><strong><span style='color:#00b6e8'>"+specs+" </span><br>"+data.title+" "+data.name+" "+data.surname+"</strong></p></a>";
    if(data.request_mode){
      html+="<a id='fs-request-btn-rkcop' href='https://termed.de/arzt/3374/"+umlautToUrl(data.title+" "+data.name+" "+data.surname)+"/request' class='btn' target='_blank'>" + buttonText + "</a>";
    }
    
    if(!showWaitinglist) {
      if (!recipeOnly) {
        html += "<p id='fs-header-text-rkcop'><b>Terminbuchung für Ihre kosmetische Beratung und Behandlung</b></p>";
        html += "<p id='fs-header-text-rkcop'>Sichern Sie sich den <b>nächsten freien Termin</b> in unserer Praxis. Zur Anmeldung bitte die gewünschte Art von Termin anklicken.</p>Nach Anklicken des Termins werden Sie zu unserem Terminportal Termed weitergeleitet	af";
        if(data.reasonMode){
          html += buildReasons(data.reasons, data.reasonQuestion, data.reasonAction);
        }
        html+="<div id='content' class='events'></div>";
        
      }
      document.getElementById(id).innerHTML = html;

      if (typeof customizeFSWidget === "function") { 
        customizeFSWidget('rkcop');
      }
      if(data.reasonMode){
        var select= document.querySelectorAll("#"+id+" .rselect")[0];
        select.onchange = function(e){
          if(select.value){
            fs_loadAPSrkcop("rkcop", select.value);
          }
        };
      }
    }else {
        html += "<div id='content' class='events'></div>";
        document.getElementById(id).innerHTML = html;
        var htmlAdd = "<p>Momentan sind keine freien Termine verfügbar.</p>";
        htmlAdd += "<p>Sie können sich jedoch in die <strong>Warteliste</strong> eintragen. Somit werden Sie benachrichtigt, sobald wieder Termine zur Verfügung stehen.</p>";
        htmlAdd += "<a id='fs-request-btn-rkcop' class='btn request-button' href='https://termed.de/arzt/3374/" + umlautToUrl(data.title + " " + data.name + " " + data.surname) + "/waitinglist' class='btn' target='_blank'>In Warteliste eintragen</a>"
        document.getElementById("content").innerHTML = htmlAdd;
    }
  }

  function buildReasons(reasons, question, action) {
    var html = "<p>"+question+"</p>";

    html+="<select class='rselect'>";
    html+="<option class='ropt' value=''>"+action+"</option>";
    for (var t = 0; t < reasons.length; t++) {
      var r = reasons[t];
      html+="<option class='ropt' value='"+r.id+"'>" + r.reason;
      if(r.description!=''){
        html+=" (" + r.description + ")</span>";
      }
      html+="</option>";
    }
    html+="</select>";
    return html;
  }

  function buildEventsrkcop(id, events) {
    var html = "";
    var len = events.length,
    lastDate="";
    if(len===0){
      html += "<p class='fsNoApp'>Derzeit sind online keine freien Termine auf <a href='https://termed.de' target='_blank'>TerMed.de</a> verfügbar.</p>";
    }

    for (var t = 0; t < len; t++) {
      var ap = events[t];
      if(lastDate===""){
        lastDate=ap.date;
        html+="<div class='group-date'><p><strong>"+ap.date+"</strong></p>";
      } else if (lastDate!=ap.date){
        lastDate=ap.date;
        html+="</div><div class='group-date'><p><strong>"+ap.date+"</strong></p>";
      }
      if(ap['reason']) {
        var obj = {
          d: ap['doc'],
          s: ap['start'],
          r: ap['reason']
        }
        html+="<a href='https://termed.de/buchen/" + JSON.stringify(obj) + "' class='btn' target='_blank'>" + ap.time + " Uhr";
      } else {
        html+="<a href='https://termed.de/buchen/" + ap.id + "' class='btn' target='_blank'>" + ap.time + " Uhr";
      }
      if(ap.ins==1){
        html+="<br><span>für Privatpatienten</span>";
      }
      // console.log(ap);
      html+="</a>";
    }
    var events = document.querySelectorAll("#"+id+" .events")[0];
    events.innerHTML = html;
  }

  function umlautToUrl(str) {
      if(str==null){
        return "-";
      }
      return str.toLowerCase()
      .replace(/ä/g, 'ae')
      .replace(/ö/g, 'oe')
      .replace(/ü/g, 'ue')
      .replace(/ß/g, 'ss')
      .replace(/&/g, 'und')
      .replace(/é/g, 'e')
      .replace(/á/g, 'a')
      .replace(/ó/g, 'o')
      .replace(/ /g, '-')
      .replace(/\./g, '')
      .replace(/,/g, '')
      .replace(/\(/g, '')
      .replace(/\)/g, '');
  }

  function fs_loadAPSrkcop(id, r) {
      var xmlhttp;

      if (window.XMLHttpRequest) {
          xmlhttp = new XMLHttpRequest();
      } else {
          xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
      }

      var reasonFilter = "";
      if(r !== undefined) {
          reasonFilter = "&reason=" + r;
      }

      xmlhttp.onreadystatechange = function () {
        if (xmlhttp.readyState == XMLHttpRequest.DONE) {
          recipeOnly = false;
          if (xmlhttp.status == 200) {
              var data = JSON.parse(xmlhttp.responseText);
              var appsExist = false;
              if(data.aps.length > 0) {
                appsExist = true;
              }
              if (firstrkcop) {
                loadDocApirkcop("rkcop", data, appsExist);
              }
              if((!data.reasonMode || r!=undefined) && !recipeOnly) {
                buildEventsrkcop(id, data.aps);
              }
          }
          else if (xmlhttp.status == 400) { } else { }
        }
      }

      xmlhttp.open("GET", "https://api.termed.de/v2/getEvents.php?action=free&time=4&id=3374" + reasonFilter, true);
      xmlhttp.send();
  }
  
  function loadDocApirkcop(id, data, appsExist) {
    var xmlhttp;

    if (window.XMLHttpRequest) {
        xmlhttp = new XMLHttpRequest();
    } else {
        xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
    }

    xmlhttp.onreadystatechange = function () {
        if (xmlhttp.readyState == XMLHttpRequest.DONE) {
            if (xmlhttp.status == 200) {
              var docData = JSON.parse(xmlhttp.responseText);
              var showWaitinglist = false;
              if(!appsExist && docData.package >=2 && docData.waitinglist == "1") {
                  showWaitinglist = true;
              }
              fs_initrkcop(id, data, showWaitinglist);
              
            }
            else if (xmlhttp.status == 400) { } else { }
        }
    }

    xmlhttp.open("GET", "https://api.termed.de/v2/public/doc/3374", false);
    xmlhttp.send();
  }

  fs_loadAPSrkcop("rkcop");