Arduinocode.ino

#include <ArduinoEigen.h>
#include <ArduinoEigenDense.h>
#include <ArduinoEigenSparse.h>
#include <ESP8266WiFi.h>
#include <SparkFun_RHT03.h>
#include <WiFiUdp.h>
#include <NTPClient.h>
#include <EEPROM.h>
#include <FirebaseESP8266.h>
#include <ESP8266HTTPClient.h>
//****Weather***//
#include <WiFiClient.h>
#include <ArduinoJson.h>
// #include <FirebaseArduino.h>

//***Max Degree***
#define MAX_DEGREE 10
#define FIREBASE_HOST "https://knupolije1-default-rtdb.firebaseio.com"
#define FIREBASE_AUTH "7v8HOK45PpSafFVWoRMLfiRTJjc5BZj19fyowlKL"


const char* ssid     = "OPPO A5 2020"; // Name of Wi-Fi in use
const char* password = "12345678910"; // Wi-Fi password
WiFiServer server(80); // Server Port

// NTP Server Time
const char* ntpServer = "pool.ntp.org";
uint8_t timeZone = 9;
uint8_t summerTime = 0;
double potPred1 = 0;
double potPred2 = 0; 
WiFiUDP ntpUDP;
NTPClient timeClient(ntpUDP, ntpServer);

// Weather
// OpenWeatherMap API Server Information
const char* weatherServer = "api.openweathermap.org";
const int weatherPort = 80;
const char* apiKey = "a4e873808077c72854f9549953b758af";
const char* city = "1643084"; // Zakarta city Code
const int r1 = D1;
const int r2 = D2;
const int r3 = D3;
const int r4 = D4;

const char* serverIP = "192.168.143.177";
const int serverPort = 5000;
String formettedTime;
int year, month, day, hour, minute, second;

FirebaseData firebaseData;
// Decision Pin 
int motorPin[] = {5, 4};
int ledPin = 0;
int submotorPin = 2;
int soilPin[] = {14, 12};
int rhtPin = 13;

// default => 1(off), then We put 0(on) to relay module
int isLedOn = 1; 
int motorOn[] = {1, 1};
int isSubmotorOn = 1;
int prediction1 = 0;
int prediction2 = 0;
// temp, humidity 
RHT03 rht;
float tempC;
float humidity;

// soil humidity chart 
byte soilHumidity1[24] = {0};
byte soilHumidity2[24] = {0};

// ***stack for soil humidity prediction, value of y-axis***
int humForPred1[24] = {0};
int humForPred2[24] = {0};
int cnt = 0;

// ***value of x-axis***
int x[24] = {0};

// ***Indonesia's Current Weather Storage Variables*** //
float zaka_temperature;
float zaka_humidity;
float zaka_windSpeed;

bool doItJustOnce = false;

// Array for storing Log
String logs[1000];
int logcount = 0;

int soilValue(int pin){
    for(int i = 0; i < 2; i++){
        if(i == pin){
            digitalWrite(soilPin[i], HIGH);
        }else{
            digitalWrite(soilPin[i], LOW);
        }
    }
    return analogRead(A0);
}

void writeLog(String text){
    if(logcount > 999) logcount = 0; // Return to zero when the log array is full
    String currentTime = String(year) + "-" + String(month) + "-" + String(day) + " " + formettedTime;
    logs[logcount] = currentTime + " | " + text;
    Serial.print(currentTime);
    Serial.print(" | ");
    Serial.println(text);
    logcount += 1;
}



