<!DOCTYPE html>
<html lang="en" ng-app="app">
  <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="Koliko su srećni ljudi u Crnoj Gori?" />
    <meta property="article:author" content="https://www.facebook.com/bojan.tesic.16" />
    <meta property="og:description" content="A koliko ste vi srećni danas? Ispunite anketu i pogledajte trenutno stanje." />
    <meta property="og:image" content="images/sreca.png" />


    <title>Koliko smo srećni?</title>

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

    <!-- Custom styles for this template -->
    <link href="css/costum.css" rel="stylesheet">
    <!-- Bootstrap core JavaScript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></script>
    <script src="js/highcharts-ng.js"></script>
    <script src="http://code.highcharts.com/stock/highstock.src.js"></script>
    <script src="app/app.js"></script>
    
  </head>

  <body ng-controller="SrecaStatistika">

    <div class="container" >
      <div class="row marketing">


        <div class="col-md-12 text-center" style="margin-top:25px; margin-bottom:35px;">
        
          <h4 class="font-naslov">Trenutna sreća | ({{broju}})</h4>          

          
          <div class="text-left">
            <p class="prosjek pull-right">{{srecau | number:2}}</p>
            <p class="font-naslov-pitanja-cist">Koliko ste zadovoljni životom?</p>
            <div class="progress">
              <div class="progress-bar progress-bar-info" style="width: {{sreca | number:0}}%"></div>
            </div>
            <p class="prosjek pull-right">{{srecau1 | number:2}}</p>
            <p class="font-naslov-pitanja-cist">Koliko ste bili srećni juče?</p> 

            <div class="progress">
              <div class="progress-bar progress-bar-success" style="width: {{sreca1 | number:0}}%"></div>
            </div>
            <p class="prosjek pull-right">{{srecau2 | number:2}}</p>
            <p class="font-naslov-pitanja-cist">Koliko ste bili nervozni juče?</p>
            <div class="progress">
              <div class="progress-bar progress-bar-warning" style="width: {{sreca2 | number:0}}%"></div>
            </div>
            <p class="prosjek pull-right">{{srecau3 | number:2}}</p>
            <p class="font-naslov-pitanja-cist">U kojoj mjeri je ono što radite u životu vrijedno?</p>
            <div class="progress">
              <div class="progress-bar progress-bar-danger" style="width: {{sreca3 | number:0}}%"></div>
            </div>  
          </div>

                           

          
          <div class="text-left col-md-6" ng-repeat="pol in polovi">
          <h4 class="font-naslov">Trenutna sreća | {{pol.pol}} ({{pol.broj}})</h4> 
            <p class="prosjek pull-right">{{pol.opcija | number:2}}</p>
            <p class="font-naslov-pitanja-cist">Koliko ste zadovoljni životom?</p>
            <div class="progress">
              <div class="progress-bar progress-bar-info" style="width: {{pol.opcija*10 | number:0}}%"></div>
            </div>
            <p class="prosjek pull-right">{{pol.opcija1 | number:2}}</p>
            <p class="font-naslov-pitanja-cist">Koliko ste bili srećni juče?</p> 

            <div class="progress">
              <div class="progress-bar progress-bar-success" style="width: {{pol.opcija1*10 | number:0}}%"></div>
            </div>
            <p class="prosjek pull-right">{{pol.opcija2 | number:2}}</p>
            <p class="font-naslov-pitanja-cist">Koliko ste bili nervozni juče?</p>
            <div class="progress">
              <div class="progress-bar progress-bar-warning" style="width: {{pol.opcija2*10 | number:0}}%"></div>
            </div>
            <p class="prosjek pull-right">{{pol.opcija3 | number:2}}</p>
            <p class="font-naslov-pitanja-cist">U kojoj mjeri je ono što radite u životu vrijedno?</p>
            <div class="progress">
              <div class="progress-bar progress-bar-danger" style="width: {{pol.opcija3*10 | number:0}}%"></div>
            </div>  
          </div>
          
        </div>


          
          <div class="text-left" ng-repeat="dan in danima" style="margin-bottom:55px;">
            <h4 class="font-naslov" style="font-size:18px;">Sreća za {{dan.dan}} | ({{dan.broj}})</h4>  
            <p class="prosjek pull-right" style="font-size:18px;">{{dan.opcija | number:2}}</p>
            <p class="font-naslov-pitanja-cist" style="font-size:18px;">Koliko ste zadovoljni životom?</p>
            <div class="progress">
              <div class="progress-bar progress-bar-info" style="width: {{dan.opcija*10 | number:0}}%"></div>
            </div>
            <p class="prosjek pull-right" style="font-size:18px;">{{dan.opcija1 | number:2}}</p>
            <p class="font-naslov-pitanja-cist" style="font-size:18px;">Koliko ste bili srećni juče?</p> 

            <div class="progress">
              <div class="progress-bar progress-bar-success" style="width: {{dan.opcija1*10 | number:0}}%"></div>
            </div>
            <p class="prosjek pull-right" style="font-size:18px;">{{dan.opcija2 | number:2}}</p>
            <p class="font-naslov-pitanja-cist" style="font-size:18px;">Koliko ste bili nervozni juče?</p>
            <div class="progress">
              <div class="progress-bar progress-bar-warning" style="width: {{dan.opcija2*10 | number:0}}%"></div>
            </div>
            <p class="prosjek pull-right" style="font-size:18px;">{{dan.opcija3 | number:2}}</p>
            <p class="font-naslov-pitanja-cist" style="font-size:18px;">U kojoj mjeri je ono što radite u životu vrijedno?</p>
            <div class="progress">
              <div class="progress-bar progress-bar-danger" style="width: {{dan.opcija3*10 | number:0}}%"></div>
            </div>  
          </div>



      
      </div>
    </div>



  </body>
</html>
