<!DOCTYPE html>
<html lang="en" ng-app="Nekretnine">
  <head>
    
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <meta name="description" content="">
    <meta name="author" content="Bojan Tešić">

    <meta property="og:title" content="Stambeni kalkulator">
    <meta property="article:author" content="https://www.facebook.com/bojan.tesic.16">
    <meta property="og:description" content="Stambeno rješenje je jedno od glavnih pitanja u životu odraslog čovjeka. Za ovu priliku, DeFacto je kreirao interaktivni kalkulator.">
    <meta property="og:image" content="http://defacto.me/portfolio/stan-kalkulator/slika-za-fb.png">

    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <title>Kupiti ili iznajmiti?</title>

    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/costum.css" rel="stylesheet">
    <link href="css/animate.css" rel="stylesheet">

    <script src="js/jquery.min.js"></script>  
    <script src="js/angular.min.js"></script> 
    <script src="js/ui.js"></script>    
    <script src="app/app.js"></script>

  </head>

    

  <body ng-controller="Kontroler" class="pozadina">
  <script>
  window.fbAsyncInit = function() {
    FB.init({
      appId      : '1698547323763739',
      xfbml      : true,
      version    : 'v2.5'
    });
  };

  (function(d, s, id){
     var js, fjs = d.getElementsByTagName(s)[0];
     if (d.getElementById(id)) {return;}
     js = d.createElement(s); js.id = id;
     js.src = "//connect.facebook.net/en_US/sdk.js";
     fjs.parentNode.insertBefore(js, fjs);
   }(document, 'script', 'facebook-jssdk'));
