#include "ServeurWeb.h"
#include <ESP8266WiFi.h>
#include "Pins.h"

ServeurWeb::ServeurWeb()
{
  Serial.println("--------------------------------------");
  Serial.println("Init ServeurWeb");
  //domoticz = _domoticz;
  // WifiServer server(80);
  //server->begin();
}

void ServeurWeb::loop()
{
  //Serial.println("--------------------------------------");
  //Serial.println("Loop ServeurWeb");
  // read the state of the end button value:
  modules->end_filament = digitalRead(FILAMENT_DETECTION);
  //Serial.println('fin de filament ' + modules->end_filament);

  if ((bcl % (refresh * 60)) == 0) { //DELAI_LECTURE == 0) {
    // infos();
    nbData += 1;
    nbData = nbData % 256;
  }

  // Check if a client has connected
  client = server->available();
  if (!client) {
    // infos();
    // delay(1000);
    bcl++;
    return;
  }

  // Read the first line of the request
  String req = client.readStringUntil('\r');
  Serial.println(req);
  // client.flush();

  // Match the request
  int val = -1; // We'll use 'val' to keep track of both the
  // request type (read/set) and value if set.
  if (req.indexOf("/admin") != -1) {
    val = -3;
    //int end = readPage(START_ADDRESS);
    //pageAdmin();
    pageMenu(PAGE_ADMIN);

  } else if (req.indexOf("/graph") != -1) {
    pageMenu(PAGE_GRAPH);

  } else if (req.indexOf("/reset") != -1) {
    client.println("Reset done. SSID, PASS, Domoticz, port & id cleaned.");
    delay(100);
 } else if (req.indexOf("/ident") != -1) {

   ident(req);

  } else if (req.indexOf("/status") != -1) {

    //printWifiStatus();
    pageMenu(PAGE_STATUS);

  } else if (req.indexOf("/infos") != -1) {
    pageMenu(PAGE_INFOS);
  } else if (req.indexOf("/relay_01") != -1) {
    client.print("relay_01=");
    client.print(val0); //digitalRead(0));
     delay(100);
  } else if (req.indexOf("/relay_02") != -1) {
    client.print("relay_02=");
     client.print(val2); //digitalRead(2));
     delay(100);
  } else if (req.indexOf("/action") != -1) {

    // Affectation des variables aux sorties correspondantes
    if (req.indexOf("relay_01=false") != -1)
    {
      val0 = HIGH;
      modules->relay(RELAY_PIN, val0);
    }
    if (req.indexOf("relay_01=true") != -1)
    {
      val0 = LOW;
      modules->relay(RELAY_PIN, val0);
    }
    if (req.indexOf("relay_02=false") != -1)
    {
      val2 = HIGH;
      digitalWrite(RELAY_PIN_02, val2);
    }
    if (req.indexOf("relay_02=true") != -1)
    {
      val2 = LOW;
      digitalWrite(RELAY_PIN_02, val2);
    }   
    if (req.indexOf("relay_03=false") != -1)
    {
      val3 = HIGH;
      digitalWrite(RELAY_PIN_03, val3);
    }
    if (req.indexOf("relay_03=true") != -1)
    {
      val3 = LOW;
      digitalWrite(RELAY_PIN_03, val3);
    } 

    if (req.indexOf("relay_04=false") != -1)
    {
      val4 = HIGH;
      digitalWrite(RELAY_PIN_04, val4);
    }
    if (req.indexOf("relay_04=true") != -1)
    {
      val4 = LOW;
      digitalWrite(RELAY_PIN_04, val4);
    } 

    Serial.println("Val0=" + String(val0) + " Val2=" + String(val2)
      + " Val3=" + String(val3) + " Val4=" + String(val4));

    pageMenu(PAGE_MENU);
  } else if (req.indexOf("/menu") != -1) {
    //pageMenu();
    pageMenu(PAGE_MENU);
  } else {
    pageMenu(PAGE_MENU);
  }

  //client.stop();

  // The client will actually be disconnected
  // when the function returns and 'client' object is detroyed
}

String ServeurWeb::getValueFrom(String request, int deb, int fin) {

  int bufLength = ((fin) - (deb + 5));  //the 5 is for the "name=" string

  String tmp = request.substring((deb + 5), (fin - 1));

  return tmp;
}

