

<!DOCTYPE html>
<html>

  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>ScanTheSun</title>
    <meta name="description" content="panele fotowoltaiczne">
    <link rel="stylesheet" href="styl_calculator.css">
     <script src="../jquery-3.5.1.min.js"></script>
    <script src="../page_fonts.js"></script>

      <link rel="apple-touch-icon" sizes="180x180" href="/global/img/favic/apple-touch-icon.png">
      <link rel="icon" type="image/png" sizes="32x32" href="/global/img/favic/favicon-32x32.png">
      <link rel="icon" type="image/png" sizes="16x16" href="/global/img/favic/favicon-16x16.png">
      <link rel="manifest" href="/global/img/favic/site.webmanifest">
      <link rel="mask-icon" href="/global/img/favic/safari-pinned-tab.svg" color="#5bbad5">
      <link rel="shortcut icon" href="/global/img/favic/favicon.ico">
      <meta name="msapplication-TileColor" content="#da532c">
      <meta name="msapplication-config" content="/global/img/favic/browserconfig.xml">
      <meta name="theme-color" content="#ffffff">

    <!--<meta http-equiv="Cache-Control" content="no-store, no-cache, must-revalidate" />
    <meta http-equiv="Cache-Control" content="post-check=0, pre-check=0" />
    <meta http-equiv="Pragma" content="no-cache" />-->

<script>
      $(document).ready(function(){

        $('.btn').click(function(){
          $('.items').toggleClass("show");
          $('ul li').toggleClass("hide");
        });

        $(':input').on('keyup', function(event){calculate(event)});
		$(':radio').on('change', function(event){calculate(event)});


      });

/*
function eventClipper()
{
	$(':input[type="text"][tabuj="true"]').bind('keypress',function(event){FormUtil.newtab(event)});
	$(':input[type="text"]').bind('click',function(event){transparenttd(event)});
	$(':input[type="file"]').bind('click',function(event){transparenttd(event)});
	$('textarea').bind('keypress',function(event){calculate(event)});
	$(':input[type="radio"]').bind('click',function(event){transparentpanel(event)});
}
*/
function calculate(oEvent)
{
		var bAllready=true;
		var bRadio=false;
		$(':input[type="text"]').each(function(index,oElement){ var value=$(oElement).prop('value'); if(value=="" || isNaN(value) ){bAllready=false;} });
		$(':radio').each(function(index,oElement){ var value=$(oElement).prop('checked'); if(value==true){bRadio=true;} });
		var usedkwh = $(':input[name="used_kwh"]').prop('value');
		if(usedkwh!="" && !isNaN(usedkwh) && bRadio){ calculatekWp();} else {clearkWp();}
		if(bAllready && bRadio){ calculateYeld();}

		//alert(bAllready && bRadio);
}

function calculatekWp(){
	var consumedkWh = $(':input[name="used_kwh"]').prop('value');
	var period = $(':input[name="months"]:checked').prop('value');
	var kwp = (consumedkWh/period)*(12.0/810.0);
	var restkwp=Math.round(100*(kwp - Math.floor(kwp)));
	$('#installation_kwp, #installation_kwp2').text(Math.floor(kwp)+"."+restkwp);
}

function calculateYeld()
{
	var consumedkWh = $(':input[name="used_kwh"]').prop('value');
	var kWhCost = $(':input[name="paid_kwh"]').prop('value');
	var period = $('input[name="months"]:checked').prop('value');
	var kwp = (consumedkWh/period)*(12/810);
	var restkwp=Math.round(100*(kwp - Math.floor(kwp)));
	$('#installation_kwp, #installation_kwp2').text(Math.floor(kwp)+"."+restkwp);
	var installationCost = $(':input[name="installation_cost"]').prop('value');
	var returnPeriod=Math.round(period*installationCost/kWhCost);
	$('#return_period').text(returnPeriod);
	var reducedInstallationCost = Math.round(installationCost * .81);
	var reducedKwp= kwp*0.81;
	var restReducedKwp=Math.round(100*(reducedKwp - Math.floor(reducedKwp)));


	var reducedReturnPeriod=Math.round(period*reducedInstallationCost/kWhCost);
	$('#optimized_return_period').text(reducedReturnPeriod);
	$('#optimized_installation_cost').text(reducedInstallationCost);
	$('#installationCost').text(installationCost);
	$('#optimized_installation_kwp').text(Math.floor(reducedKwp)+"."+restReducedKwp);

	//
	var profit=Math.round(installationCost-reducedInstallationCost);
	$('#profit').text(profit);

}