</script>
    <div class="container-fluid" ng-class="{pozadinasmrt: (ostajeP < 1)}">
      <div class="col-md-12">
        <img class="logo-glavni" src="img/logo.svg">
        <p class="tizer animated flipInX">Kupiti ili iznajmiti?</p>
        <img class="sjenka-img" src="img/sjenka.png">
      </div>

      <div class="col-md-12">        
        <div class="col-md-4 animated fadeIn">
          <div class="panel-info">
            <p class="infoikona"><span tooltip-placement="left" uib-tooltip="Neto zarada u januaru 2016. godine iznosi 459€. Izvor: MONSTAT" class="glyphicon glyphicon-exclamation-sign"></span></p>
            <p class="naziv-panela">IZABERITE OPCIJE</p>           

            <!-- Plata -->
            <div class="progress-box">
              <div class="percentage-cur">            
                <p style="margin-right: -4px;" class="prenum">Mjesečna primanja <span class="num">{{ plata*50 }}€</span></p>
              </div>
              <div class="progress-bar progress-bar-slider">
                <span class="test">0€</span>
                <span class="test1">5000€</span>
                <input class="progress-slider" type="range" min="0" max="100" ng-change="Plata(plata)" ng-model="plata">
                <div class="inner" ng-style="{ width: plata + '%' || '0%' }"></div>

              </div>
            </div>
            <!-- Rata -->
            <div class="progress-box">
              <div class="percentage-cur">            
                <p style="margin-right: -4px;" class="prenum">Rata <span class="num">{{ rata*rataKoef | number: 0 }}€</span></p>
              </div>
              <div class="progress-bar progress-bar-slider">
                <span class="test">0€</span>
                <span class="test1">{{plata*50}}€</span>
                <input class="progress-slider" type="range" ng-min="min" ng-max="max" ng-change="Rata(rata)" ng-model="rata">
                <div class="inner" ng-style="{ width: rata + '%' || '0%' }"></div>
              </div>
            </div>
            <!-- Mjeseci -->
            <div class="progress-box">
              <div class="percentage-cur">            
                <p style="margin-right: -4px;" class="prenum">Mjeseci <span class="num">{{ mjeseci*2 }}</span></p>
              </div>
              <div class="progress-bar progress-bar-slider">
                <span class="test">0</span>
                <span class="test1">200</span>
                <input class="progress-slider" type="range" ng-min="min" ng-max="max" ng-change="Mjesec(mjeseci)" ng-model="mjeseci">
                <div class="inner" ng-style="{ width: mjeseci + '%' || '0%' }"></div>
              </div>
            </div>
          </div>
        </div>
        
        <div class="col-md-2 animated fadeIn" style="height: 290px;">
          <div ng-hide="GotovJe" class="panel-info col-md-12" style="padding-bottom: 32px; height: 290px;">
            <p class="naziv-panela">KOLIKO MI NOVCA PREOSTAJE</p>
              <p class="num-c">{{ostaje | number:0}}€</p>    
              <p class="num-p">{{ostajeP | number:0}}%</p>  
              
            <div class="col-md-12">                  
              <div>
                <img src="img/p/u.svg">
                <img ng-class="{flipInY: (slajder1 > opp1), flipOutY: (slajder1 < opp1)}" class="unutslikap animated" src="img/p/p1.svg">
                <img ng-class="{flipInY: (slajder1 > opp2), flipOutY: (slajder1 < opp2)}" class="unutslikap animated" src="img/p/p2.svg">
                <img ng-class="{flipInY: (slajder1 > opp3), flipOutY: (slajder1 < opp3)}" class="unutslikap animated" src="img/p/p3.svg">
                <img ng-class="{flipInY: (slajder1 > opp4), flipOutY: (slajder1 < opp4)}" class="unutslikap animated" src="img/p/p4.svg">
                <img ng-class="{flipInY: (slajder1 > opp5), flipOutY: (slajder1 < opp5)}" class="unutslikap animated" src="img/p/p5.svg">
                <img ng-class="{flipInY: (slajder1 > opp6), flipOutY: (slajder1 < opp6)}" class="unutslikap animated" src="img/p/p6.svg">
                <img ng-class="{flipInY: (slajder1 > opp7), flipOutY: (slajder1 < opp7)}" class="unutslikap animated" src="img/p/p7.svg">
              </div>        
            </div>          
          </div>
          <div ng-show="GotovJe" class="panel-info col-md-12" style="padding-bottom: 32px; height: 290px;">
            <div class="animated bounceIn">              
                <p class="renta-naslov" ng-show="ostajeP > 10 && ostajeP < 16">Ne ostaje mi ni za par piva,</p>
                <p class="renta-naslov" ng-show="ostajeP > 5 && ostajeP < 11">Ne ostaje mi ni za jedno pivo,</p>
                <p class="renta-naslov" ng-show="0 < ostajeP && ostajeP < 6">To je to, život je bio lijep,</p>
                <p class="renta-naslov" ng-show="1 > ostajeP">Upoznaj svog Stvoritelja,</p>
                <p class="renta-naslov"> samo <b>{{ostaje}}€</b> ili <b>{{ostajeP | number:0}}%</b> od ukupnih primanja!</p>
              <div class="col-md-12 lica">
                <img class="animated zoomIn" ng-show="1 > ostajeP" src="img/l/l1.svg">
                <img class="animated zoomIn" ng-show="0 < ostajeP && ostajeP < 6" src="img/l/l2.svg">
                <img class="animated zoomIn" ng-show="ostajeP > 5 && ostajeP < 11" src="img/l/l4.svg">
                <img class="animated zoomIn" ng-show="ostajeP > 10 && ostajeP < 16" src="img/l/l3.svg">
              </div>
            </div>                      
          </div>
        </div>

        

        <div class="col-md-6 animated fadeIn" ng-hide="showme">
          <div class="panel-info col-md-12" style="height: 290px;">
            <div ng-click="showme=true" class="dugme">Promjeni iznos kamate <span class="glyphicon glyphicon-pencil"></span></div>
            <p class="naziv-panela">OVOLIKO BI TE KOŠTALO (eks = {{ Ks }}%)</p>    
            <div class="col-md-12">                  
              <div>
              <div class="col-md-2 col-xs-2 total-naslov"></div>
              <div class="col-md-5 col-xs-5 naslovi-total">IZNAMLJIVANJE</div>
              <div class="col-md-5 col-xs-5 naslovi-total">KUPOVINA</div>
            </div>           
            <div>
              <div class="col-md-2 col-xs-2 naslovi-total-redovi">RATA</div>
              <div class="col-md-5 col-xs-5 naslovi-total-brojevi">{{ rata*rataKoef | number:2 }}€</div>
              <div class="col-md-5 col-xs-5 naslovi-total-brojevi">{{ rataKredita | number:2 }}€</div>
            </div>

            <div>
              <div class="col-md-2 col-xs-2 naslovi-total-redovi">KREDIT</div>
              <div class="col-md-5 col-xs-5 naslovi-total-brojevi">-</div>
              <div class="col-md-5 col-xs-5 naslovi-total-brojevi">{{ rata*rataKoef*mjeseci*2 | number: 2}}€</div>
            </div>

            <div>
              <div class="col-md-2 col-xs-2 naslovi-total-redovi-u">UKUPNO</div>
              <div class="col-md-5 col-xs-5 naslovi-total-redovi-u-b">{{ rata*rataKoef*mjeseci*2 | number:2 }}€</div>
              <div class="col-md-5 col-xs-5 naslovi-total-redovi-u-b">{{ ukupnoKredit | number: 2 }}€</div>
            </div>       
            </div>  
            <div class="col-md-12">
              <p class="napomena">*Prosječna efektivna kamatna stopa na novoodobrene stambene kredite u Crnoj Gori je 6.73% (podatak sa kraja 2015. godine). Izvor: Bankar.me</p>
            </div>        
          </div>
        </div>

        <div class="col-md-6 animated fadeIn" ng-show="showme">
          <div class="panel-info" style="height: 290px;">
            <div ng-click="showme=false" class="dugme">Nazad <span class="glyphicon glyphicon-arrow-left"></span></div>            
            <p class="naziv-panela">OVOLIKO BI TE KOŠTALO (eks = {{ Ks }}%)*</p>    
            <div class="col-md-12">                  
              <div>
              <div class="col-md-3 col-xs-3 total-naslov"></div>
              <div class="col-md-3 col-xs-3 naslovi-total">IZNAMLJIVANJE</div>
              <div class="col-md-3 col-xs-3 naslovi-total1">
                <input class="form-control input-sm" ng-change="KsRacunanje(Ks)" type="number" min="4" max="12" required ng-model="Ks"></input>
              </div>
              <div class="col-md-3 col-xs-3 naslovi-total1">
                <input class="form-control input-sm" ng-change="Ks1Racunanje(Ks1)" type="number" min="4" max="12" required ng-model="Ks1"></input>
              </div>
            </div>  
            <div class="col-md-12" ng-show="preko"><p class="renta-naslov" style="padding: 25px;">Efektivna kamatna stopa potrebno je da bude između 4% i 12%.</p></div>
            <div ng-hide="preko">
              <div>
                <div class="col-md-3 col-xs-3 naslovi-total-redovi">RATA</div>
                <div class="col-md-3 col-xs-3 naslovi-total-brojevi">{{ rata*rataKoef | number:2 }}€</div>
                <div class="col-md-3 col-xs-3 naslovi-total-brojevi">{{ rataKredita | number:2 }}€</div>
                <div class="col-md-3 col-xs-3 naslovi-total-brojevi">{{ rataKredita1 | number:2 }}€</div>
              </div>

              <div>
                <div class="col-md-3 col-xs-3 naslovi-total-redovi">KREDIT</div>
                <div class="col-md-3 col-xs-3 naslovi-total-brojevi">-</div>
                <div class="col-md-3 col-xs-3 naslovi-total-brojevi">{{ rata*rataKoef*mjeseci*2 | number: 2}}€</div>
                <div class="col-md-3 col-xs-3 naslovi-total-brojevi">{{ rata*rataKoef*mjeseci*2 | number: 2}}€</div>
              </div>

              <div>
                <div class="col-md-3 col-xs-3 naslovi-total-redovi-u">UKUPNO</div>
                <div class="col-md-3 col-xs-3 naslovi-total-redovi-u-b">{{ rata*rataKoef*mjeseci*2 | number:2 }}€</div>
                <div class="col-md-3 col-xs-3 naslovi-total-redovi-u-b">{{ ukupnoKredit | number: 2 }}€</div>
                <div class="col-md-3 col-xs-3 naslovi-total-redovi-u-b">{{ ukupnoKredit1 | number: 2 }}€</div>
              </div>
            </div>       
            </div> 
            <div class="">
              <p class="napomena">*Ovdje možeš uporediti različite eks vrijednosti.</p>
            </div>         
          </div>
        </div>

      </div>

      

    <div class="col-md-12" style="height: 50px;"></div>

    <div class="col-md-12">
      <div class="col-md-6">
        <div class="panel-info col-md-12">
          <p class="naziv-panela">PODGORICA</p>     
          <div class="col-md-6 razdavanje">      
            <p class="renta-naslov">Iznamljivanje | {{ rata*rataKoef | number:2 }}€</p>
              <p class="unut-vrsta animated" >Ne postoji!</p>
              <p ng-class="{fadeInDown: (op1 < slajder), fadeOutDown: (slajder < op1) || (slajder > op2)}" class="unut-vrsta animated" >Garsonjera</p>
              <p ng-class="{fadeInDown: (op2 < slajder) || (op3 > slajder), fadeOutDown: (slajder < op2) || (slajder > op3)}" class="unut-vrsta animated">Jednosoban</p>
              <p ng-class="{fadeInDown: (op3 < slajder) || (op5 > slajder), fadeOutDown: (slajder < op3) || (slajder > op5)}" class="unut-vrsta animated">Dvosoban</p>
              <p ng-class="{fadeInDown: (op5 < slajder) || (op6 > slajder), fadeOutDown: (slajder < op5) || (slajder > op6)}" class="unut-vrsta animated">Trosoban</p>
              <p ng-class="{fadeInDown: (op6 > slajder), fadeOutDown: (slajder < op6)}" class="unut-vrsta animated">Trosoban+</p>
            <div>
              <img src="img/u/un.svg">
              <img ng-class="{bounceInDown: (slajder > op1), bounceOutUp: (slajder < op1)}" class="unutslika animated" src="img/u/s11.svg">
              <img ng-class="{bounceInDown: (slajder > op2), bounceOutUp: (slajder < op2)}" class="unutslika animated" src="img/u/s12.svg">
              <img ng-class="{bounceInDown: (slajder > op3), bounceOutUp: (slajder < op3)}" class="unutslika animated" src="img/u/s13.svg">
              <img ng-class="{bounceInDown: (slajder > op5), bounceOutUp: (slajder < op5)}" class="unutslika animated" src="img/u/s22.svg">
              <img ng-class="{bounceInDown: (slajder > op4), bounceOutUp: (slajder < op4)}" class="unutslika animated" src="img/u/s21.svg">          
              <img ng-class="{bounceInDown: (slajder > op6), bounceOutUp: (slajder < op6)}" class="unutslika animated" src="img/u/s23.svg">
            </div>            
          </div>
          <div class="col-md-6">      
            <p class="renta-naslov">Kupovina | {{ rata*rataKoef*mjeseci*2 | number: 2}}€</p>            
              <p class="unut-vrsta animated" >Ne postoji!</p>
              <p ng-class="{fadeInDown: (kop1 < KredirSlajder), fadeOutDown: (KredirSlajder < kop1) || (KredirSlajder > kop2)}" class="unut-vrsta animated" >Garsonjera</p>
              <p ng-class="{fadeInDown: (kop2 < KredirSlajder) || (kop3 > KredirSlajder), fadeOutDown: (KredirSlajder < kop2) || (KredirSlajder > kop3)}" class="unut-vrsta animated">Jednosoban</p>
              <p ng-class="{fadeInDown: (kop3 < KredirSlajder) || (kop5 > KredirSlajder), fadeOutDown: (KredirSlajder < kop3) || (KredirSlajder > kop5)}" class="unut-vrsta animated">Dvosoban</p>
              <p ng-class="{fadeInDown: (kop5 < KredirSlajder) || (kop6 > KredirSlajder), fadeOutDown: (KredirSlajder < kop5) || (KredirSlajder > kop6)}" class="unut-vrsta animated">Trosoban</p>
              <p ng-class="{fadeInDown: (kop6 > KredirSlajder), fadeOutDown: (KredirSlajder < kop6)}" class="unut-vrsta animated">Trosoban+</p>
            <div>
              <img src="img/u/un.svg">
              <img ng-class="{bounceInDown: (KredirSlajder > kop1), bounceOutUp: (KredirSlajder < kop1)}" class="unutslika animated" src="img/u/s11.svg">
              <img ng-class="{bounceInDown: (KredirSlajder > kop2), bounceOutUp: (KredirSlajder < kop2)}" class="unutslika animated" src="img/u/s12.svg">
              <img ng-class="{bounceInDown: (KredirSlajder > kop3), bounceOutUp: (KredirSlajder < kop3)}" class="unutslika animated" src="img/u/s13.svg">
              <img ng-class="{bounceInDown: (KredirSlajder > kop5), bounceOutUp: (KredirSlajder < kop5)}" class="unutslika animated" src="img/u/s22.svg">
              <img ng-class="{bounceInDown: (KredirSlajder > kop4), bounceOutUp: (KredirSlajder < kop4)}" class="unutslika animated" src="img/u/s21.svg">          
              <img ng-class="{bounceInDown: (KredirSlajder > kop6), bounceOutUp: (KredirSlajder < kop6)}" class="unutslika animated" src="img/u/s23.svg">
            </div>        
          </div>
            <div class="col-md-12">
              <p class="region">CENTAR</p>              
              <div class="col-md-6 col-xs-6 naslovi-total-brojevi">
                <div class="region-bar" ng-style="{ width: mip1 + '%' || '0%' }"></div>
                <span ng-hide="mip1preko">Za ovaj region je dostignit max.</span>
                <span ng-show="mip1preko" ng-style="{ 'margin-right': mip1 + '%' || '0%' }" >{{ ip1 | number:0}}m<sup>2</sup></span>
              </div>
              <div class="col-md-6 col-xs-6 naslovi-total-brojevi-d">                
                <div class="region-bar-d" ng-style="{ width: mkp1 + '%' || '0%' }"></div>
                <span ng-hide="mkp1preko">Za ovaj region je dostignit max.</span>
                <span ng-show="mkp1preko" ng-style="{ 'margin-left': mkp1 + '%' || '0%' }" >{{ kp1 | number:0}}m<sup>2</sup></span>
              </div>
            </div> 

            <div class="col-md-12">
              <p class="region">PREKO MORAČE</p>              
              <div class="col-md-6 col-xs-6 naslovi-total-brojevi">
                <div class="region-bar" ng-style="{ width: mip2 + '%' || '0%' }"></div>
                <span ng-hide="mip2preko">Za ovaj region je dostignit max.</span>
                <span ng-show="mip2preko" ng-style="{ 'margin-right': mip2 + '%' || '0%' }" >{{ ip2 | number:0}}m<sup>2</sup></span>
              </div>
              <div class="col-md-6 col-xs-6 naslovi-total-brojevi-d">
                <div class="region-bar-d" ng-style="{ width: mkp2 + '%' || '0%' }"></div>
                <span ng-hide="mkp2preko">Za ovaj region je dostignit max.</span>
                <span ng-show="mkp2preko" ng-style="{ 'margin-left': mkp2 + '%' || '0%' }" >{{ kp2 | number:0}}m<sup>2</sup></span>
              </div>
            </div> 

            <div class="col-md-12">
              <p class="region">BLOK</p>              
              <div class="col-md-6 col-xs-6 naslovi-total-brojevi">
                <div class="region-bar" ng-style="{ width: mip3 + '%' || '0%' }"></div>
                <span ng-hide="mip3preko">Za ovaj region je dostignit max.</span>
                <span ng-show="mip3preko" ng-style="{ 'margin-right': mip3 + '%' || '0%' }" >{{ ip3 | number:0}}m<sup>2</sup></span>
              </div>
              <div class="col-md-6 col-xs-6 naslovi-total-brojevi-d">
                <div class="region-bar-d" ng-style="{ width: mkp3 + '%' || '0%' }"></div>
                <span ng-hide="mkp3preko">Za ovaj region je dostignit max.</span>
                <span ng-show="mkp3preko" ng-style="{ 'margin-left': mkp3 + '%' || '0%' }" >{{ kp3 | number:0}}m<sup>2</sup></span>
              </div>
            </div> 

            <div class="col-md-12">
              <p class="region">DELTA CITY</p>              
              <div class="col-md-6 col-xs-6 naslovi-total-brojevi">
                <div class="region-bar" ng-style="{ width: mip4 + '%' || '0%' }"></div>
                <span ng-hide="mip4preko">Za ovaj region je dostignit max.</span>
                <span ng-show="mip4preko" ng-style="{ 'margin-right': mip4 + '%' || '0%' }" >{{ ip4 | number:0}}m<sup>2</sup></span>
              </div>
              <div class="col-md-6 col-xs-6 naslovi-total-brojevi-d">
                <div class="region-bar-d" ng-style="{ width: mkp4 + '%' || '0%' }"></div>
                <span ng-hide="mkp4preko">Za ovaj region je dostignit max.</span>
                <span ng-show="mkp4preko" ng-style="{ 'margin-left': mkp4 + '%' || '0%' }" >{{ kp4 | number:0}}m<sup>2</sup></span>
              </div>
            </div> 

            <div class="col-md-12">
              <p class="region">ZABJELO</p>              
              <div class="col-md-6 col-xs-6 naslovi-total-brojevi">
                <div class="region-bar" ng-style="{ width: mip5 + '%' || '0%' }"></div>
                <span ng-hide="mip5preko">Za ovaj region je dostignit max.</span>
                <span ng-show="mip5preko" ng-style="{ 'margin-right': mip5 + '%' || '0%' }" >{{ ip5 | number:0}}m<sup>2</sup></span>
              </div>
              <div class="col-md-6 col-xs-6 naslovi-total-brojevi-d">
                <div class="region-bar-d" ng-style="{ width: mkp5 + '%' || '0%' }"></div>
                <span ng-hide="mkp5preko">Za ovaj region je dostignit max.</span>
                <span ng-show="mkp5preko" ng-style="{ 'margin-left': mkp5 + '%' || '0%' }" >{{ kp5 | number:0}}m<sup>2</sup></span>
              </div>
            </div> 

            <div class="col-md-12">
              <p class="region">STARI AERODROM</p>              
              <div class="col-md-6 col-xs-6 naslovi-total-brojevi">
                <div class="region-bar" ng-style="{ width: mip6 + '%' || '0%' }"></div>
                <span ng-hide="mip6preko">Za ovaj region je dostignit max.</span>
                <span ng-show="mip6preko" ng-style="{ 'margin-right': mip6 + '%' || '0%' }" >{{ ip6 | number:0}}m<sup>2</sup></span>
              </div>
              <div class="col-md-6 col-xs-6 naslovi-total-brojevi-d">
                <div class="region-bar-d" ng-style="{ width: mkp6 + '%' || '0%' }"></div>
                <span ng-hide="mkp6preko">Za ovaj region je dostignit max.</span>
                <span ng-show="mkp6preko" ng-style="{ 'margin-left': mkp6 + '%' || '0%' }" >{{ kp6 | number:0}}m<sup>2</sup></span>
              </div>
            </div> 

            <div class="col-md-12 zadnji-za-tel">
              <p class="region">OSTALO</p>              
              <div class="col-md-6 col-xs-6 naslovi-total-brojevi">
                <div class="region-bar" ng-style="{ width: mip7 + '%' || '0%' }"></div>
                <span ng-hide="mip7preko">Za ovaj region je dostignit max.</span>
                <span ng-show="mip7preko" ng-style="{ 'margin-right': mip7 + '%' || '0%' }" >{{ ip7 | number:0}}m<sup>2</sup></span>
              </div>
              <div class="col-md-6 col-xs-6 naslovi-total-brojevi-d">
                <div class="region-bar-d" ng-style="{ width: mkp7 + '%' || '0%' }"></div>
                <span ng-hide="mkp7preko" ng-hide="mkp7preko">Za ovaj region je dostignit max.</span>
                <span ng-show="mkp7preko" ng-style="{ 'margin-left': mkp7 + '%' || '0%' }" >{{ kp7 | number:0}}m<sup>2</sup></span>
              </div>
            </div> 

            
        </div>
      </div>

      <div class="col-md-6">
        <div class="panel-info col-md-12">
        <p class="infoikona" ng-mouseenter="prikazi()" ng-mouseleave="sakrij()"><span tooltip-placement="left" uib-tooltip="Zbog nedostatka dostupnih podataka vezanih za iznamljivanje stanova u Nikšiću, za definisanje tipa stana, koristili smo metod proporcije u odnosu na Podgoricu." class="glyphicon glyphicon-exclamation-sign"></span></p>
          <p class="naziv-panela">NIKŠIĆ</p>     
          <div class="col-md-6 razdavanje" ng-class="{oznaci: (oznaciDiv == '1')}">      
            <p class="renta-naslov">Iznamljivanje | {{ rata*rataKoef | number:2 }}€</p>
            <p class="unut-vrsta animated" >Ne postoji!</p>
              <p ng-class="{fadeInDown: (opNK1 < slajder), fadeOutDown: (slajder < opNK1) || (slajder > opNK2)}" class="unut-vrsta animated" >Garsonjera</p>
              <p ng-class="{fadeInDown: (opNK2 < slajder) || (opNK3 > slajder), fadeOutDown: (slajder < opNK2) || (slajder > opNK3)}" class="unut-vrsta animated">Jednosoban</p>
              <p ng-class="{fadeInDown: (opNK3 < slajder) || (opNK5 > slajder), fadeOutDown: (slajder < opNK3) || (slajder > opNK5)}" class="unut-vrsta animated">Dvosoban</p>
              <p ng-class="{fadeInDown: (opNK5 < slajder) || (opNK6 > slajder), fadeOutDown: (slajder < opNK5) || (slajder > opNK6)}" class="unut-vrsta animated">Trosoban</p>
              <p ng-class="{fadeInDown: (opNK6 > slajder), fadeOutDown: (slajder < opNK6)}" class="unut-vrsta animated">Trosoban+</p>
            <div>
              <img src="img/u/un.svg">
              <img ng-class="{bounceInDown: (slajder > opNK1), bounceOutUp: (slajder < opNK1)}" class="unutslika animated" src="img/u/s11.svg">
              <img ng-class="{bounceInDown: (slajder > opNK2), bounceOutUp: (slajder < opNK2)}" class="unutslika animated" src="img/u/s12.svg">
              <img ng-class="{bounceInDown: (slajder > opNK3), bounceOutUp: (slajder < opNK3)}" class="unutslika animated" src="img/u/s13.svg">
              <img ng-class="{bounceInDown: (slajder > opNK5), bounceOutUp: (slajder < opNK5)}" class="unutslika animated" src="img/u/s22.svg">
              <img ng-class="{bounceInDown: (slajder > opNK4), bounceOutUp: (slajder < opNK4)}" class="unutslika animated" src="img/u/s21.svg">          
              <img ng-class="{bounceInDown: (slajder > opNK6), bounceOutUp: (slajder < opNK6)}" class="unutslika animated" src="img/u/s23.svg">
            </div>        
          </div>
          <div class="col-md-6">      
            <p class="renta-naslov">Kupovina | {{ rata*rataKoef*mjeseci*2 | number: 2}}€</p> 
            <p class="unut-vrsta animated" >Ne postoji!</p>
              <p ng-class="{fadeInDown: (kopNK1 < KredirSlajder), fadeOutDown: (KredirSlajder < kopNK1) || (KredirSlajder > kopNK2)}" class="unut-vrsta animated" >Garsonjera</p>
              <p ng-class="{fadeInDown: (kopNK2 < KredirSlajder) || (kopNK3 > KredirSlajder), fadeOutDown: (KredirSlajder < kopNK2) || (KredirSlajder > kopNK3)}" class="unut-vrsta animated">Jednosoban</p>
              <p ng-class="{fadeInDown: (kopNK3 < KredirSlajder) || (kopNK5 > KredirSlajder), fadeOutDown: (KredirSlajder < kopNK3) || (KredirSlajder > kopNK5)}" class="unut-vrsta animated">Dvosoban</p>
              <p ng-class="{fadeInDown: (kopNK5 < KredirSlajder) || (kopNK6 > KredirSlajder), fadeOutDown: (KredirSlajder < kopNK5) || (KredirSlajder > kopNK6)}" class="unut-vrsta animated">Trosoban</p>
              <p ng-class="{fadeInDown: (kopNK6 > KredirSlajder), fadeOutDown: (KredirSlajder < kopNK6)}" class="unut-vrsta animated">Trosoban+</p>
            <div>
              <img src="img/u/un.svg">
              <img ng-class="{bounceInDown: (KredirSlajder > kopNK1), bounceOutUp: (KredirSlajder < kopNK1)}" class="unutslika animated" src="img/u/s11.svg">
              <img ng-class="{bounceInDown: (KredirSlajder > kopNK2), bounceOutUp: (KredirSlajder < kopNK2)}" class="unutslika animated" src="img/u/s12.svg">
              <img ng-class="{bounceInDown: (KredirSlajder > kopNK3), bounceOutUp: (KredirSlajder < kopNK3)}" class="unutslika animated" src="img/u/s13.svg">
              <img ng-class="{bounceInDown: (KredirSlajder > kopNK5), bounceOutUp: (KredirSlajder < kopNK5)}" class="unutslika animated" src="img/u/s22.svg">
              <img ng-class="{bounceInDown: (KredirSlajder > kopNK4), bounceOutUp: (KredirSlajder < kopNK4)}" class="unutslika animated" src="img/u/s21.svg">          
              <img ng-class="{bounceInDown: (KredirSlajder > kopNK6), bounceOutUp: (KredirSlajder < kopNK6)}" class="unutslika animated" src="img/u/s23.svg">
            </div>        
          </div>

          <div class="col-md-12 zadnji-za-tel">
              <p class="region">NIKŠIĆ</p>              
              <div class="col-md-6 col-xs-6 naslovi-total-brojevi">
                <div class="region-bar" ng-style="{ width: mip1NK + '%' || '0%' }"></div>
                <span ng-hide="mip1prekoNK">Za ovaj region je dostignit max.</span>
                <span ng-show="mip1prekoNK" ng-style="{ 'margin-right': mip1NK + '%' || '0%' }" >{{ ip1NK | number:0}}m<sup>2</sup></span>
              </div>
              <div class="col-md-6 col-xs-6 naslovi-total-brojevi-d">                
                <div class="region-bar-d" ng-style="{ width: mkp1NK + '%' || '0%' }"></div>
                <span ng-hide="mkp1prekoNK">Za ovaj region je dostignit max.</span>
                <span ng-show="mkp1prekoNK" ng-style="{ 'margin-left': mkp1NK + '%' || '0%' }" >{{ kp1NK | number:0}}m<sup>2</sup></span>
              </div>
            </div>  

        </div>

        <div class="panel-info col-md-12">
          <div>
            <p class="naziv-panela">O ISTRAŽIVANJU</p> 
            <img class="def-poz" src="img/defakto_logo.svg">  
            <p class="tekst-info">Kalkulator je kreiran na osnovu baze prikupljenih podataka o oglašenim stanovima za iznamljivanje i prodaju u Podgorici I Nikšiću. Baza broji 600 unosa za iznamljivanje i 379 za prodaju.</p> 
            <p class="tekst-info"><b>Posmatrani period:</b> 18.02.-02.03.2016. godina</p> 
            <p class="tekst-info"><b>Korišćeni izvori:</b> bankar.me, cgoglasi.me, krov.me, krsasnekretnine.com, nekretnina.me, nekretnine-crna-gora.com, patuljak.me, premiernekretnine.com, realitica.com, Tender oglasi, webnekretnine.net, forum.cdm.me, smestaj.me.</p> 
            <p class="tekst-info"><b>Dizajn i kod:</b> Bojan Tešić</p>
            </br>
            <p><a  class="o-def" href="http://www.defacto.me/portfolio" target="_blank">DeFacto portfolio</a></p> 
			<div
			  class="fb-like pull-right"
			  data-share="true"
			  data-width="450"
			  data-show-faces="true">
			</div>

          </div>
		  					
        </div>

      </div> 
    <div>
  