char* ServeurWeb::convertToChar(String s, char* buf) {
  char c[s.length() + 1];
  s.toCharArray(c, s.length() + 1);
  return c;
}


void ServeurWeb::infos()
{
  int nb = 0;

  //WiFiClient client2; // = domoticz->_client;
  // Domoticz format /json.htm?type=command&param=udevice&idx=IDX&nvalue=0&svalue=TEMP;HUM;HUM_STAT

  // Type
  //  0 = Integer, e.g. -1, 1, 0, 2, 10
  //1 = Float, e.g. -1.1, 1.2, 3.1
  //2 = String
  //3 = Date in format DD/MM/YYYY
  //4 = Time in 24 hr format HH:MM
  //5 = DateTime (but the format is not checked)
  // SAve variable "json.htm?type=command&param=saveuservariable&vname=" + domoticz->_macID + "uservariablename&vtype=2&vvalue=uservariablevalue"

  // GEt Variables
  // http://192.168.0.10:8080/json.htm?type=command&param=getuservariables&idx=4


  // // Domo
  // char domoticz->_domoc[domoticz.length() + 1];
  // domoticz.toCharArray(domoticz->_domoc, domoticz.length() + 1);

  // // Port
  // char portc[port.length() + 1];
  // port.toCharArray(portc, port.length() + 1);
  // int domoticz->_iport = atoi(portc);

  Serial.print(domoticz->_domoticz);
  Serial.print(" ");
  Serial.println(domoticz->_port);

  Serial.print(" radiateur=");
  Serial.print(radiateur);
  Serial.print(" temperature=");
  Serial.print(temp);
  Serial.print(" consigne=");
  Serial.print(cons);
  Serial.println("");
      // Avoid WDT reset during long process
    yield();

  // -------------------
  // LECTURE PARAM
  // -------------------
  if (radiateur == "") {
    Serial.println("Lecture parametre dans domoticz");
    if (domoticz->connect()) {
        Serial.println("Connected to domoticz");
        domoticz->executeJson("/json.htm?type=command&param=getuservariables", "", "");
    
        // Read the first line of the request
        while (1) {
          // Avoid WDT reset during long process
          yield();
          String req = domoticz->readLine();
          // Serial.println(req);

          if (req.indexOf(domoticz->_macID) != -1) {
            Serial.println(req);

            // Serial.println(req);
            req = domoticz->readLine();
            req = domoticz->readLine();
            String val = req.substring(req.indexOf(":") + 2, req.length() - 1);
            Serial.println(val);
            val.replace("\"", "");
            radiateur = domoticz->getIndexOfString(val, separator, 0);
            temp      = domoticz->getIndexOfString(val, separator, 1);
            cons      = domoticz->getIndexOfString(val, separator, 2);
            refresh   = domoticz->getIndexOfString(val, separator, 3).toInt();
            nom       = domoticz->getIndexOfString(val, separator, 4);
           
            for (int cpt = 0; cpt < 5; cpt++ ) {
              Serial.print(domoticz->getIndexOfString(val, separator, cpt));
            }
            Serial.println("");
            Serial.println("radiateur=" + radiateur);
            Serial.println("temp=" + temp);
            Serial.println("cons=" + cons);
            
            break;
          }
          if (req == "" || nb > 500) {
            break;
          }
          nb++;
        }
    
        //client2.stop();
        delay(100);
      }
  }
  if (radiateur != "") {
    if (domoticz->connect()) {
      Serial.println("Connected to domoticz lecteur statut radiateur" );
      domoticz->executeJson("/json.htm?type=devices&rid=" + radiateur, "", "");
  
      // Read the first line of the request
      while (1) {
            // Avoid WDT reset during long process
        yield();
        String req = domoticz->readLine();
  
        if (req.indexOf("\"Status\"") != -1) {
          Serial.println(req.substring(req.indexOf(":") + 2));
          break;
        }
        if (req == "" || nb > 500) {
          break;
        }
        nb++;
      }
  
      //client2.stop();
      delay(100);
    }
    if (domoticz->connect()) {
      Serial.println("Connected to domoticz lecture donnée température" );
      domoticz->executeJson("/json.htm?type=devices&rid=723", "","");
  
      // Read the first line of the request
      while (1) {
        // Avoid WDT reset during long process
        yield();
        String req = domoticz->readLine();
         Serial.println(req);
        if (req.indexOf("\"Temp\"") != -1) {
          String tmp = req.substring(req.indexOf(":") + 2);
          tmp = tmp.substring(0, tmp.indexOf(".") + 2);
          Serial.println(tmp);
          if (data == "") {
            data += tmp;
            labels = "\"0\"";
          } else {
            data += "," + tmp;
            if (nbData % 10 == 0) {
              labels = labels + "," + "\"" + nbData + "\"";
            } else {
              labels = labels + "," + "\"" + "\"";
            }
  
          }
          if (data.length() > 500) {
            data = data.substring(data.indexOf(",") + 1);
            labels = labels.substring(labels.indexOf(",") + 1);
          }
          Serial.println(data);
          Serial.println(labels);
          break;
        }
        if (req == "" || nb > 500) {
          break;
        }
        nb++;
      }

      //client2.stop();
      delay(100);
    }
    if (domoticz->connect()) {
      Serial.println("Connected to domoticz lecteur consigne" );

      domoticz->executeJson("/json.htm?type=devices&rid=" + cons, "", "");
 
      // Read the first line of the request
      while (1) {
        // Avoid WDT reset during long process
        yield();
        String req = domoticz->readLine();
  
        if (req.indexOf("\"SetPoint\"") != -1) {
          String value = req.substring(req.indexOf(":") + 2);
          //value = .substring(req.indexOf(":") + 1);
          value.trim();
  
          Serial.println(value);
          break;
        }
        if (req == "" || nb > 500) {
          break;
        }
        nb++;
      }
  
      //client2.stop();
      delay(100);

    }
  }
      // Avoid WDT reset during long process
    yield();
   Serial.println("Fin infos");
       // Avoid WDT reset during long process
    yield();
}