//********Weather API***********//
void getWeather() {
  // Create Wi-Fi Client Object
  WiFiClient client;

  // Send request to OpenWeatherMap API
  if (client.connect(weatherServer, 80)) {
    client.print("GET /data/2.5/weather?id=");
    client.print(city);
    client.print("&appid=");
    client.print(apiKey);
    client.println(" HTTP/1.1");
    client.print("Host: ");
    client.println(weatherServer);
    client.println("Connection: close");
    client.println();

    // Receive and process responses
    while (client.connected()) {
      if (client.available()) {
        String line = client.readStringUntil('\n');
        if (line == "\r") {
          break;
        }
      }
    }

    // JSON parsing and weather information output
    DynamicJsonDocument doc(1024);
    DeserializationError error = deserializeJson(doc, client);
    if (error) {
      Serial.println("Error parsing JSON");
      return;
    }

    const char* description = doc["weather"][0]["description"];
    zaka_temperature = doc["main"]["temp"];
    zaka_humidity = doc["main"]["humidity"];
    zaka_windSpeed = doc["wind"]["speed"];

    Serial.println("Current Weather in Jakarta, Indonesia:");
    Serial.print("Description: ");
    Serial.println(description);
    Serial.print("Temperature: ");
    Serial.print(zaka_temperature);
    Serial.println(" °C");
    Serial.print("Humidity: ");
    Serial.print(zaka_humidity);
    Serial.println(" %");
    Serial.print("Wind Speed: ");
    Serial.print(zaka_windSpeed);
    Serial.println(" m/s");

  } else {
    Serial.println("Failed to connect to OpenWeatherMap API");
  }
  client.stop();
}
unsigned long previousMillis = 0;
const long interval = 5000; 



void setup(){
    // Default Settings
    writeLog("Server begin...");
    pinMode(A0,INPUT);
    // pinMode(ledPin, OUTPUT);
    pinMode(submotorPin, OUTPUT);
    for(int i = 0; i < 2; i++){
        pinMode(motorPin[i], OUTPUT);
        pinMode(soilPin[i], OUTPUT);
    }
    rht.begin(rhtPin);
    EEPROM.begin(48);
     Firebase.begin(FIREBASE_HOST, FIREBASE_AUTH); 
    writeLog("Fin setting and RHT, EEPROM start complete");
 pinMode(r1, OUTPUT);
  pinMode(r2, OUTPUT);
  pinMode(r3, OUTPUT);
  pinMode(r4, OUTPUT);
    // Get Humidity Values
    for(int i = 0; i < EEPROM.length(); i++){
        if(EEPROM.read(i) > 100) continue; // The initial value of the initialized EEPROM was 255.
        if(i < 24){
            soilHumidity1[i] = EEPROM.read(i);
        }else{
            soilHumidity2[i - 24] = EEPROM.read(i);
        }
    }
    writeLog("Completed loading humidity values stored in EEPROM");


    // Turn off the whole thing
    // digitalWrite(ledPin, isLedOn); // Turn on the LED
    digitalWrite(submotorPin, isSubmotorOn); // Turn on the water dripping motor
    for(int i = 0; i < 2; i++){
        digitalWrite(motorPin[i], motorOn[i]);
    }


    Serial.begin(115200); // Serial communication, speed 115200
    delay(10);

  // Wi-Fi connection
    writeLog("Connecting to Wi-Fi");
    WiFi.mode(WIFI_STA);
    
    writeLog("wifi connnected to " + String(ssid));

    WiFi.begin(ssid, password);

    while (WiFi.status() != WL_CONNECTED) {
    delay(100);
    Serial.print("!");
    }

    writeLog("Wi-Fi connection complete");
    Serial.println("Wi-Fi connection complete");
    Serial.print("IP address: ");
    Serial.println(WiFi.localIP());

    // Server begin
    server.begin();
    writeLog("Server begin...");

    // Get server time
    timeClient.begin();
    timeClient.setTimeOffset(3600 * timeZone);
    timeClient.update();
    formettedTime = timeClient.getFormattedTime();
    hour = timeClient.getHours();
    minute = timeClient.getMinutes();
    second = timeClient.getSeconds();
    writeLog("NTP Time Recall Complete");
}

void sendDataToFirebase(byte* humidity1, byte* humidity2) {
  FirebaseJson json;

  for (int i = 0; i < 24; i++) {
    json.set("/soilHumidity1/" + String(i), int(humidity1[i]));
    json.set("/soilHumidity2/" + String(i), int(humidity2[i]));
  }
  Firebase.begin(FIREBASE_HOST, FIREBASE_AUTH);
  if (Firebase.pushJSON(firebaseData, "/data", json)) {
    Serial.println("Data sent to Firebase!");
  } else {
    Serial.println("Error sending data to Firebase");
    Serial.print("Error Reason: ");
    Serial.println(firebaseData.errorReason());
  }

  delay(5000);
}