</div>


<!-- DIO ZA ANKETU -->
<div class="anketa-panel" ng-hide="anketadio">        
  <div class="col-md-12 animated bounceIn">
    <div class="panel-info anketa-sjenka"> 
    <div ng-click="anketadio=true" class="dugme dug-poz"><span class="glyphicon glyphicon-remove"></span></div>     
      <p class="naziv-panela">ODVOJI PAR MINUTA I ODGOVORI NA PITANJA</p>

        <p ng-show="hvalaAnketa" class="renta-naslov">
          Hvala što si učestvovao/la u anketi. Objavićemo rezultate 05.04.2016. godine.
        </p>

        <form ng-hide="hvalaAnketa" novalidate name="signupForm" id="add-new-form" method="post" action="" class="form-horizontal">
          <input type="hidden" ng-model="kor.uid" value="{{kor.uid}}" />

          <div class="forma">

            <div class="form-group" style="margin-bottom: 0px">
                <label class="col-sm-12 renta-naslov" for="name">Pol</label>
                <div class="col-sm-12">
                  <label class="ng-binding">
                    <input type="radio" name="optionsRadios" value="1" ng-model="anketa.pol">
                    Muški
                  </label>
                  <label class="ng-binding">
                    <input type="radio" name="optionsRadios" value="2" ng-model="anketa.pol">
                    Ženski
                  </label>
                </div>
            </div> 

            <div class="form-group" style="margin-bottom: 0px">
                <label class="col-sm-12 renta-naslov" for="mail">Koje si godine rođen/a?</label>
                <div class="col-sm-12">
                    <span class="block input-icon input-icon-right">
                        <input type="number" class="form-control" placeholder="Unesi god rođenja u formatu yyyy" name="mail" ng-model="anketa.god" focus/>                            
                    </span>
                </div>
            </div>

            <div class="form-group" style="margin-bottom: 0px">
                <label class="col-sm-12 renta-naslov" for="name">Regija</label>
                <div class="col-sm-12">
                  <label class="ng-binding">
                    <input type="radio" name="optionsRadios1" value="1" ng-model="anketa.regija">
                    Jug
                  </label>
                  <label class="ng-binding">
                    <input type="radio" name="optionsRadios1" value="2" ng-model="anketa.regija">
                    Centar
                  </label>
                  <label class="ng-binding">
                    <input type="radio" name="optionsRadios1" value="3" ng-model="anketa.regija">
                    Sjever
                  </label>
                </div>
            </div> 

            <div class="form-group" style="margin-bottom: 0px">
                <label class="col-sm-12 renta-naslov" for="name">Stan u kojem živim sam:</label>
                <div class="col-sm-12">
                  <label class="ng-binding">
                    <input type="radio" name="optionsRadios2" value="1" ng-model="anketa.stan">
                    iznajmio
                  </label>
                  <label class="ng-binding">
                    <input type="radio" name="optionsRadios2" value="2" ng-model="anketa.stan">
                    kupio uz pomoć stambenog kredita
                  </label>
                  <label class="ng-binding">
                    <input type="radio" name="optionsRadios2" value="3" ng-model="anketa.stan">
                    kupio za gotovinu
                  </label>
                </div>
            </div> 

            <div class="form-group animated fadeIn" style="margin-bottom: 0px" ng-if="anketa.stan == '1'">
                <label class="col-sm-12 renta-naslov" for="mail">Koliko mjesečno izdvajaš za kiriju?</label>
                <div class="col-sm-12">
                    <span class="block input-icon input-icon-right">
                        <input type="number" class="form-control" placeholder="unesi tačnu sumu" name="mail" ng-model="anketa.pare" focus/>                            
                    </span>
                </div>
            </div>

            <div class="form-group animated fadeIn" style="margin-bottom: 0px" ng-if="anketa.stan == '2'">
                <label class="col-sm-12 renta-naslov" for="mail">Koliko iznosi tvoja mjesečna rata za stambeni kredit?</label>
                <div class="col-sm-12">
                    <span class="block input-icon input-icon-right">
                        <input type="number" class="form-control" placeholder="unesi tačnu sumu mjesečne rate" name="mail" ng-model="anketa.pare" focus/>                            
                    </span>
                </div>
            </div>

            <div class="form-group animated fadeIn" style="margin-bottom: 0px" ng-if="anketa.stan == '2'">
                <label class="col-sm-12 renta-naslov" for="mail">Vremenski okvir otplate kredita?</label>
                <div class="col-sm-12">
                    <span class="block input-icon input-icon-right">
                        <input type="number" class="form-control" placeholder="ukupno mjeseci" name="mail" ng-model="anketa.rok" focus/>                            
                    </span>
                </div>
            </div>

            <div class="form-group animated fadeIn" style="margin-bottom: 0px" ng-if="anketa.stan == '3'">
                <label class="col-sm-12 renta-naslov" for="mail">Koliko je koštao stan?</label>
                <div class="col-sm-12">
                    <span class="block input-icon input-icon-right">
                        <input type="number" class="form-control" placeholder="unesi tačnu sumu" name="suma" ng-model="anketa.pare" focus/> 
                    </span>
                </div>
            </div>

            <div class="form-group">
                <label class="col-sm-12 renta-naslov" style="margin-bottom: 0px" for="mail">Kolika je kvadratura stana?</label>
                <div class="col-sm-12">
                    <span class="block input-icon input-icon-right">
                        <input type="number" class="form-control" placeholder="unesi tačan broj kvadrata" name="mail" ng-model="anketa.kvadrat" focus/>                            
                    </span>
                </div>
            </div>

            <div class="form-group" style="margin-bottom: 0px">
                <label class="col-sm-12 renta-naslov" for="name">Šta misliš da li je više isplativo iznajmljivati ili kupiti stan uz pomoć stambenog kredita?</label>
                <div class="col-sm-12">
                  <label class="ng-binding">
                    <input type="radio" name="optionsRadios3" value="1" ng-model="anketa.misljenje">
                    iznajmljivati
                  </label>
                  <label class="ng-binding">
                    <input type="radio" name="optionsRadios3" value="2" ng-model="anketa.misljenje">
                    kupiti
                  </label>                  
                </div>
            </div> 

          </div>
          <div ng-click="Anketa(anketa)" type="submit" class="dugme-s">Završi</div>

          
        </form>   
      

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

<!-- SKRIVENI DIO ANKETE -->
<div class="skrivena-anketa Ank" ng-click="anketadio=false" ng-show="anketadio">
  Anketa
</div>

<div class="col-md-12" style="height: 50px;"></div>

<div class="prozor animated bounceIn" ng-show="prozor">
  <div ng-click="prozor=false" class="dugme dug-poz"><span class="glyphicon glyphicon-remove"></span></div>
  <p ng-hide="hvala">Ukoliko želiš da budeš obavješten o novim zanimljivim sadržajima unesi svoj kontakt!</p>
  <input ng-hide="hvala" class="form-control input-sm" type="mail" min="4" max="12" required ng-model="mail" placeholder="unesi tvoj mail"></input>
  <div ng-hide="hvala" ng-click="Mail(mail)" class="dugme">Prijavi se!</div>
  <p ng-show="hvala">Hvala, javljamo se sa novim zanimljivostima!</p>
</div>
    </div>
  </body>
</html>