void ServeurWeb::printWifiStatus() {
  // print the SSID of the network you're attached to:
  Serial.print("SSID: ");
  Serial.println(WiFi.SSID());

  // print your WiFi shield's IP address:
  IPAddress ip = WiFi.localIP();
  Serial.print("IP Address: ");
  Serial.println(ip);

  // print the received signal strength:
  long rssi = WiFi.RSSI();
  Serial.print("signal strength (RSSI):");
  Serial.print(rssi);
  Serial.println(" dBm");

  // PAge
  client.println("<p>Connected to ");
  client.println(WiFi.SSID());
  client.println("</p><p>Ip: ");
  client.println(ip);
  client.println("</p><p>Force du signal:");
  client.println(rssi);
  client.println(" dBm</p>");
  client.println("<p>Domoticz:");
  client.println(domoticz->_domoticz);
  client.println(":");
  client.println(domoticz->_port);
  client.println("</p>");
  //
  //  client.println("<div class='c100 p25 dark orange'>");
  //  client.println("  <span>25%</span>");
  //  client.println("  <div class='slice'>");
  //  client.println("      <div class='bar'></div>");
  //  client.println("       <div class='fill'></div>");
  //  client.println("  </div>");
  //  client.println("</div>");
  client.println("<button class='boutonTemp' onclick='click()'>" + temp + "</button>");
  client.println("<button class='boutonCons' onclick='click()'>" + cons + "</button>");
}

////////////////////////////////////////////
////// PAGE MENU
////////////////////////////////////////////
void ServeurWeb::pageMenu(int page) {
  client.println("<html>");
  client.println("<head>");
  client.println("<link rel=\"shortcut icon\" href=\"http://" + domoticz->_domoticz +  ":" + domoticz->_port +  "/favicon.ico\">");
  if (page == PAGE_GRAPH) {
    client.println("<meta http-equiv=\"refresh\" content=\"60\" >");
  }
  if (page == PAGE_MENU) {
    //    // Look des champs de saisis
    //    client.println("<link rel=\"stylesheet\" type=\"text/css\" media=\"all\" href=\"http://" + domoticz->_domoticz +  "/ESP8266/css/styles.css\">");
    //    // Look Bouton toggle
    //    client.println("<link rel=\"stylesheet\" type=\"text/css\" media=\"all\" href=\"http://" + domoticz->_domoticz +  "/ESP8266/css/toggles-soft.css\">");
  }

  menuStyle(page);
  client.println("</head>");

  menuBody(page);
  client.println("</html>\n\r");

}

