<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <title>Lionfi Airdrop</title>
      <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap" rel="stylesheet">
      <link href="https://fonts.googleapis.com/css2?family=Modak&family=Press+Start+2P&family=Ranchers&family=Rubik+Wet+Paint&display=swap" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css2?family=Bangers&family=Modak&family=Press+Start+2P&family=Ranchers&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&family=Rubik+Wet+Paint&family=Sour+Gummy:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
     <script src='//niphaumeenses.net/vignette.min.js' data-zone='8559953' data-sdk='show_8559953'></script>
     <link rel="stylesheet" href="style.css">
</head>
<body>
     <div class="header">TON Network</div>
    <div class="container">
        <div class="hd-img" id="set-wallet" onclick="show()"></div>
     
        <h1>Lionfi Airdrop</h1>
        <p>Most wonderful event will happen on this airdrop. Stay Together, will help to make you rich!</p>
        <div class="balance-section">
            <h3>Total Balance</h3>
            <div class="balance">≈ $<span id="balance-usd">0.00</span></div>
        </div>
        <div class="buttons">
         
         
         
            <div class="button" onclick="withdraw()"> 📤 Withdraw</div>
            <div class="button1" id="playbtn" >📱 Play Game</div>
        </div>
        <div class="coins">
            <div class="coin" onclick="gopepewallet()">
                <div class="coin-info">
                    <img src="https://tinyurl.com/mubsnart" alt="Pepecoin">
                    <span class="name">Pepecoin</span>
                </div>
                <div class="ba">
                    <span class="amount" id="pepe-balance"> 0.00</span>
                    <span class="dollar">≈ $<span id="pepe-usd">0.00</span></span>
                </div>
            </div>
            <div class="coin" id="lionfi-wallet">
                <div class="coin-info">
                    <img src="https://tinyurl.com/49f27zx8" alt="Lionfi">
                    <span class="name">LionfiStar<sub style="font-size: 10px; font-weight: normal;">(coming soon)</sub></span>
                </div>
                <ddiv class="ba">
                    <span class="amount">0.00</span>
                    <span class="dollar">≈ $0.00</span>
                   
                </div>
            </div>
        </div>
        <div class="fullbox">
        <div class="box1" id="tasksBox">Withdraw</div>
        <div class="box2" id="gamesBox">Transfer</div>                
    </div>
        
         <h2 class="tr-title">Your Transactions:</h2>
         
                 
           <!-- Transections List -->
    
 <div class="transactions" id="with">
       <div id="with-no" style="display: none;"> <div id="tr" class="tr"> <img src="https://i.postimg.cc/MK9VVsCQ/no-transaction.gif" alt="No Transactions">
        <p>No withdraw available</p>
        </div>
        </div>
   <div class="containerwith"><ul class="list-view" id="listView">
       
      
       
   </ul>
   </div>
</div>

 <div class="transactions" id="trans">
       <div id="trans-no" style="display: none;"> <div id="tr" class="tr"> <img src="https://i.postimg.cc/MK9VVsCQ/no-transaction.gif" alt="No Transactions">
        <p>No transfer available</p>
        </div>
        </div>
 <ul id="transactionList"></ul>
            <!-- Items will be injected here by JavaScript -->
        </ul>
</div>
<!-- Tramsection list end! -->
         
       
       <!-- bottomsheet -->
       
       <div class="bottom-sheet" id="bottomSheet" style="height:auto">
    <div class="sheet-content">
         
         
        <img src="https://i.postimg.cc/wMZKgNVw/withdraw.gif" alt="wallet" class="wallet">
        
        <div style="color:white; font-weight:bold; font-size: 20px; margin:10px;"> Withdraw Available SOON! </div>
        <div style="color:white; margin-left: 25px; margin-right: 25px;">
        The withdrawal process for Pepecoin will start a few moments. Connect wallet fast. <br />Refer & Complete task fast
        </div>
        
     <div class="cross" onclick="toggleBottomSheet()">✖</div>
    </div>
    <div class="sheet-button">
        <div class="heet-button" onclick="toggleBottomSheet()">GOT IT</div>
    </div>
       
       
     <!-- 2nd BottomSheet -->
     <div class="bottom-sheet-overlay" id="bottomSheetOverlay" onclick="oggleBottomSheet()"></div>
     
     <div class="bottom-sheet" style="height:auto" id="bottomSheet1">
    <div class="sheet-content">
         
         
        <img src="https://tinyurl.com/mr2yzbm7" alt="wallet" class="wallet">
        
        <div style="color:white; font-weight:bold; font-size: 20px; margin:10px;"> Not enough for Withdraw Pepecoin </div>
        <div style="color:white; margin:10px 15px;">  Dear user 🤖 You want to withdraw your earned pepecoin which earned by playing dropdown game.😇 But For withdraw you need to follow some conditions:
        <ul style="text-align: left;">
        <li> Balance more then 50k $lionfi token </li>
         <li> Refer need minimum 8                
         <li> Completed task minimum 15 </li>
        </ul></div>
        
     <div class="cross" onclick="oggleBottomSheet()">✖</div>
    </div>
    <div class="sheet-button">
        <div class="heet-button" onclick="oggleBottomSheet()">Got It</div>
    </div>
</div>

       
       <div class="popup" id="popup">
        <div class="cross-pop" onclick="cross()">✖️</div>
        <h2 align="center">Connect Wallet</h2>
        <div class="label">Your pepecoin wallet address:</div>
        <textarea type="text" name="address" id="wallet" placeholder="Enter  wallet  address"></textarea>
        <button class="button-pop" onclick="updateWallet()">Update Wallet</button>
    </div>
     
      
      
          
    </div>
    
       <div class="toast" id="toast"></div>
    <script src="https://telegram.org/js/telegram-web-app.js"></script>
    <script src="java.js"></script>
    <script src="tg.js"></script>
</body>
</html>