void sendPredictionToFirebase(int prediction1, int prediction2) {
  FirebaseJson json;
  

    json.set("/prediction1/" + String(), prediction1);
    json.set("/prediction2/" + String(), prediction2);
  
  
  Firebase.begin(FIREBASE_HOST, FIREBASE_AUTH);
  
  if (Firebase.pushJSON(firebaseData, "/prediction", json)) {
    Serial.println("Data sent prediction to Firebase!");
  } else {
    Serial.println("Error sending data to Firebase");
    Serial.print("Error Reason: ");
    Serial.println(firebaseData.errorReason());
  }
  
  delay(5000);
}

void sendRhtToFirebase(double temp, double humi) {
  Firebase.begin(FIREBASE_HOST, FIREBASE_AUTH);

  if (Firebase.setDouble(firebaseData, "/rht/temp", temp) &&
      Firebase.setDouble(firebaseData, "/rht/humi", humi)) {
    Serial.println("Data updated in Firebase - rht!");
  } else {
    Serial.println("Error updating data in Firebase");
    Serial.print("Error Reason: ");
    Serial.println(firebaseData.errorReason());
  }

  delay(5000);
}



void sendmoisToFirebase(int mois1, int mois2) {
  FirebaseJson json;
  

    json.set("/mois1/" + String(), mois1);
    json.set("/mois2/" + String(), mois2);
  
  
  Firebase.begin(FIREBASE_HOST, FIREBASE_AUTH);
  
  if (Firebase.pushJSON(firebaseData, "/mois", json)) {
    Serial.println("Data Mois sent prediction to Firebase!");
  } else {
    Serial.println("Error sending data to Firebase");
    Serial.print("Error Reason: ");
    Serial.println(firebaseData.errorReason());
  }
  
  delay(5000);
}



String readLedStatusFromFirebase() {
  Firebase.begin(FIREBASE_HOST, FIREBASE_AUTH);

  // Read data from Firebase
  if (Firebase.getString(firebaseData, "/led")) {
    String ledStatus = firebaseData.stringData();
    Serial.println("LED status read from Firebase: " + ledStatus);
    if(ledStatus == "on"){
         digitalWrite(r2, LOW);
    }else{
         digitalWrite(r2, HIGH);
    }
    return ledStatus;
  } else {
    Serial.println("Error reading LED status from Firebase.");
    Serial.print("Error Reason: ");
    Serial.println(firebaseData.errorReason());
    return "";
  }
}


String readLedStatusMotorFromFirebase() {
  Firebase.begin(FIREBASE_HOST, FIREBASE_AUTH);

  // Read data from Firebase
  if (Firebase.getString(firebaseData, "/motor")) {
    String motorStatus = firebaseData.stringData();
    Serial.println("Motor status read from Firebase: " + motorStatus);
    if(motorStatus == "on"){
        Serial.println("motor r4 is running");
          digitalWrite(r4, LOW);
    }else{
digitalWrite(r4, HIGH);
    }
    return motorStatus;
  } else {
    Serial.println("Error reading Motor status from Firebase.");
    Serial.print("Error Reason: ");
    Serial.println(firebaseData.errorReason());
    return "";
  }
}


float readMotorStatusFromFirebase() {
  // Read data from Firebase
  if (Firebase.getString(firebaseData, "/aidata/y1_pred_plus/0")) {
    String motorStatusString = firebaseData.stringData();
    float motorStatus = motorStatusString.toFloat(); // Convert to float
    Serial.println("Motor status read from Firebase: " + motorStatusString);

    if (motorStatus < 50.0) { // Check if the value is less than 50
      digitalWrite(r1, LOW); // Set r1 HIGH
    } else {
      digitalWrite(r1, HIGH); // Set r1 LOW
    }

    return motorStatus;
  } else {
    Serial.println("Error reading Motor status from Firebase.");
    Serial.print("Error Reason: ");
    Serial.println(firebaseData.errorReason());
    return 0.0; // Return a default value in case of an error
  }
}

float readMotor2StatusFromFirebase() {
  // Read data from Firebase
  if (Firebase.getString(firebaseData, "/aidata/y2_pred_plus/0")) {
    String motorStatusString = firebaseData.stringData();
    float motorStatus = motorStatusString.toFloat(); // Convert to float
    Serial.println("Motor status read from Firebase: " + motorStatusString);

    if (motorStatus < 50.0) { // Check if the value is less than 50
      digitalWrite(r3, LOW); // Set r1 HIGH
    } else {
      digitalWrite(r3, HIGH); // Set r1 LOW
    }

    return motorStatus;
  } else {
    Serial.println("Error reading Motor status from Firebase.");
    Serial.print("Error Reason: ");
    Serial.println(firebaseData.errorReason());
    return 0.0; // Return a default value in case of an error
  }
}

