<!-- Zakat Calculator HTML Code --></p>
<div style="max-width: 600px; margin: 0 auto; text-align: justify;">
<h2>Zakat Calculator</h2>
<p>"And establish prayer and give zakat, and whatever good you put forward for yourselves - you will find it with Allah. Indeed, Allah, of what you do, is Seeing." (Quran 2:110)</p>
<p>Welcome to our Zakat Calculator, a tool designed to help you determine your Zakat obligation. Zakat is one of the Five Pillars of Islam and is a form of almsgiving to support those in need. Use this calculator to assess your financial position and calculate the amount of Zakat you owe.</p>
<h3>What is Zakat?</h3>
<p>Zakat is a mandatory charitable giving by Muslims, usually calculated as a percentage of their wealth. It is an essential aspect of Islamic finance and a means of redistributing wealth within the Muslim community. By paying Zakat, Muslims contribute to the welfare of society and fulfill a significant religious duty.</p>
<h3>How to Use the Zakat Calculator</h3>
<p>The Zakat Calculator allows you to input your various assets and liabilities to determine your net worth. It then calculates the Zakat owed based on the applicable rate (2.5%). Simply enter the values for what you own and what you owe, and click the "Calculate Zakat" button to obtain the result.</p>
<h3>Remembering the Purpose</h3>
<p>"The believer's shade on the Day of Resurrection will be his charity." (Hadith - Al-Tirmidhi)</p>
<p>As you calculate your Zakat, remember the profound impact it can have on the lives of those in need. Your charitable contribution can serve as a shade on the Day of Resurrection, providing comfort and support to the less fortunate.</p>
<p>May your generosity through Zakat bring blessings to both you and the recipients, and may it strengthen the bonds of compassion within our community.</p>
</div>
<div style="max-width: 400px; margin: 0 auto;">
<h2>Zakat Calculator</h2>
<h3>What I Own</h3>
<p><label for="cash">Cash:</label><br /><input id="cash" style="margin-bottom: 10px; width: 100%;" type="number" placeholder="Enter cash value" /><br /><label for="moneyOwed">Money Owed to Me:</label><br /><input id="moneyOwed" style="margin-bottom: 10px; width: 100%;" type="number" placeholder="Enter money owed value" /><br /><label for="goldSilver">Gold and Silver:</label><br /><input id="goldSilver" style="margin-bottom: 10px; width: 100%;" type="number" placeholder="Enter gold and silver value" /><br /><label for="shares">Shares:</label><br /><input id="shares" style="margin-bottom: 10px; width: 100%;" type="number" placeholder="Enter shares value" /><br /><label for="pensions">Pensions:</label><br /><input id="pensions" style="margin-bottom: 10px; width: 100%;" type="number" placeholder="Enter pensions value" /><br /><label for="crypto">Cryptocurrency:</label><br /><input id="crypto" style="margin-bottom: 10px; width: 100%;" type="number" placeholder="Enter cryptocurrency value" /><br /><label for="businessAssets">Business Assets:</label><br /><input id="businessAssets" style="margin-bottom: 10px; width: 100%;" type="number" placeholder="Enter business assets value" /></p>
<h3>What I Owe</h3>
<p><label for="personalLoans">Personal Loans:</label><br /><input id="personalLoans" style="margin-bottom: 10px; width: 100%;" type="number" placeholder="Enter personal loans value" /><br /><label for="creditCard">Credit Card Debt:</label><br /><input id="creditCard" style="margin-bottom: 10px; width: 100%;" type="number" placeholder="Enter credit card debt value" /><br /><label for="businessLiabilities">Business Liabilities:</label><br /><input id="businessLiabilities" style="margin-bottom: 10px; width: 100%;" type="number" placeholder="Enter business liabilities value" /><br /><label for="mortgage">Mortgage:</label><br /><input id="mortgage" style="margin-bottom: 10px; width: 100%;" type="number" placeholder="Enter mortgage value" /><br /><label for="utilityBills">Utility Bills:</label><br /><input id="utilityBills" style="margin-bottom: 10px; width: 100%;" type="number" placeholder="Enter utility bills value" /><br /><button style="width: 100%;">Calculate Zakat</button></p>
<p id="result" style="margin-top: 10px;"><script>
    function calculateZakat() {
      // What I Own
      var cash = parseFloat(document.getElementById("cash").value) || 0;
      var moneyOwed = parseFloat(document.getElementById("moneyOwed").value) || 0;
      var goldSilver = parseFloat(document.getElementById("goldSilver").value) || 0;
      var shares = parseFloat(document.getElementById("shares").value) || 0;
      var pensions = parseFloat(document.getElementById("pensions").value) || 0;
      var crypto = parseFloat(document.getElementById("crypto").value) || 0;
      var businessAssets = parseFloat(document.getElementById("businessAssets").value) || 0;

      // What I Owe
      var personalLoans = parseFloat(document.getElementById("personalLoans").value) || 0;
      var creditCard = parseFloat(document.getElementById("creditCard").value) || 0;
      var businessLiabilities = parseFloat(document.getElementById("businessLiabilities").value) || 0;
      var mortgage = parseFloat(document.getElementById("mortgage").value) || 0;
      var utilityBills = parseFloat(document.getElementById("utilityBills").value) || 0;

      // Calculate Net Worth
      var netWorth = cash + moneyOwed + goldSilver + shares + pensions + crypto + businessAssets -
                     personalLoans - creditCard - businessLiabilities - mortgage - utilityBills;

      // Zakat Calculation (assuming a fixed zakat rate of 2.5%)
      var zakatAmount = netWorth * 0.025;

      // Display result
      document.getElementById("result").innerHTML = "Your Zakat amount is: $" + zakatAmount.toFixed(2);
    }
  </script></p>
</div>