# Fonction principale
def web_page():
  if led.value() == 1:
    led_state = 'checked'
  else:
    led_state = ""
  html = """<html><head><meta name="viewport" content="width=device-width, initial-scale=1"><style>
body{max-width: 300px; margin: 0px auto;}
.switch{position:relative;display:inline-block;width:120px;height:68px}.switch input{display:none}
.slider{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#ccc;border-radius:34px}
.slider:before{position:absolute;content:"";height:52px;width:52px;left:8px;bottom:8px;background-color:#fff;-webkit-transition:.4s;transition:.4s;border-radius:68px}
input:checked+.slider{background-color:#2196F3}
input:checked+.slider:before{-webkit-transform:translateX(52px);-ms-transform:translateX(52px);transform:translateX(52px)}
</style><script>
function toggleCheckbox(element) {
  var xhr = new XMLHttpRequest();
  xhr.open("POST", "/", true);
  xhr.setRequestHeader("Content-Type", "application/json");
  var data = JSON.stringify({"led": element.checked ? "on" : "off"});
  xhr.send(data);
}
</script></head><body>
<h1>ESP Web Server</h1><label class="switch"><input type="checkbox" onchange="toggleCheckbox(this)" %s><span class="slider"></span></label></body></html>""" % (led_state)
  return html
#Fonction pour controler la LED
def led_rec_state(req):
    json_start = req.find('{')
    json_data =""
    if json_start != -1:
        # Extraire les données JSON
        json_data = req[json_start:]
    try:
        data = ujson.loads(json_data) #Lorsque vous appelez ujson.loads(req), cela va interpréter la chaîne JSON et la convertir en un dictionnaire Python
        if "led" in data:
            if data["led"] == "on":
                print('LED ON')
                led.value(1)
            elif data["led"] == "off":
                print('LED OFF')
                led.value(0)
            else:
                print('Commande LED non reconnue')
        else:
            print('Commande LED manquante dans la requête JSON')
    except Exception as e:
        print('Erreur lors de l\'analyse de la requête JSON:', e)
#*****************************************
def main():

    # Demander à l'utilisateur de choisir entre le Mode AP ou client
    mode_f = input("Veuillez Saisir 1 -> (Mode ACCESS PONT) & 2 -> (Mode Client) : ")
    try:
        mode_f = int(mode_f)
        if(mode_f == 1):
            accesspoint_wifi() #executer le mode access point
        elif(mode_f == 2):
            connect_wifi() # executer le mode client
        else:
            print("Veuillez entrer une valeur valide.")
    except:
        print("Veuillez entrer une valeur valide.")
    

    # Créer une socket TCP
    server_socket = socket.socket(socket.AF_INET, socket.SOCK_STREAM)
    server_socket.bind(('', 80))
    server_socket.listen(5)

    while True:
        try :
            conn, addr = server_socket.accept()
            print(' Connexion de client -> %s' % str(addr))
            request = conn.recv(1024).decode('UTF-8')
            # Analyser la requete pour changer l'etat de la LED :
            led_rec_state(request)  
            print('Content -> %s' % request)
            #Réponse du serveur Web****************************
            response = web_page()
            conn.send('HTTP/1.1 200 OK\n')
            conn.send('Content-Type: text/html\n')
            conn.send('Connection: close\n\n')
            conn.sendall(response)
        except Exception as e:
            print(f'Erreur lors de la communication avec le client {str(addr)} : {e}')
        finally:
            # Fermer la connexion du client avec le serveur
            conn.close()

if __name__ == "__main__":
    main()