# 🚀 SaadikERP - Interface Moderne avec Toggle

## 🎯 Installation Rapide

### **Étape 1 : Installation Automatique**
Accédez à l'URL suivante pour une installation automatique :

```
http://localhost/saadikERP_secured/install.php
```

### **Étape 2 : Connexion**
Une fois l'installation terminée, cliquez sur "Accéder à la connexion" ou allez sur :

```
http://localhost/saadikERP_secured/app/auth/login.php
```

**Identifiants par défaut :**
- **Login :** `admin`
- **Mot de passe :** `password`

## ✨ Nouvelles Fonctionnalités

### **🌙 Toggle Thème Clair/Sombre**
- Bouton toggle en haut à droite de la page de connexion
- Basculement instantané entre thème clair et sombre
- Mémorisation du choix dans le navigateur
- Animation fluide lors du changement

### **👁️ Toggle Mot de Passe**
- Icône œil à droite du champ mot de passe
- Clic pour afficher/masquer le mot de passe
- Animation de l'icône

### **🔧 Installation Automatique**
- Script d'installation automatique
- Création automatique de la base de données
- Vérifications de sécurité
- Interface d'installation moderne

## 🎨 Interface Moderne

### **Page de Connexion**
- ✅ **Toggle thème** clair/sombre
- ✅ **Toggle mot de passe** visible/masqué
- ✅ **Animations** fluides et modernes
- ✅ **Particules** animées en arrière-plan
- ✅ **Dégradés** colorés adaptés au thème
- ✅ **Responsive design** pour mobile/tablet
- ✅ **Indicateur** de statut de la base de données

### **Thème Clair**
- Fond dégradé coloré vibrant
- Container blanc semi-transparent
- Texte sombre pour une bonne lisibilité

### **Thème Sombre**
- Fond dégradé sombre élégant
- Container sombre semi-transparent
- Texte clair avec contraste optimal

## 🔐 Sécurité

### **Fonctionnalités de Sécurité**
- ✅ Sessions sécurisées avec tokens
- ✅ Hachage bcrypt des mots de passe
- ✅ Protection contre les injections SQL
- ✅ Vérification de provenance des requêtes
- ✅ Journalisation des accès
- ✅ Expiration automatique des sessions

## 📱 Responsive Design

### **Compatibilité**
- ✅ **Desktop** (1920px+)
- ✅ **Laptop** (1366px-1919px)
- ✅ **Tablet** (768px-1365px)
- ✅ **Mobile** (320px-767px)

### **Adaptations Mobile**
- Boutons plus grands pour le touch
- Menu toggle repositionné
- Texte et espacement optimisés
- Navigation simplifiée

## 🛠️ Dépannage

### **Problème de Connexion**

**1. Erreur "Base de données non trouvée"**
```bash
# Aller sur l'installateur automatique
http://localhost/saadikERP_secured/install.php
```

**2. Erreur "Tables non trouvées"**
```sql
-- Exécuter manuellement dans phpMyAdmin
SOURCE C:/wamp64/www/saadikERP_secured/database_setup.sql
```

**3. Mot de passe incorrect**
```
Login: admin
Mot de passe: password
```

### **Problème d'Affichage**

**1. CSS non chargé**
- Vider le cache du navigateur (Ctrl+F5)
- Vérifier que le serveur web est démarré

**2. Toggle ne fonctionne pas**
- JavaScript doit être activé
- Vérifier la console développeur (F12)

## 🎯 Utilisation des Toggles

### **Toggle Thème**
```javascript
// Position: Top-right de la page de connexion
// Icône: 🌙 (lune) pour activer le mode sombre
// Icône: ☀️ (soleil) pour activer le mode clair
// Mémorisation: localStorage du navigateur
```

### **Toggle Mot de Passe**
```javascript
// Position: À droite du champ mot de passe
// Icône: 👁️ (œil) pour afficher
// Icône: 🙈 (œil barré) pour masquer
// Fonction: Basculer type="password" / type="text"
```

## 🔧 Personnalisation

### **Modifier les Couleurs**
Éditez le fichier `app/auth/login.php` section `<style>` :

```css
:root {
    /* Thème Clair */
    --bg-gradient-light: linear-gradient(-45deg, #667eea, #764ba2, #f093fb, #f5576c);
    
    /* Thème Sombre */
    --bg-gradient-dark: linear-gradient(-45deg, #1a1a2e, #16213e, #0f3460, #1e3c72);
}
```

### **Modifier les Identifiants par Défaut**
Éditez le fichier `database_setup.sql` :

```sql
INSERT INTO users (login, email, mot_passe, nom, prenom, profil) VALUES
('votre_login', 'votre@email.com', 'hash_du_mot_de_passe', 'Nom', 'Prénom', 'admin');
```

## 🚀 Accès Rapide

### **URLs Importantes**
- 🏠 **Installation :** `http://localhost/saadikERP_secured/install.php`
- 🔐 **Connexion :** `http://localhost/saadikERP_secured/app/auth/login.php`
- 📊 **Tableau de bord :** `http://localhost/saadikERP_secured/app/index.php`
- ⚙️ **Administration :** `http://localhost/saadikERP_secured/app/admin/index.php`

### **Raccourcis Clavier**
- **Ctrl + D** : Basculer le thème (sur la page de connexion)
- **Tab** : Navigation entre les champs
- **Enter** : Soumettre le formulaire

## 📞 Support

### **En cas de problème**
1. Vérifier que WAMP/XAMPP est démarré
2. Aller sur l'installateur automatique
3. Vérifier les logs d'erreur Apache/PHP
4. Contacter le support technique

---

🎉 **Votre SaadikERP moderne avec toggles est prêt !**

*Interface élégante • Toggles intuitifs • Sécurité renforcée*
# saadikERP