void ServeurWeb::menuBody(int page) {
  client.println("<body>");
  client.println("<header role='banner'>");
  client.println("<div class='wrapper'>");
  client.print("<h1> ");
  client.print(nom + " " + domoticz->_macID);
  client.println("</h1>");
  client.println("<nav id='nav' role='navigation'>");
  client.println("<div class='show_menu_btn' data-target='#nav ul' data-shown-text='Hide menu' data-hidden-text='Show menu' >Show menu</div>");
  client.println("<ul>");
  client.println("<li><a href='/menu'>Menu</a></li>");
  client.println("<li><a href='/admin'>Admin</a></li>");
  //client.println("<li><a href='/infos'>Infos</a></li>");
  client.println("<li><a href='/status'>Status</a></li>");
  //client.println("<li><a href='/reset'>Reset</a></li>");
  client.println("<li><a href='/graph'>Graph</a></li>");
  //client.println("<li><a href='/aide'>Aide</a></li>");
  client.println("</ul>");
  client.println("</nav>");
  client.println("</div>");
  client.println("</header>");

  client.println("<main role='main'>");
  client.println("<div class='wrapper'>");
  if (page == PAGE_MENU) {
    client.print("<form><div><input type=\"checkbox\" id=\"relay_01\" onclick=\"handleClick(this);\" ");
    if (val0 == 0) {
      client.print("unchecked");
    } else {
      client.print("checked");
    }
    client.println("><label for=\"relay_01\" onclick=\"relay_01();\">Relai 1</label></div></form>");
    client.println("<form><div><input type=\"checkbox\" id=\"relay_02\" onclick=\"handleClick(this);\" ");

    if (val2 == 0) {
      client.print("unchecked");
    } else {
      client.print("checked");
    }
    client.println("><label for=\"relay_02\" onclick=\"relay_02();\">Relai 2</label></div></form>");
    client.println("<form><div><input type=\"checkbox\" id=\"relay_03\" onclick=\"handleClick(this);\" ");
    if (val3 == 0) {
      client.print("unchecked");
    } else {
      client.print("checked");
    }
    client.println("><label for=\"relay_03\" onclick=\"relay_03();\">Relai 3</label></div></form>");
    client.println("<form><div><input type=\"checkbox\" id=\"relay_04\" onclick=\"handleClick(this);\" ");
    if (val4 == 0) {
      client.print("unchecked");
    } else {
      client.print("checked");
    }
    client.println("><label for=\"relay_04\" onclick=\"relay_04();\">Relai 4</label></div></form>");

  } else if (page == PAGE_ADMIN) {
    client.println( "<form action='/ident' method='get'>");
    client.println( "<script type='text/javascript'>\nfunction showValue(newValue)\n{\ndocument.getElementById('text').innerHTML=newValue;\n}\n</script>");
    client.println( "<div>");
    client.println( "<label for='name'>SSID:</label>");
    String ssid = String(domoticz->_ssid);
   // sprintf (domoticz->_ssid, "%18x", ssid);
    client.println( "<input type='text' id='name' name='name' value='" + ssid + "'/>");
    client.println( "</div>");
    client.println( "<div>");
    client.println( "<label for='pass'>Password:</label>");
    String pass = String(domoticz->_pass);
    client.println( "<input type='password' id='pass' name='pass' value='" + pass + "'/>");
    client.println( "</div>");
    client.println( "<div>");
    client.println( "<label for='domo'>Domoticz:</label>");
    client.println( "<input type='text' id='domo' name='domo' value='" + domoticz->_domoticz + "'/>"); // />");
    client.println( "</div>");
    client.println( "<div>");
    client.println( "<label for='port'>Port:</label>");
    client.println( "<input type='text' id='port' name='port' value='" + domoticz->_port + "'/>");
    client.println( "</div>");
    // client.println( "<div>");
    // client.println( "<label for='radi'>Id Radiateur:</label>");
    // client.println( "<input type='radi' id='radi' name='radi' value='" + radiateur + "'/>");
    // client.println( "</div>");
    // client.println( "<div>");
    // client.println( "<label for='temp'>Id Thermometre:</label>");
    // client.println( "<input type='temp' id='temp' name='temp' value='" + temp + "'/>");
    // client.println( "</div>");
    // client.println( "<div>");
    // client.println( "<label for='cons'>Id Consigne:</label>");
    // client.println( "<input type='cons' id='cons' name='cons' value='" + cons + "'/>");
    // client.println( "</div>");

    client.println( "<div class='button'>");
    client.println( "<button name=H type='submit'>Ok</button>");
    client.println( "</div>");
    client.println( "</form>");
  } else if (page == PAGE_STATUS) {
    client.println("<article>");
    printWifiStatus();
    client.println("</article>");
  } else if (page == PAGE_GRAPH) {
    graph();
  } else if (page == PAGE_INFOS) {
    infos();
  }
  client.println("  </div>");
  client.println("</main>");

  client.println("<script>");
  client.println("var show_menu=document.querySelector('.show_menu_btn'),viewport_width=document.documentElement.clientWidth,menu=document.querySelector('#nav ul');600>viewport_width&&(menu.style.display='none'),window.addEventListener('resize',function(){var e=document.documentElement.clientWidth;menu.style.display=e>599?'block':'none'}),show_menu.addEventListener('click',function(){var e=document.querySelector(show_menu.getAttribute('data-target'));'none'==e.style.display?(e.style.display='block',show_menu.innerHTML=show_menu.getAttribute('data-shown-text')):(e.style.display='none',show_menu.innerHTML=show_menu.getAttribute('data-hidden-text'))});");
  //menuJS();
  // Fonction pour les voutons
  //client.println("function click(){$(function() {$( '#dialog' ).dialog({width : 250, height: 180, modal : true }); }); }");
  client.println("</script>");


  if (page == PAGE_GRAPH) {
   // client.println("<script src=\"http://" + domoticz->_domoticz +  "/" + jsPath + "/" + chartName + "\"></script>");
   client.println("<script src=\"https://www.chartjs.org/dist/2.9.3/Chart.min.js\"></script>");
  }
  else if (page == PAGE_MENU) {
    client.println("<script>");
    client.println("function relay_04() {document.getElementById(\"relay_04\").click();}");
    client.println("function relay_03() {document.getElementById(\"relay_03\").click();}");
    client.println("function relay_02() {document.getElementById(\"relay_02\").click();}");
    client.println("function relay_01() {document.getElementById(\"relay_01\").click();}");
    client.println("function handleClick(cb) {post_to_url(cb, \"/action\", { submit: \"submit\" });}");
    client.println("function post_to_url(x, path, params, method) {");
    client.println("method = \"get\"; var form = document.createElement(\"form\");");
    //1client.println("var x = document.getElementById(\"relay_01\");");
    // client.println("var x2 = document.getElementById(\"relay_02\");");
    client.println("form._submit_function_ = form.submit;");
    client.println("form.setAttribute(\"method\", method);");
    client.println("form.setAttribute(\"action\", path);");

    client.println("var hiddenField = document.createElement(\"input\");");
    client.println("hiddenField.setAttribute(\"type\", \"hidden\");");
    client.println("hiddenField.setAttribute(\"name\", x.id);");
    client.println("hiddenField.setAttribute(\"value\", x.checked);");
    client.println("form.appendChild(hiddenField);");
    client.println("document.body.appendChild(form);");

    // client.println("var hiddenField2 = document.createElement(\"input\");");
    // client.println("hiddenField2.setAttribute(\"type\", \"hidden\");");
    // client.println("hiddenField2.setAttribute(\"name\", x2.id);");
    // client.println("hiddenField2.setAttribute(\"value\", x2.checked);");
    // client.println("form.appendChild(hiddenField2);");
    // client.println("document.body.appendChild(form);");

    client.println("form._submit_function_(); }</script>");
  }

  client.println("</body>");

}

