#include <TFT_eSPI.h>
#include <SPI.h>
#include "bitmaps.h"


// The display also uses hardware SPI, plus #9 & #10
#define TFT_CS 15
#define TFT_DC 2
#define TFT_MOSI 23
#define TFT_SCLK 18

//definiciones
// DEFINE VARIABLES--------------------------------------------------------
// General
static const uint32_t Serial_baud = 115200;
unsigned long initialTime = 0;
int time_switch_page = 10;
int page=1;
int modulo_previous=0;
int fontSize = 2;
int pi =30;
int dif=14;
float DS2_temp=33.5,Vbat_1=13.55;






TFT_eSPI tft = TFT_eSPI();
TFT_eSprite img = TFT_eSprite(&tft);

void setup(){
  initialTime = millis();
  tft.init();
  tft.setRotation(1);
  tft.fillScreen(TFT_BLACK); //This is the display in landscape
  tft.drawCentreString("------------ CLIENT 3.0 ------------", 320/2, 1, 1);

  //Sprite
  img.setColorDepth(8);
  img.createSprite(320,220);
  img.fillSprite(TFT_BLACK);
}



void loop(){
  // Calculate the elapsed time since the program started
  unsigned long elapsedTime = millis() - initialTime;

  // Convert elapsed time to seconds, minutes, and milliseconds
  unsigned long hours = elapsedTime / (3600 * 1000);
  unsigned long minutes = (elapsedTime % (3600 * 1000)) / 1000 / 60;
  unsigned long seconds = (elapsedTime % (3600 * 1000)) / 1000 % 60;

  String secondss, minutess, hourss;

  if(seconds<10) secondss="0"+String(seconds); else secondss=String(seconds);
  if(minutes<10) minutess="0"+String(minutes); else minutess=String(minutes);
  if(hours<10) hourss="0"+String(hours); else hourss=String(hours);

  img.fillRect(0,0,320,40,TFT_YELLOW);
  img.setTextColor(TFT_BLACK);
  img.drawCentreString("Pag.3 Chronometer",320/2,10,4);

  img.fillRect(0,30,320,210,TFT_WHITE);
  img.setTextColor(0xfe0e);
  img.drawCentreString(hourss+" h    "+minutess+" min    "+secondss+" s    ",320/2,70,4);
  

  img.fillCircle(40,200,5,TFT_GOLD);
  img.drawCircle(40,200,5,TFT_BLACK);
  img.drawCircle(60,200,5,TFT_BLACK);
  img.drawCircle(80,200,5,TFT_BLACK);
  img.drawCircle(100,200,5,TFT_BLACK);
  img.drawCircle(120,200,5,TFT_BLACK);
  img.drawCircle(140,200,5,TFT_BLACK);

    

   img.pushSprite(0,20);
   }