function clearkWp(){
	$('#installation_kwp').text("");
}
</script>



  </head>
  <body>


            <nav>
                <ul>
                    <li class="logo"
                        onclick="window.location='https://www.scanthesun.com/global/scanthesun.php?lang=EN';"></li>
                    <li class="items"><a href="https://www.scanthesun.com/global/about-us/about-us.php?lang=EN">ABOUT US</a></li>
                    <li class="items"><a href="https://www.scanthesun.com/global/about/about.php?lang=EN">ABOUT APP</a></li>
                    <li class="items"><a
                                href="https://www.scanthesun.com/global/projects/projects.php?lang=EN">PROJECTS</a></li>
                    <li class="items"><a href="https://www.scanthesun.com/global/profitability/calculator.php?lang=EN">CALCULATOR</a>
                    </li>
                    <li class="items"><a
                                href="https://www.scanthesun.com/global/partners/partners.php?lang=EN">PARTNERS</a></li>
                    <li class="items"
                        onclick="(function(){var url = $(location).attr('href').split('?')[0]+'?lang=PL'; window.location=url.replace('#','');})();return false;">
                        <a>PL</a></li>
                    <li class="items"
                        onclick="(function(){var url = $(location).attr('href').split('?')[0]+'?lang=EN'; window.location=url.replace('#','');})();return false;">
                        <a>EN</a></li>
                    <li class="btn"><a href="#"><i class="fas fa-bars"></i></a></li>
                </ul>
            </nav>

            
<!-- kalkulator -->

  <section id="sek9">
        <div class="opiskalkulatora">
              <h2>PROFITABILITY CALCULATOR<br/>SEE HOW MUCH YOU CAN SAVE WITH THE SCAN&nbsp;THE&nbsp;SUN APPLICATION</h2>
              <p>Enter the energy consumption for your property. You will receive information about the estimated power of a standard solar installation that will cover your electricity consumption.<br/><br/>
              Enter the approximate cost of such an installation. You will find out the estimated power of the optimized installation and how much you can save thanks to the optimization with Scan&nbsp;The&nbsp;Sun. app <br/><br/>
              The calculator is based on mean values from statistical data on increasing energy yield thanks to ScanTheSun optimization.   </p>
        </div>
        <div class="kalkulator">
              <div class="ramkakalkulatora">


              <div style="width:100%; height: 450px; background:#DDDDDD; position:relative">

			<div style="width: 70%; left: 0%; height: 20%; position:absolute; background:#DDDDDD; top: 0%; display:flex ;align-items: center;justify-content:center">
				<div style="padding: 0%" >Energy consumption on the bill in kWh:</div>
			</div>

			<div style="width: 30%; left:70%; height: 20%; position:absolute; background:#DDDDDD; top: 0%; display:flex ;align-items: center;justify-content:center">
				<div style="width:70%; height: 50%;">
					<input type="text" name="used_kwh" style="font-weight:bold; text-align:center;width:100%; height:100%; border-width: 0px; background-color:#FFFFFF"/>
				</div>
			</div>

			<div style="width: 70%; left:0%; height: 20%; position:absolute; background:#DDDDDD; top: 20%;display:flex ;align-items: center;justify-content:center">
				<div style="padding: 0%">The bill is for: (use your local currency)</div>
			</div>
			<div style="width: 30%; left:70%; height: 20%; position:absolute; background:#DDDDDD; top: 20%;display:flex ;align-items: center;justify-content:center">
				<div style="width:70%; height: 50%;">
					<input type="text" name="paid_kwh" style="font-weight:bold; text-align:center; width:100%; height: 100%; border-width: 0px; background-color:#FFFFFF"/>
				</div>
			</div>

			<div style="width: 70%; left:0%; height: 40%;position:absolute; background:#DDDDDD; top: 40%;display:flex ;align-items: center;justify-content:center">
				<div style="padding: 0%">How many months is this bill:</div>
			</div>

			<div style="width: 30%; left:70%; height: 40%; position:absolute; background:#DDDDDD; top: 40%;display:flex ;align-items: center;justify-content:center">
				<div style="padding: 0%">
				<input type="radio" id="age1" name="months" value="1"> <label for="age1">1 </label>
				<input type="radio" id="age2" name="months" value="2"> <label for="age2">2 </label> <br/> <br/>
				<input type="radio" id="age3" name="months" value="3"> <label for="age3">3 </label>
				<input type="radio" id="age6" name="months" value="6"> <label for="age6">6 </label>  <br/><br/>
				<input type="radio" id="age12" name="months" value="12"> <label for="age12">12 </label>
				</div>
			</div>


			<div style="width: 70%; left:0%; height: 20%; position:absolute; background:#DDDDDD; top: 80%;display:flex ;align-items: center;justify-content:center">
				<div style="padding: 0%">Approximate installation power<span id="installation_kwp" style="font-weight:bold"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span> kWp. Cost proposed by the installer (use your local currency) :</div>
			</div>

			<div style="width: 30%; left:70%; height: 20%; position:absolute; background:#DDDDDD; top: 80%;display:flex ;align-items: center;justify-content:center">
				<div style="width:70%; height: 50%;">
					<input type="text" name="installation_cost" style="font-weight:bold; text-align:center; width:100%; height: 100%; border-width: 0px; background-color:#FFFFFF"/>
				</div>
			</div>
	</div>



              </div>
              <div class="ramkakalkulatora">

                  <div style="width:100%;margin:0px;border-width:0px;padding:0px;background-color:#FFFFFF;">


		<div style="min-width: 300px; height: 450px; background:#DDDDDD; position:relative">
		<div style="width: 30%; left:33%; height: 20%; position:absolute; background:#DDDDDD; display:flex ;align-items: center;justify-content:center">Standard installation</div>
		<div style="width: 30%; height: 20%; position:absolute; background:#DDDDDD;left:66%; font-weight: bold; display:flex ;align-items: center;justify-content:center">ScanTheSun optimized</div>
		<div style="width: 40%; height: 20%; position:absolute; background:#DDDDDD;top:20%; display:flex ;align-items: center;justify-content:center">estimated nominal power kWp</div>
		<div style="width: 30%; height: 20%; position:absolute; background:#FFFFFF;top:20%;left:40%; display:flex ;align-items: center;justify-content:center"><span id="installation_kwp2">  </span></div>
		<div style="width: 30%; height: 20%; position:absolute; background:#FFFFFF;top:20%;left:70%;font-weight: bold; display:flex ;align-items: center;justify-content:center"><span id="optimized_installation_kwp">  </span></div>
		<div style="width: 40%; height: 20%; position:absolute; background:#DDDDDD;top:40%; display:flex ;align-items: center;justify-content:center">estimated payback period in months</div>
		<div style="width: 30%; height: 20%; position:absolute; background:#FFFFFF;top:40%;left:40%; display:flex ;align-items: center;justify-content:center"><span id="return_period">  </span></div>
		<div style="width: 30%; height: 20%; position:absolute; background:#FFFFFF;top:40%;left:70%;font-weight: bold; display:flex ;align-items: center;justify-content:center"><span id="optimized_return_period">  </span></div>
		<div style="width: 40%; height: 20%; position:absolute; background:#DDDDDD;top:60%; display:flex ;align-items: center;justify-content:center">installation cost</div>
		<div style="width: 30%; height: 20%; position:absolute; background:#FFFFFF;top:60%;left:40%; display:flex ;align-items: center;justify-content:center"><span id="installationCost">  </span></div>
		<div style="width: 30%; height: 20%; position:absolute; background:#FFFFFF;top:60%;left:70%;font-weight: bold; display:flex ;align-items: center;justify-content:center"><span id="optimized_installation_cost">  </span></div>
		<div style="width: 70%; height: 20%; position:absolute; background:#DDDDDD;top:80%; font-weight:bold; display:flex ;align-items: center;justify-content:center">Profit thanks to ScanTheSun (your local currency)</div>
		<div style="width: 30%; height: 20%; position:absolute; background:#F2FF00;top:80%;left:70%;font-weight: bold; display:flex ;align-items: center;justify-content:center"><span id="profit">  </span></div>
		</div>

	</div>



              </div>
        </div>