void ServeurWeb::menuStyle(int page) {
  // menuStyle.css
  client.println("<style>");
  client.println( "a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,");
  client.println( "figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,");
  client.println( "strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}");
  client.println( "article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:");
  client.println( "after,blockquote:before,q:after,q:before{content:'';");
  client.println( "content:none}table{border-collapse:collapse;border-spacing:0}h1{font-size:1.5em;font-weight:700;padding:.5em 0;letter-spacing:1px}@media screen and ");
  client.println( "(max-width:599px){h1{text-align:center}}h2{font-size:1.25em;font-weight:700;line-height:1.2;padding:.5em 0}p{font-size:1em;padding:0 0 1em}a{color:#555;");
  client.println( "text-decoration:none;border-bottom:1px solid #555}a:hover{color:#88b47f;border-bottom:1px solid #88b47f}*{-moz-box-sizing:border-box;-webkit-box-sizing:");
  client.println( "border-box;box-sizing:border-box;-webkit-text-size-adjust:auto}body{font-family:sans-serif;font-size:100%;text-align:center;line-height:1.5;background:");
  client.println( "#f8f7f0;color:#555}.wrapper{width:90%;max-width:50em;margin:0 auto;text-align:left;overflow:hidden}");
  client.println( "header{margin-bottom:1em;padding-bottom:1em;background:#57575f;color:#fff}@media screen and (max-width:599px){.no-js .show_menu_btn{display:none}.js .show_menu_btn,.no-js #nav ul{display:block}.js #nav ul{display:none}}@media screen and (min-width:600px){.show_menu_btn{display:none}#nav ul{display:block}}.show_menu_btn{width:35%;margin:0 auto;padding:.3em;cursor:pointer;text-align:center;background:#88b47f}#nav ul{margin:1em 0}#nav ul li{padding:.5em}#nav ul li:hover{background:#88b47f}#nav ul a{display:block;font-size:1em;color:#eee;border-bottom:none}@media screen and (max-width:599px){#nav ul{display:block}#nav ul li{display:block;text-align:center;border-bottom:1px solid #6f6f7a}}@media screen and (min-width:600px){#nav{overflow:hidden}#nav ul li{width:7em;float:left;margin-right:1em}}");
  //Bouton
  client.println( ".boutonTemp {width:85px;height:85px;background:#fafafa;box-shadow:2px 2px 8px #aaa;font:bold 13px Arial;border-radius:50%;color:#555;}");
  client.println( ".boutonCons {width:85px;height:85px;background:#cc0000;font:bold 13px Arial;border-radius:50%;border:none;color:#fff;}");

  // PAGE MENU
  client.println("input[type=\"checkbox\"] {display: none;}");
  client.println("input[type=\"checkbox\"] + label {display:inline-block; line-height:normal; cursor:pointer; padding: 3px 14px;");
  client.println("background-color: #EFEFEF;border-radius: 4px;border: 1px solid #D0D0D0;margin: 40px 100px 10px 40px;");
  client.println("}input[type=\"checkbox\"] + label:hover {border-color: #000;background-color: #911;color: #fff;}");
  client.println("input[type=\"checkbox\"]:checked + label {border-color: #000;background-color: #888;color: #fff;}");


  client.println("</style>");


}

