String readString = "";

void showWebClient()
{

  EthernetClient client = server.available();

  if (client) {
    Serial.println(">>>>>>>>>   NEW Client");
    // an http request ends with a blank line
    boolean currentLineIsBlank = true;
    if (client.connected()) {
      Serial.println("client.connected");
      Serial.println(client .available());
      while (client .available()) {
        char c = client.read();
        //Serial.println(c);
        if (c == '\n') {
          Serial.println(">>>>>  request cleared");
          Serial.println(request);
          request = "";
        } else {
          request += c;
          //Serial.println(request);
        }
      }

      if (request.length() > 0) {
        //-------------------------------------------
        //Network
        request.replace("new_myTCPserverIP=", "");
        request.replace("new_myTCPserverPort=", "");
        request.replace("new_ipAddress=", "");
        request.replace("new_subnet=", "");
        request.replace("new_gateway=", "");
        //-------------------------------------------
        //Operations
        request.replace("new_basenum=", "");
        request.replace("new_speedfactor=", "");
        request.replace("new_minamp0=", "");
        //-------------------------------------------
        //Geometry
        request.replace("new_triggerheight=", "");
        request.replace("new_xdist01=", "");
        request.replace("new_xdist12=", "");
        request.replace("new_zdist0=", "");
        //-------------------------------------------
        //Stored Values (no changes)
        //vtHeight0
        //vtHeight1
        //vtHeight2
        //reserved
        //reserved
        //reserved
        //-------------------------------------------
        request = request + '&' + '\n';

        Serial.print("R E Q U E S T = ");
        Serial.println(request);
        Serial.print("POS 1 = ");
        Serial.println(pos1);
        Serial.print("POS 2 = ");
        Serial.println(pos2);

        pos1 = 0;
        for (int i = 0; i < numEEPROMVariables; i++) {
          str[i] = request.substring(pos1, pos2);
        }

        Serial.print("------------------------>>>>  proceeding to write length = ");
        Serial.println(request.length());
        if (request.length() < 1000)
        {
          Serial.println("------------------------>>>>  Writing EEPROM");
          for (int i = 0; i < numEEPROMVariables; i++) {

            //Serial.print("-");
            //Serial.print(i);
            str[i] = "";
            pos2 = request.indexOf("&", pos1);
            str[i] = request.substring(pos1, pos2);
            pos1 = pos2 + 1;
            if (str[i].length() > 0) {
              if (i == numEEPROMVariables - 1) str[numEEPROMVariables - 1].replace("+", " ");
              str[i] += "                         ";
              str[i] = str[i].substring(0, 25);
              //Serial.print("str_write:");
              //Serial.print(str[i]);
              //Serial.println(':');
              for (int j = 0; j < 25; j++) {
                //int myNum = int(str[i].charAt(j));
                //if (((myNum > 45) && (myNum < 58)) || (myNum == 32))  //to avoid EEPROM corruption - only allows number, . and space
                {
                  EEPROM.write(i * 25 + j, byte(str[i].charAt(j)));
                }
              }
              Serial.print(" Writing ");
              Serial.print(i);
              Serial.print("    str[i] = ");
              Serial.println(str[i]);
            }
          }

          Serial.println(">>>>>>>>>>>>>>>> Done Writing  >>>>>>>>>>>>>>>>");
        }

        request = "";
        f = false;
      }   //if (request.length() > 0)

      Serial.println("Reading EEPROM");
      for (int i = 0; i < numEEPROMVariables; i++) {
        str[i] = "";
        for (int j = 0; j < 25; j++) 
        {
            str[i] += char(EEPROM.read(i * 25 + j));
        }
        str[i].trim();

        Serial.print ("------------------------>>>>  Read EEPROM");
        Serial.print ("    I = ");
        Serial.print (i);
        Serial.print ("  ");
        Serial.println(str[i]);
      }
      //-----------------------------------------------------------------------------------------------------------------------------------
      // send a standard http response header
      client.println(F("HTTP/1.1 200 OK"));
      client.println(F("Content-Type: text/html"));
      client.println(F("Connection: close"));  // the connection will be closed after completion of the response
      client.println();
      client.println(F("<!DOCTYPE HTML>"));
      client.println(F("<html>"));
      client.println(F("<head>"));
      client.println(F("<link rel=\"shortcut icon\" href=\"data:image/x-icon;,\" type=\"image/x-icon\">"));
      client.println(F("<style type=\"text/css\">"));
      client.println(F("table,"));
      client.println(F("th,"));
      client.println(F("td {"));
      client.println(F("border: 1px solid;"));
      client.println(F("width: 33%;"));
      client.println(F("text-align: center;"));
      client.println(F("}"));
      client.println(F("table {"));
      client.println(F("border-collapse: collapse;"));
      client.println(F("}"));
      client.println(F("input {"));
      client.println(F("width: 98%;"));
      client.println(F("border: none;"));
      client.println(F("text-align: center;"));
      client.println(F("}"));
      client.println(F("#b {"));
      client.println(F("border: 1px solid gray;"));
      client.println(F("width: 33%;"));
      client.println(F("height: 50px;"));
      client.println(F("font-weight: bold;"));
      client.println(F("font-size: 150%;"));
      client.println(F("margin: 0 auto;"));
      client.println(F("}"));
      client.println(F("</style>"));
      client.println(F("<script>"));
      //************************************************************************************************************************************
      client.println(F("function check_ip(c) {"));
      client.println(F("if (c.value) {"));
      client.println(F("var pattern = \"([0-9]{1,3}[\.]){3}[0-9]{1,3}\""));
      client.println(F("str =c.value;"));
      client.println(F("if (!str.match(pattern)) {"));
      client.println(F("c.value = \"\";"));
      client.println(F("c.focus();"));
      client.println(F("alert(\"Incorrect input\");"));
      client.println(F("}"));
      client.println(F("}"));
      client.println(F("}"));

      client.println(F("function check_port(c) {"));
      client.println(F("if (!((parseInt(c.value) > 1024 && parseInt(c.value) < 65535) || c.value == \"\")) {"));
      client.println(F("c.value = \"\";"));
      client.println(F("c.focus();"));
      client.println(F("alert(\"Incorrect input\");"));
      client.println(F("}"));
      client.println(F("}"));

      client.println(F("function check_general(c) {"));
      client.println(F("if (!((parseInt(c.value) > -1 && parseInt(c.value) < 99999) || c.value == \"\")) {"));
      client.println(F("c.value = \"\";"));
      client.println(F("c.focus();"));
      client.println(F("alert(\"Incorrect input\");"));
      client.println(F("}"));
      client.println(F("}"));

      client.println(F("function check_distance(c) {"));
      client.println(F("if (!((parseFloat(c.value) > -30.5 && parseFloat(c.value) < 1000) || c.value == \"\")) {"));
      client.println(F("c.value = \"\";"));
      client.println(F("c.focus();"));
      client.println(F("alert(\"Incorrect input\");"));
      client.println(F("}"));
      client.println(F("}"));

      client.println(F("function check_flag(c) {"));
      client.println(F("if (!((parseInt(c.value) >= 0 && parseInt(c.value) <= 254) || c.value == \"\")) {"));
      client.println(F("c.value = \"\";"));
      client.println(F("c.focus();"));
      client.println(F("alert(\"Incorrect input\");"));
      client.println(F("}"));
      client.println(F("}"));

      client.println(F("function check_any(c) {"));
      client.println(F("if (!((parseInt(c.value) >= -1000 && parseInt(c.value) <= 6500) || c.value == \"\")) {"));
      client.println(F("c.value = \"\";"));
      client.println(F("c.focus();"));
      client.println(F("alert(\"Incorrect input\");"));
      client.println(F("}"));
      client.println(F("}"));

      client.println(F("function check_binary(c) {"));
      client.println(F("if (!((parseInt(c.value) >= 0 && parseInt(c.value) <= 1) || c.value == \"\")) {"));
      client.println(F("c.value = \"\";"));
      client.println(F("c.focus();"));
      client.println(F("alert(\"Incorrect input\");"));
      client.println(F("}"));
      client.println(F("}"));

      client.println(F("function check_time(c) {"));
      client.println(F("if (c.value) {"));
      client.println(F("var pattern = \"^[0-9]+$\";"));
      client.println(F("str =c.value;"));
      client.println(F("if (!str.match(pattern)) {"));
      client.println(F("c.value = \"\";"));
      client.println(F("c.focus();"));
      client.println(F("alert(\"Incorrect input\");"));
      client.println(F("}"));
      client.println(F("}"));
      client.println(F("}"));

      client.println(F("function check_name(c) {}"));
      //***********************************************************************************************************************************
      client.println(F("</script>"));
      client.println(F("</head>"));
      client.println(F("<body style=\"text-align: center\">"));
      client.println(F("<div style=\"display: inline-block;width: 500px\">"));
      client.println(F("<h2 style=\"border-style: double none double none\">"));
      client.println(F("A B C"));
      client.println(F("<br>"));
      client.println(F("Ver. 1.0.0"));
      client.println(F("<br>"));
      client.println(F("</h2>"));
      if (f) {
        client.println(F("<form name=\"myform\" action=\"\" method=\"post\">"));
      }
      client.println(F("<table style=\"margin: 0 auto;width:100%;\">"));
      client.println(F("<tr>"));
      client.println(F("<th>Variable</th>"));
      client.println(F("<th>Stored Value</th>"));
      client.println(F("<th>New Value</th>"));
      client.println(F("</tr>"));
      client.println(F("<tr>"));

      //---------------------------------------------------------------------------------------------------------------------------------------------------------
      //Network
      //---------------------------------------------------------------------------------------------------------------------------------------------------------
      client.println(F("<td>Server IP</td>"));
      client.println(F("<td>"));
      client.println(str[0]);
      client.println(F("</td>"));
      client.println(F("<td>"));
      if (f) {
        client.println(F("<input id=\"new_myTCPserverIP\" name=\"new_myTCPserverIP\" type=\"text\" onblur=\"check_ip(this)\" placeholder=\"xxx.xxx.xxx.xxx\">"));
      }
      client.println(F("</td>"));
      client.println(F("</tr>"));
      client.println(F("<tr>"));

      client.println(F("<td>Server Port</td>"));
      client.println(F("<td>"));
      client.println(str[1]);
      client.println(F("</td>"));
      client.println(F("<td>"));
      if (f) {
        client.println(F("<input id=\"new_myTCPserverPort\" name=\"new_myTCPserverPort\" type=\"text\" onblur=\"check_port(this)\">"));
      }
      client.println(F("</td>"));
      client.println(F("</tr>"));
      client.println(F("<tr>"));

      client.println(F("<td>IP Address</td>"));
      client.println(F("<td>"));
      client.println(str[2]);
      client.println(F("</td>"));
      client.println(F("<td>"));
      if (f) {
        client.println(F("<input id=\"new_ipAddress\" name=\"new_ipAddress\" type=\"text\" onblur=\"check_ip(this)\" placeholder=\"xxx.xxx.xxx.xxx\">"));
      }
      client.println(F("</td>"));
      client.println(F("</tr>"));
      client.println(F("<tr>"));

      client.println(F("<td>Subnet</td>"));
      client.println(F("<td>"));
      client.println(str[3]);
      client.println(F("</td>"));
      client.println(F("<td>"));
      if (f) {
        client.println(F("<input id=\"new_subnet\" name=\"new_subnet\" type=\"text\" onblur=\"check_ip(this)\" placeholder=\"xxx.xxx.xxx.xxx\">"));
      }
      client.println(F("</td>"));
      client.println(F("</tr>"));
      client.println(F("<tr>"));

      client.println(F("<td>Gateway</td>"));
      client.println(F("<td>"));
      client.println(str[4]);
      client.println(F("</td>"));
      client.println(F("<td>"));
      if (f) {
        client.println(F("<input id=\"new_gateway\" name=\"new_gateway\" type=\"text\" onblur=\"check_ip(this)\" placeholder=\"xxx.xxx.xxx.xxx\">"));
      }
      client.println(F("</td>"));
      client.println(F("</tr>"));
      client.println(F("<tr>"));

      //---------------------------------------------------------------------------------------------------------------------------------------------------------
      //Operations
      //---------------------------------------------------------------------------------------------------------------------------------------------------------
      client.println(F("<td>Base Number</td>"));
      client.println(F("<td>"));
      client.println(str[5]);
      client.println(F("</td>"));
      client.println(F("<td>"));
      if (f) {
        client.println(F("<input id=\"new_basenum\" name=\"new_basenum\" type=\"text\" onblur=\"check_general(this)\">"));
      }
      client.println(F("</td>"));
      client.println(F("</tr>"));
      client.println(F("<tr>"));

      client.println(F("<td>Speed Factor</td>"));
      client.println(F("<td>"));
      client.println(str[6]);
      client.println(F("</td>"));
      client.println(F("<td>"));
      if (f) {
        client.println(F("<input id=\"new_speedfactor\" name=\"new_speedfactor\" type=\"text\" onblur=\"check_any(this)\">"));
      }
      client.println(F("</td>"));
      client.println(F("</tr>"));
      client.println(F("<tr>"));

      client.println(F("<td>Min Amplitude(0)</td>"));
      client.println(F("<td>"));
      client.println(str[7]);
      client.println(F("</td>"));
      client.println(F("<td>"));
      if (f) {
        client.println(F("<input id=\"new_minamp0\" name=\"new_minamp0\" type=\"text\" onblur=\"check_general(this)\">"));
      }
      client.println(F("</td>"));
      client.println(F("</tr>"));
      client.println(F("<tr>"));

      //---------------------------------------------------------------------------------------------------------------------------------------------------------
      //Geometry
      //---------------------------------------------------------------------------------------------------------------------------------------------------------
      client.println(F("<td>Trigger Height</td>"));
      client.println(F("<td>"));
      client.println(str[8]);
      client.println(F("</td>"));
      client.println(F("<td>"));
      if (f) {
        client.println(F("<input id=\"new_triggerheight\" name=\"new_triggerheight\" type=\"text\" onblur=\"check_general(this)\">"));
      }
      client.println(F("</td>"));
      client.println(F("</tr>"));
      client.println(F("<tr>"));

      client.println(F("<td>Hz Distance (0-1)</td>"));
      client.println(F("<td>"));
      client.println(str[9]);
      client.println(F("</td>"));
      client.println(F("<td>"));
      if (f) {
        client.println(F("<input id=\"new_xdist01\" name=\"new_xdist01\" type=\"text\" onblur=\"check_general(this)\">"));
      }
      client.println(F("</td>"));
      client.println(F("</tr>"));
      client.println(F("<tr>"));

      client.println(F("<td>Hz Distance (1-2)</td>"));
      client.println(F("<td>"));
      client.println(str[10]);
      client.println(F("</td>"));
      client.println(F("<td>"));
      if (f) {
        client.println(F("<input id=\"new_xdist12\" name=\"new_xdist12\" type=\"text\" onblur=\"check_general(this)\">"));
      }
      client.println(F("</td>"));
      client.println(F("</tr>"));
      client.println(F("<tr>"));

      client.println(F("<td>Z Distance (0)</td>"));
      client.println(F("<td>"));
      client.println(str[11]);
      client.println(F("</td>"));
      client.println(F("<td>"));
      if (f) {
        client.println(F("<input id=\"new_zdist0\" name=\"new_zdist0\" type=\"text\" onblur=\"check_general(this)\">"));
      }
      client.println(F("</td>"));
      client.println(F("</tr>"));
      client.println(F("<tr>"));

      //---------------------------------------------------------------------------------------------------------------------------------------------------------
      client.println(F("</table>"));
      client.println(F("</br>"));

      if (f) {
        client.println(F("</form>"));
        client.println(F("<input type=\"button\" id=\"b\" value=\"Send\" onclick=\"document.forms['myform'].submit();\">"));
      }
      client.println(F("</div>"));
      client.println(F("</body>"));
      client.println(F("</html>"));
      f = true;
      // give the web browser time to receive the data
      delay(200);
      // close the connection:
      client.stop();
      Serial.println("Client disconnected");
    }
  }
}