<!DOCTYPE html>
<html lang="fr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
    <title>Dehka</title>
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <div id="menu">
        <div class="content-wrapper">
            <button id="closeButton" onclick="closeMenu()">×</button>
            <div class="header">
                <img src="logo.png" alt="Logo" class="logo">
                <div class="nav-buttons">
                    <button class="nav-button active" onclick="showContent('accueil')"><i class=""></i> ACCUEIL</button>
                    <button class="nav-button" onclick="showContent('entreprises')"><i class=""></i> ENTREPRISES</button>
                     <!-- <button class="nav-button" onclick="showContent('donation')"><i class=""></i> Zone Gunfight</button>  -->
                </div>
            </div>
            
            <div class="main-content">
                <div id="accueil" class="content active">
                    <h2 class="section-title"><i class=""></i> MON PERSONNAGE</h2>
                    <div class="info-grid">
                        <div class="info-item">
                            <span class="info-item-title">Nom du personnage</span>
                            <span class="info-item-value" id="playerName"></span>
                        </div>
                        <div class="info-item">
                            <span class="info-item-title">Job</span>
                            <span class="info-item-value" id="playerJob"></span>
                        </div>
                        <div class="info-item">
                            <span class="info-item-title">Organisation</span>
                            <span class="info-item-value" id="playerOrg"></span>
                        </div>
                        <div class="info-item" onclick="giveMoney('cash')">
                            <span class="info-item-title">Argent propre</span>
                            <span class="info-item-value" id="playerMoney"></span>
                        </div>
                        <div class="info-item" onclick="giveMoney('dirtycash')">
                            <span class="info-item-title">Argent sale</span>
                            <span class="info-item-value" id="playerDirtyMoney"></span>
                        </div>
                        <div class="info-item">
                            <span class="info-item-title">Banque</span>
                            <span class="info-item-value" id="playerBank"></span>
                        </div>
                    </div>
                    <h2 class="section-title"><i class=""></i> INFORMATIONS D'IDENTITÉ</h2>
                    <div class="action-buttons">
                        <button class="action-button" onclick="showIdentity('carte')">Montrer sa carte d'identité</button>
                        <button class="action-button" onclick="viewIdentity('carte')">Regarder sa carte d'identité</button>
                        <button class="action-button" onclick="showIdentity('permis')">Montrer son permis de conduire</button>
                        <button class="action-button" onclick="viewIdentity('permis')">Regarder son permis de conduire</button>
                        <button class="action-button" onclick="showIdentity('armes')">Montrer son permis port d'armes</button>
                        <button class="action-button" onclick="viewIdentity('armes')">Regarder son permis port d'armes</button>
                    </div>
                </div>
                
                <div id="entreprises" class="content">
                    <h2 class="section-title"><i class=""></i> ENTREPRISES</h2>
                    <div id="entreprisesList">
                    </div>
                </div>
                
                <div id="donation" class="content">
                    <h2 class="section-title"><i class=""></i> Zone Gunfight</h2>
                    <div class="donation-grid">
                        <script>
                            function zonegf(action) {
                            }
                        </script>
                        <div class="donation-item" onclick="zonegf('gunfight')">
                            <img src="entre.png" alt="Boutique 1" class="donation-image">
                        </div>
                        <script>
                            function zonegfexit(action) {
                            }
                        </script>
                        <div class="donation-item" onclick="zonegfexit('gunfight')">
                            <img src="sortir.png" alt="Boutique 2" class="donation-image">
                        </div>
                    </div>
                </div>
                
                
                
                <div id="parametres" class="content">
                    <h2 class="section-title"><i class=""></i> RÉGLAGES</h2>
                    <div class="settings">
                        <label>
                            <input type="checkbox" id="disableRadar"> DÉSACTIVER LE RADAR
                        </label>
                        <label>
                            <input type="checkbox" id="disableHUD"> DÉSACTIVER L'HUD
                        </label>
                        <label>
                            <input type="checkbox" id="cinematicMode"> MODE CINÉMATIQUE
                        </label>
                        <label>
                            <input type="checkbox" id="blackAndWhite"> NOIR ET BLANC
                        </label>



                        
                    </div>
                    <div class="rockstar-editor">
                        <h3>ROCKSTAR EDITOR</h3>
                        <button onclick="startRecord()">LANCER UN ENREGISTREMENT</button>
                        <button onclick="stopRecord()">STOPPER UN ENREGISTREMENT</button>
                    </div>
                </div>
            </div>
            
            <div class="footer">
                <span class="copyright">Création Dehka</span>
                <span id="playerId"></span>
                <span class="copyright">aBaseV2</span>
            </div>
        </div>
    </div>
    <script src="script.js"></script>
</body>
</html>