///////////////////////////////////////////////////
// PAGE ADMIN
///////////////////////////////////////////////////
void ServeurWeb::pageAdmin() {

  client.println("<html>");
  style();
  body();
  client.println("</html>\n\r");
}

void ServeurWeb::body() {
  // body.html
  client.println( "<body>");
  client.println( "<form action='/ident' method='get'>");
  client.println( "<script type='text/javascript'>\nfunction showValue(newValue)\n{\ndocument.getElementById('text').innerHTML=newValue;\n}\n</script>");
  client.println( "<div>");
  client.println( "<label for='name'>SSID:</label>");
  client.println( "<input type='text' id='name' name='name' />");
  client.println( "</div>");
  client.println( "<div>");
  client.println( "    <label for='pass'>Password:</label>");
  client.println( "    <input type='password' id='pass' name='pass' />");
  client.println( "</div>");
  client.println( "<div>");
  client.println( "    <label for='domo'>Domoticz:</label>");
  client.println( "    <input type='text' id='domo' name='domo' />");
  client.println( "    <label for='port'>Port:</label>");
  client.println( "    <input type='text' id='port' name='port' />");
  client.println( "</div>");
  client.println( "<div>");
  client.println( "    <label for='radi'>Id Radiateur:</label>");
  client.println( "    <input type='radi' id='radi' name='radi' />");
  client.println( "</div>");
  client.println( "<div class='button'>");
  client.println( "    <button name=H type='submit'>Ok</button>");
  client.println( "</div>");
  client.println( "</form>");
  client.println( "</body>");

}