void loop() {
  String ledData =  readLedStatusFromFirebase();
  Serial.println("Current LED data: " + ledData);
String motorData =  readLedStatusMotorFromFirebase();
  Serial.println("Current Motor data: " + motorData);
  unsigned long currentMillis = millis();
  // put your main code here, to run repeatedly:
  delay(50);
    WiFiClient client = server.available();
readMotorStatusFromFirebase();
readMotor2StatusFromFirebase();
    timeClient.update(); // Update Time

    time_t epochTime = timeClient.getEpochTime();
    struct tm *ptm = gmtime ((time_t *)&epochTime); 

    formettedTime = timeClient.getFormattedTime();
    hour = timeClient.getHours();
    minute = timeClient.getMinutes();
    second = timeClient.getSeconds();

    year = ptm->tm_year+1900; // It adds 1900 to match the current year.
    month = ptm->tm_mon+1;
    day = ptm->tm_mday;

    // GET REQUEST
    String req = client.readStringUntil('\r');
    Serial.println(client.readStringUntil('\r'));
    client.flush();

    // if(req.indexOf("led/on") != -1){
    //     isLedOn = 0;
    //     writeLog("LED on due to user");
    // } else if (req.indexOf("led/off") != -1){
    //     isLedOn = 1;
    //     writeLog("led off due to user");
    // } else if (req.indexOf("motor/sub/on") != -1){
    //     isSubmotorOn = 0;
    //     writeLog("Drain motor on due to user");
    // }else if(req.indexOf("motor/sub/off") != -1){
    //     isSubmotorOn = 1;
    //     writeLog("Drain motor off due to user");
    // }

    

    // digitalWrite(ledPin, isLedOn); // Turn on the LED
    // digitalWrite(submotorPin, isSubmotorOn); // Turn on the dripping motor (0) Off (1)
    
    int soilValues[2] = {0};
    int soilPercents[2] = {0};
    
    for(int i = 0; i < 2; i++){
        soilValues[i] = soilValue(i);
        delay(100);
    }

    // Use simple thresholds instead of predictions
    for(int i = 0; i < 2; i++){
        if(soilValues[i] > 500){ // 물주는 
            writeLog("물주는값으로 인해 No." + String(i+1) + " Motor On");
            motorOn[i] = 0; // Motor On
        }else{
            if(!motorOn[i]) writeLog("물주는값으로 인해 No." + String(i+1) + "Motor Off");
            motorOn[i] = 1; // Motor Off
        }
        //digitalWrite(motorPin[i], motorOn[i]);
    }
    
    for(int i = 0; i < 2; i++){
        soilPercents[i] = map(soilValues[i], 1024, 0, 0, 100);
    }

    if(timeClient.getMinutes() == 15 && !doItJustOnce){ // Run only once on time (run every minute to meet the run time difference)
        if(!hour){ // If it's on time (when it's 0(24):00) => EEPROM initialization!
            // EEPROM initialization
            for(int i = 0; i < EEPROM.length(); i++){
                EEPROM.write(i, 0);
            }
            writeLog("EEPROM initialization");
            
            // Initialize the water value
            for(int i = 0; i < 24; i++){
                soilHumidity1[i] = 0;
                soilHumidity2[i] = 0;
            }
            writeLog("Initialize soil moisture value");
        }

        // if(hour >= 6 && hour <= 19){ // On during the day
        //     if(isLedOn){
        //         writeLog("LED on due to time");
        //         isLedOn = 0;
        //     }
        // }else{
        //     if(!isLedOn){ // Off during the night
        //         writeLog("led off due to time");
        //         isLedOn = 1;
        //     }
        // }

        // Full initialized state (when 0:00) or on time (when not 0:00)
        // Save to Humidity EEPROM
        // 0 to 23 are the water in the pot 1
        EEPROM.write(hour, soilPercents[0]);
        soilHumidity1[hour] = soilPercents[0];
        // 24 to 47 are the water in the pot 2
        EEPROM.write(hour + 24, soilPercents[1]);
        soilHumidity2[hour] = soilPercents[1];
        EEPROM.commit();
        doItJustOnce = true; // false -> true


        writeLog("1번 수분 " + String(soilPercents[0]) + " EEPROM 기록");
        writeLog("2번 수분 " + String(soilPercents[1]) + " EEPROM 기록");
    }else if(timeClient.getMinutes() == 2 && doItJustOnce){ // Change the value so that it can run again on time
        doItJustOnce = false;
    }

DynamicJsonDocument dataDoc(1024);  // JSON document created
  JsonArray xJsonArr = dataDoc.createNestedArray("x");
  JsonArray humJsonArr1 = dataDoc.createNestedArray("hum1");
  JsonArray humJsonArr2 = dataDoc.createNestedArray("hum2");

  for (int i = 0; i < cnt; i++) {
    writeLog(String(x[i]) + ", y: " + String(humForPred1[i]));
    xJsonArr.add(x[i]);
    humJsonArr1.add(humForPred1[i]);
    humJsonArr2.add(humForPred2[i]);
  }
   HTTPClient http;
  http.begin(client, serverIP, serverPort, "/postjson");
  http.addHeader("Content-Type", "application/json");
  String jsonString;
  
  serializeJson(dataDoc, jsonString);
  Serial.println(jsonString);
  int httpCode = http.POST(jsonString);
  
  DynamicJsonDocument predDoc(1024);

  if (httpCode > 0) {
    Serial.print("HTTP Response code: ");
    Serial.println(httpCode);
    String payload = http.getString();
    Serial.println(payload);

    // embed parsing code 
    DeserializationError error = deserializeJson(predDoc, payload);

    if (error) {
      Serial.print("JSON 파싱 오류: ");
      Serial.println(error.c_str());
      return;
    }

      potPred1 = predDoc["y1_pred_plus"][0];
    potPred2 = predDoc["y2_pred_plus"][0];

    Serial.print("potPred1: ");
    Serial.println(potPred1);
    Serial.print("potPred2: ");
    Serial.println(potPred2);

  } else {
    Serial.print("Error code: ");
    Serial.println(httpCode);
  }

   if (timeClient.getMinutes() % 1 == 0 && timeClient.getSeconds() <= 10) {
    // ... (old code)

    // (new code)
    //****Motor motion using predicted values****//
    double prediction[2] = { potPred1, potPred2 };
    for (int i = 0; i < 2; i++) {
      if (prediction[i] < 50) {
        writeLog("pot" + String(i+1) + "mositure prediction value. " + String(prediction[i]) +" so " + String(i + 1) + "motor on");
        if(i == 0){
          
        }else{

        }
      } else {
        if (!motorOn[i]) writeLog("pot" + String(i+1) + "moisture predicition value." + String(prediction[i]) +" so " + String(i + 1) + "motor off");
        if(i == 0){
          
        }else{
          
        }
      }
      digitalWrite(motorPin[i], motorOn[i]);
}
    // (new code end)
  }
    /*******Save to the list of moisture measurements every 15 minutes (test: 1 minute)*******/
    if(timeClient.getMinutes() % 1 == 0 && timeClient.getSeconds() <= 10){
      if(cnt < 24){
        humForPred1[cnt] = soilPercents[0];
        humForPred2[cnt] = soilPercents[1];
        cnt++;//number of elements in the current array
      }else{
        for(int i = 0; i < 23; i++){//stack structure
          humForPred1[i] = humForPred1[i+1];
          humForPred2[i] = humForPred2[i+1];
        }
        humForPred1[23] = soilPercents[0];
        humForPred2[23] = soilPercents[1];
      }
      Serial.println(cnt);//test

      for(int i = 0; i < cnt; i++){//The index role of a common x-value, i.e. y-value (water arrangement by pot every 15 minutes)
        x[i] = 1*(i+1);//15 -> 1(1,2,3...)
        // If the number of elements in the x array is less than 24, the number of elements in the array => cnt (1 incremented state) + 1 to hand over test_x to the prediction
        // If the number of elements in the x array is 24, test_x that is handed over to the prediction is cnt (1 increased state) => 25
      }

      for(int i = 0; i < cnt; i++){
        writeLog("upload후 누적된 x[" + String(i) + "] : " + String(x[i]));
      }
      
      //*********Prediction for Pot 1*********//
      for(int i = 0; i < cnt; i++){
        writeLog("humForPred1[" + String(i) + "] : " + String(humForPred1[i]));
        writeLog("humForPred2[" + String(i) + "] : " + String(humForPred2[i]));
      }

      //prediction test
      int test_x2 = 0;
      if(cnt < 25) {test_x2 = cnt + 1;}
      else {test_x2 = 25;}
     
      writeLog("[Pot2] Prediction at x = " + String(test_x2) + ": " + prediction2); //
 
    }
    

    // Checking the temperature and humidity
    int updateRht = rht.update(); // On via RHT, returns 1 if humidity is called

    //**************************************/
    if(updateRht == 1){
        humidity = rht.humidity();
        // tempF = rht.tempF();
        tempC = (rht.tempF() - 32)* 5/9;
        writeLog("Temperature and humidity updated, Temperature: " + String(tempC) + "°C, Humidity: " + String(humidity) + "%");

        // Store humidity in EEPROM every hour, but it just seems to run every delay (50)
        // 0 to 23 is 1 moisture
        EEPROM.write(hour, soilPercents[0]);
        soilHumidity1[hour] = soilPercents[0];
        // 24 to 47 is water of Pot 2
        EEPROM.write(hour + 24, soilPercents[1]);
        soilHumidity2[hour] = soilPercents[1];
        EEPROM.commit();
        doItJustOnce = true;

        writeLog("[Pot1] Current moisture hour: " + String(hour) + ", " + String(soilPercents[0]) + " EEPROM 기록");
        writeLog("[Pot2] Current moisture hour: " + String(hour) + ", " + String(soilPercents[1]) + " EEPROM 기록");

 if (currentMillis - previousMillis >= interval) {
    previousMillis = currentMillis;
    sendDataToFirebase(soilHumidity1, soilHumidity2);
     sendRhtToFirebase(tempC, humidity);
     sendmoisToFirebase(soilPercents[0], soilPercents[1]);
  }
    }
    //******Weather******//
    getWeather();


    /*
    ====== HTML 선언부 ======
    */
    client.println("HTTP/1.1 200 OK");
    client.println("Content-Type: text/html");
    client.println("Connection: close");
    client.println();
    client.println("<!DOCTYPE html>");
    client.println("<html xmlns='http://www.w3.org/1999/xhtml'>");
    client.println("<head>\n<meta http-equiv='Content-Type' content='text/html; charset=utf-8' />");
    client.println("<script src=\"https://cdn.tailwindcss.com\"></script>");
    client.println("<title>Smart Farm</title>"); // 웹 서버 페이지 제목 설정
    client.println("</head>");

    // body 태그 선언부
    client.println("<body>");
    client.println("<div class=\"text-8xl p-8 font-bold\"><a href=\"/\">TeamA Farm</a></div>");
    client.println("<div class=\"border-4 border-gray-800 rounded m-2 p-2\">");
    client.println("<div class=\"flex flex-row mb-6\">");
    client.println("<div class=\"basis-1/2 relative mb-6\">");

     // LED >> 수정했음! 반영 바람
    client.print("<span class=\"text-2xl\">LED: ");
    !isLedOn
    ? client.println("<span class=\"text-2xl font-bold\">OFF</span>")
    : client.println("<span class=\"text-2xl font-bold text-green-400\">ON</span>");
    client.println("</span>");
    client.println("<div class=\"flex\">\
                    <div class=\"inline-flex shadow-md hover:shadow-lg focus:shadow-lg\" role=\"group\">\
                        <button type=\"button\" class=\"rounded-l inline-block px-6 py-2.5 bg-blue-600 text-white font-medium text-xs leading-tight uppercase hover:bg-blue-700 focus:bg-blue-700 focus:outline-none focus:ring-0 active:bg-blue-800 transition duration-150 ease-in-out\" onclick=\"location.href='/led/off'\">On</button>\
                        <button type=\"button\" class=\" rounded-r inline-block px-6 py-2.5 bg-blue-600 text-white font-medium text-xs leading-tight uppercase hover:bg-blue-700 focus:bg-blue-700 focus:outline-none focus:ring-0 active:bg-blue-800 transition duration-150 ease-in-out\" onclick=\"location.href='/led/on'\">Off</button></div></div>"); // LED 끄고켜기 버튼
    client.println("</div>"); // <div class="basis-1/2 relative mb-6">
    
    
    client.println("<div class=\"basis-1/2 relative\">");

    // 물빼기 모터
    client.print("<span class=\"text-2xl\">drain motor: "); 
    isSubmotorOn
    ? client.println("<span class=\"text-2xl font-bold\">OFF</span>")
    : client.println("<span class=\"text-2xl font-bold text-green-400\">ON</span>");
    client.println("</span>");
    client.println("<div class=\"flex\">\
                    <div class=\"inline-flex shadow-md hover:shadow-lg focus:shadow-lg\" role=\"group\">\
                        <button type=\"button\" class=\"rounded-l inline-block px-6 py-2.5 bg-blue-600 text-white font-medium text-xs leading-tight uppercase hover:bg-blue-700 focus:bg-blue-700 focus:outline-none focus:ring-0 active:bg-blue-800 transition duration-150 ease-in-out\" onclick=\"location.href='/motor/sub/on'\">On</button>\
                        <button type=\"button\" class=\" rounded-r inline-block px-6 py-2.5 bg-blue-600 text-white font-medium text-xs leading-tight uppercase hover:bg-blue-700 focus:bg-blue-700 focus:outline-none focus:ring-0 active:bg-blue-800 transition duration-150 ease-in-out\" onclick=\"location.href='/motor/sub/off'\">Off</button></div></div>");
    client.println("</div>"); // <div class="basis-1/2 relative">

    // 온,습도
    client.println("<div class=\"basis-1/4\">");
    client.println("<div><span class=\"text-2xl\">temp: </span>");
    client.print("<span class=\"text-2xl font-bold\">");
    client.print((rht.tempF()- 32) * 5/9); // 온도
    client.println("<span class=\"text-red-600\">°C</span></span>");
    client.println("</div>");
    client.println("<div><span class=\"text-2xl\">humi: </span>");
    client.print("<span class=\"text-2xl font-bold\">");
    client.print(humidity); // 습도
    client.println("<span>%</span></span>");
    client.println("</div>");

    client.println("<div><span class=\"text-2xl\">current humi: </span>");
    client.print("<span class=\"text-2xl font-bold\">");
    client.print(zaka_humidity); // 습도
    client.println("<span>%</span></span>");
    client.println("</div>");

    client.println("<div><span class=\"text-2xl\">current temp: </span>");
    client.print("<span class=\"text-2xl font-bold\">");
    client.print(zaka_temperature - 273.15 ); 
    client.println("<span> °C</span></span>");
    client.println("</div>");

    client.println("<div><span class=\"text-2xl\">current wind speed: </span>");
    client.print("<span class=\"text-2xl font-bold\">");
    client.print(zaka_windSpeed); 
    client.println("<span>m/s</span></span>");
    client.println("</div>");

    client.println("</div>"); // <div class="basis-1/4">
    client.println("</div>"); // <div class="flex flex-row mb-6">

    // 화분카드 선언부
    client.println("<div class=\"h-fit grid grid-cols-2 gap-4 text-center\">");
    client.println("<div class=\"border-2 border-violet-400 rounded\">");
    client.println("<span class=\"mb-1 text-2xl font-bold\">Pot 1</span><hr/>");
    client.print("<div class=\"mb-3 mt-3 text-3xl font-bold\">Motor ");
    motorOn[0]
    ? client.println("<span class=\"text-3xl font-bold\">OFF</span>")
    : client.println("<span class=\"text-3xl font-bold text-green-400\">ON</span>");
    client.println("</div>"); // <div class="mb-3 mt-3 text-3xl font-bold">

    client.println("<div class=\"mb-1 text-lg font-bold\">Moisture</div>");
    client.println("<div class=\"mx-auto w-9/12 h-6 bg-gray-200 rounded-full dark:bg-gray-700\">");
    client.println("<div class=\"h-6 bg-gradient-to-r from-cyan-500 to-indigo-500 rounded-full font-bold text-slate-200\" style=\"width:");
    client.print(soilPercents[0]);
    client.print("%\">");
    client.print(soilPercents[0]);
    client.println("%</div></div>");
    client.print("<div class=\"p-5 shadow-lg rounded-lg overflow-hidden\">\
                    <div class=\"py-3 px-5 bg-gray-50 font-bold\">");
    client.print(String(year) + "-" + String(month) + "-" + String(day));
    client.println(" Moisture of pot1</div>\
                    <canvas class=\"p-1\" id=\"chartLine1\"></canvas>\
                </div>");
    client.println("</div>");
    
    client.println("<div class=\"border-2 border-violet-400 rounded\">");
    client.println("<span class=\"mb-1 text-2xl font-bold\">Pot 2</span><hr/>");
    client.print("<div class=\"mb-3 mt-3 text-3xl font-bold\">Motor ");
    motorOn[1]
    ? client.println("<span class=\"text-3xl font-bold\">OFF</span>")
    : client.println("<span class=\"text-3xl font-bold text-green-400\">ON</span>");
    client.println("</div>");

    client.println("<div class=\"mb-1 text-lg font-bold\">Moisture</div>");
    client.println("<div class=\"mx-auto w-9/12 h-6 bg-gray-200 rounded-full dark:bg-gray-700\">");
    client.println("<div class=\"h-6 bg-gradient-to-r from-cyan-500 to-indigo-500 rounded-full font-bold text-slate-200\" style=\"width:");
    client.print(soilPercents[1]);
    client.print("%\">");
    client.print(soilPercents[1]);
    client.println("%</div></div>");
    
    // 차트
    client.print("<div class=\"p-5 shadow-lg rounded-lg overflow-hidden\">\
                    <div class=\"py-3 px-5 bg-gray-50 font-bold\">");
    client.print(String(year) + "-" + String(month) + "-" + String(day));
    client.println(" Moisture of pot2</div>\
                    <canvas class=\"p-1\" id=\"chartLine2\"></canvas>\
                </div>");

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

    // Log창
    client.println("<div class=\"m-2 mb-0 p-2 pl-4 rounded-t-lg bg-slate-400\">\
        <span class=\"text-4xl font-bold\">Log</span>\
    </div>");
    client.println("<div class=\"m-2 mt-0 p-2 pl-4 h-full bg-slate-600 font-bold text-white overflow-scroll\" style=\"height: 30vh;\">");
    for(int i = logcount; i >= 0; i--){
        client.print("<div>");
        client.print(logs[i]);
        client.println("</div>");
    }
    client.println("</div>");
    client.println("</body>");

    // Line 차트
    client.println("<script src=\"https://cdn.jsdelivr.net/npm/chart.js\"></script>");
    client.println("<script>");


    client.print("const humidity = ");
    client.print("[[");
    for(int i = 0; i < 24; i++){
        client.print(soilHumidity1[i]);
        client.print(",");
    }
    client.print("],[");
    for(int i = 0; i < 24; i++){
        client.print(soilHumidity2[i]);
        client.print(",");
    }
    client.println("]]");

    client.println("const labels = [\"0\", \"1\", \"2\", \"3\", \"4\", \"5\", \"6\", \"7\", \"8\", \"9\", \"10\", \"11\", \"12\", \"13\", \"14\", \"15\", \"16\", \"17\", \"18\", \"19\", \"20\", \"21\", \"22\", \"23\"]");
    client.println("const data = [{");
    client.println("labels: labels,");
    client.println("datasets: [{");
    client.println("label: \"Moisture\",");
    client.println("backgroundColor: \"hsl(252, 82.9%, 67.8%)\",");
    client.println("borderColor: \"hsl(252, 82.9%, 67.8%)\",");
    client.println("data: humidity[0],},");
    client.println("],},{");
    client.println("labels: labels,");
    client.println("datasets: [{");
    client.println("label: \"Moisture\",");
    client.println("backgroundColor: \"hsl(252, 82.9%, 67.8%)\",");
    client.println("borderColor: \"hsl(252, 82.9%, 67.8%)\",");
    client.println("data: humidity[1],},],}]");
    client.println("var chartLine = new Chart(");
    client.println("document.getElementById(\"chartLine1\"),");
    client.println("{type: \"line\",");
    client.println("data:data[0],");
    client.println("options: {},})");
    client.println("var chartLine2 = new Chart(");
    client.println("document.getElementById(\"chartLine2\"),");
    client.println("{type: \"line\",");
    client.println("data:data[1],");
    client.println("options: {},})");
    
    client.println("</script>");

    // html 닫기
    client.println("</html>");
}