
<!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=PL';"></li>
                    <li class="items"><a href="https://www.scanthesun.com/global/about-us/about-us.php?lang=PL">O
                            NAS</a></li>
                    <li class="items"><a href="https://www.scanthesun.com/global/about/about.php?lang=PL">O
                            APLIKACJI</a></li>
                    <li class="items"><a href="https://www.scanthesun.com/global/projects/projects.php?lang=PL">REALIZACJE</a>
                    </li>
                    <li class="items"><a href="https://www.scanthesun.com/global/profitability/calculator.php?lang=PL">KALKULATOR</a>
                    </li>
                    <li class="items"><a href="https://www.scanthesun.com/global/partners/partners.php?lang=PL">PARTNERZY</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>KALKULATOR OPŁACALNOŚCI<br/>ZOBACZ ILE MOŻESZ ZAOSZCZĘDZIĆ DZIĘKI SCAN&nbsp;THE&nbsp;SUN</h2>
              <p>Podaj zużycie energii dla twojej nieruchomości. Uzyskasz informację o szacowanej mocy standardowej instalacji solarnej, która pokryje twoje zapotrzebowanie na energię elektryczną.<br/><br/>
              Wpisz przyblizony koszt takiej instalacji. Dowiesz się jaka jest szacowana moc instalacji zoptymalizowanej oraz ile możesz zaoszczędzić dzięki optymalizacji Scan&nbsp;The&nbsp;Sun. <br/><br/>
              Kalkulator oparto o średnie z danych statystycznych dotyczących zwiekszenia uzysku energii dzięki optymalizacji ScanTheSun.   </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%" >Zużycie energii na rachunku w 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%">Rachunek opiewa na kwotę:</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%">Rachunek za ilość miesięcy:</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%">Szacowana moc instalacji <span id="installation_kwp" style="font-weight:bold"> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; </span> kWp. Proponowany przez instalatora koszt :</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">instalacja standardowa</div>
		<div style="width: 30%; height: 20%; position:absolute; background:#DDDDDD;left:66%; font-weight: bold; display:flex ;align-items: center;justify-content:center">optymalizacja ScanTheSun</div>
		<div style="width: 40%; height: 20%; position:absolute; background:#DDDDDD;top:20%; display:flex ;align-items: center;justify-content:center">szacowana moc nominalna 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">szacowany okres zwrotu w miesiącach</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">koszt instalacji</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">Zysk dzięki ScanTheSun (zł.)</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 - projekt efektywnej instalacji PV w jedną minutę.</p>
            </div>
        </div>

        <div class="centerbox" style="">


            <h2>Adres</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_pl.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">wyślij</button>-->
<!--            </div>-->
<!--            </div>-->
<!--        </div>-->


    </div>


</section>
</footer>

<!-- stopka-->


  </body>
</html>