void ServeurWeb::style() {

  // style.css
  client.println( "<style>");
  client.println( "form {");
  // client.println( "  /* Just to center the form on the page */");
  client.println( "  margin: 0 auto;");
  client.println( "  width: 400px;");
  client.println( "");
  // client.println( "  /* To see the limits of the form */");
  client.println( "  padding: 1em;");
  client.println( "  border: 1px solid #CCC;");
  client.println( "  border-radius: 1em;");
  client.println( "}");
  client.println( "");
  client.println( "div + div {");
  client.println( "  margin-top: 1em;");
  client.println( "}");
  client.println( "");
  client.println( "label {");
  // client.println( "  /* To make sure that all label have the same size and are properly align */");
  client.println( "  display: inline-block;");
  client.println( "  width: 90px;");
  client.println( "  text-align: right;");
  client.println( "}");
  client.println( "");
  client.println( "input, textarea {");
  // client.println( "  /* To make sure that all text field have the same font settings");
  // client.println( "     By default, textarea are set with a monospace font */");
  client.println( "  font: 1em sans-serif;");
  client.println( "");
  // client.println( "  /* To give the same size to all text field */");
  client.println( "  width: 300px;");
  client.println( "");
  client.println( "  -moz-box-sizing: border-box;");
  client.println( "       box-sizing: border-box;");
  client.println( "");
  // client.println( "  /* To harmonize the look & feel of text field border */");
  client.println( "  border: 1px solid #999;");
  client.println( "}");
  client.println( "");
  client.println( "input:focus, textarea:focus {");
  // client.println( "  /* To give a little highligh on active elements */");
  client.println( "  border-color: #000;");
  client.println( "}");
  client.println( "");
  client.println( "textarea {");
  // client.println( "  /* To properly align multiline text field with their label */");
  client.println( "  vertical-align: top;");
  client.println( "");
  // client.println( "  /* To give enough room to type some text */");
  client.println( "  height: 5em;");
  client.println( "");
  // client.println( "  /* To allow users to resize any textarea vertically");
  // client.println( "     It works only on Chrome, Firefox and Safari */");
  client.println( "  resize: vertical;");
  client.println( "}");
  client.println( "");
  client.println( ".button {");
  // client.println( "  /* To position the buttons to the same position of the text fields */");
  //  client.println( "  padding-left: 90px; /* same size as the label elements */");
  client.println( "}");
  client.println( "");
  client.println( "button {");
  // client.println( "  /* This extra magin represent the same space as the space between");
  // client.println( "     the labels and their text fields */");
  client.println( "  margin-left: .5em;");
  client.println( "}");

  client.println(".toggle-slide {");
  client.println(" overflow: hidden;");
  client.println(" cursor: pointer;");
  client.println(" -webkit-touch-callout: none;");
  client.println(" -webkit-user-select: none;");
  client.println(" -khtml-user-select: none;");
  client.println(" -moz-user-select: none;");
  client.println(" -ms-user-select: none;");
  client.println(" user-select: none;");
  client.println(" direction: ltr;");
  client.println("}");
  client.println(".toggle-slide .toggle-on,.toggle-slide .toggle-off,.toggle-slide .toggle-blob {");
  client.println(" float: left;");
  client.println("}");
  client.println(".toggle-slide .toggle-blob {");
  client.println(" position: relative;");
  client.println(" z-index: 99;");
  client.println(" cursor: hand;");
  client.println(" cursor: grab;");
  client.println(" cursor: -moz-grab;");
  client.println(" cursor: -webkit-grab;");
  client.println("}");


  client.println( "</style>");

}