</section>

<!-- kalkulator -->

<!-- stopka-->
<link rel="stylesheet" href="/global/php_modules/footer.css">
<footer>
<section id="sek8">

    <div class="stopka">


        <div class="leftbox">
            <h2>scan the sun</h2>
            <div class="ramka">
                <p>ScanTheSun - effective pv installation project within 1 minute</p>
            </div>

        </div>


        <div class="centerbox">
            <h2>Address</h2>
            <div class="ramka">
                <div class="adres">
                    <span class="fas fa-map-marker-alt"></span>
                    <span class="text">Lublin, Zana 11a</span>
                </div>

                <div class="email">
                    <span class="fas fa-envelope"></span>
                    <span class="text">contact@scanthesun.com</span>
                </div>
                <div class="email" style="cursor:pointer" onclick="(function(){window.location='https://www.facebook.com/Scanthesun-1776743762556506/';})();">
                    <span class="fab fa-facebook-f"></span>
                    <span class="text">Facebook</span>
                </div>
                <div class="email" style="display:none">
                    <span class="fab fa-linkedin-in"></span>
                    <span class="text">LinkedIn</span>
                </div>
                <div class="email" style="cursor:pointer" onclick="(function(){window.location='https://www.youtube.com/channel/UCB-UdGyliG0tioeEZTnXbtQ';})();">
                    <span class="fab fa-youtube"></span>
                    <span class="text">YouTube</span>
                </div>
            </div>
        </div>
        <div class="rightbox">

            <div class="ramka">
                <img src="/global/img/oznaczenia_en.jpg" id="oznacznia_fundusz"/>
            </div>


        </div>
<!--        <div class="rightbox" style="display:none">-->
<!--            <h2>newsletter</h2>-->
<!--            <div class="ramka">-->
<!--            <form action="#">-->
<!--              <div class="email">-->
<!--                <div class="text">Email *</div>-->
<!--                  <input type="email" required>-->
<!--              </div>-->
<!--            </form>-->
<!---->
<!--            <div class="btn">-->
<!--            <button type="submit">submit</button>-->
<!--            </div>-->
<!--            </div>-->
<!--        </div>-->


    </div>


</section>
</footer>

<!-- stopka-->


  </body>
</html>