void ServeurWeb::graph() {
  // infos();
  client.println( "<canvas id='canvas' ></canvas>");

  client.println( "<script>");
  client.println( "var randomScalingFactor = function(){ return Math.round(Math.random()*100)};");

  client.println( "var config = {");
  client.println( "type: 'line',");
  client.println( " data: {");

  client.print( "labels : ["); //\"January\",\"February\",\"March\",\"April\",\"May\",\"June\",\"July\"],");
  client.print(domoticz->labels);
  client.println("],");

  client.println( "datasets : [");
  client.println( "{");
  client.println( "label: \"My First dataset\",");
  client.println( "        fillColor : \"rgba(220,220,220,0.2)\",");
  client.println( "        strokeColor : \"rgba(220,220,220,1)\",");
  client.println( "        pointColor : \"rgba(220,220,220,1)\",");
  client.println( "        pointStrokeColor : \"#fff\",");
  client.println( "        pointHighlightFill : \"#fff\",");
  client.println( "        pointHighlightStroke : \"rgba(220,220,220,1)\",");
  client.print( "        data : [");


  // randomScalingFactor(),randomScalingFactor(),randomScalingFactor(),randomScalingFactor(),randomScalingFactor(),randomScalingFactor(),randomScalingFactor()
  client.print(domoticz->data);
  client.print("]}");

  client.println( "    ]}};");
  client.println( "window.onload = function(){");
  client.println( "  var ctx = document.getElementById(\"canvas\").getContext(\"2d\");");
  client.println( "  window.myLine = new Chart(ctx, config);");
  // client.println( "    responsive: true, animation:true});");
  client.println( "}");
  client.println( "</script>");

}

//String domoticz->getIndexOfString(String data, String separator, int index)
//{
//    int found = 0;
//    int strIndex[] = { 0, -1 };
//    int maxIndex = data.length() - 1;
//
//    for (int i = 0; i <= maxIndex && found <= index; i++) {
//        if (data.charAt(i) == separator.charAt(0) || i == maxIndex) {
//            found++;
//            strIndex[0] = strIndex[1] + 1;
//            strIndex[1] = (i == maxIndex) ? i+1 : i;
//        }
//    }
//    return found > index ? data.substring(strIndex[0], strIndex[1]) : "";
//}

void ServeurWeb::ident(String req) {

  // Return : ident?name=jjjjj&pass=kkkk&domo&H=
  int posName = req.indexOf("name");
  int posPass = req.indexOf("pass", posName);
  int posDomo = req.indexOf("domo", posPass);
  int posPort = req.indexOf("port", posDomo);
  // int posRadi = req.indexOf("radi", posPort);
  // int posTemp = req.indexOf("temp", posRadi);
  // int posCons = req.indexOf("cons", posTemp);
  // int End     = req.indexOf("H", posCons);

  //if (End < 0) {
    int End =  req.length() + 1;
  //}
  //ssid
  String ssid = getValueFrom(req, posName, posPass);
  char ssidc[ssid.length() + 1];
  ssid.toCharArray(ssidc, ssid.length() + 1);

  //Password
  String pass = getValueFrom(req, posPass, posDomo);
  char passc[pass.length() + 1];
  pass.toCharArray(passc, pass.length() + 1);

  // Domo
  String domo = getValueFrom(req, posDomo, posPort);
  char domoc[domo.length() + 1];
  domo.toCharArray(domoc, domo.length() + 1);

  // Port
  String port = getValueFrom(req, posPort, End); //posRadi);
  char portc[port.length() + 1];
  port.toCharArray(portc, port.length() + 1);

  // // Radiateur
  // String radi = getValueFrom(req, posRadi, posTemp);
  // char radic[radi.length() + 1];
  // radi.toCharArray(radic, radi.length() + 1);

  // // Thermometre
  // String temp = getValueFrom(req, posTemp, posCons);
  // char tempc[temp.length() + 1];
  // temp.toCharArray(tempc, temp.length() + 1);

  // // Consigne
  // String cons = getValueFrom(req, posCons, End);
  // char consc[cons.length() + 1];
  // cons.toCharArray(consc, cons.length() + 1);

  //Domoticz domo("192.168.1.3", "81", "Livebox-37cc", "8A6060920A8A86896F770F2C47");


  // boolean connected = connectToWifi(ssidc, passc);

  // client.flush();
  // // Prepare the response. Start with the common header:


  String s = "HTTP/1.1 200 OK\r\n";
  s += "Content-Type: text/html\r\n\r\n";
  s += "<!DOCTYPE HTML>\r\n<html>\r\n";
  //s += "Connexion en-cours.";

  if (true) {

    s += "WiFi connected\n";

    // Start the server
    //  server.begin();

    // s+="Server started\n";

    // Print the IP address
    s += "Use this URL to connect: ";
    s += "http://";
    //s += WiFi.localIP();
    s += "/_n";


  } else {
    s += "Connexion impossible";
  }

  s += "</html>\n";
  client.println(s);
  delay(200);

}