<!DOCTYPE html>
<html>
<%- include partial/head.ejs %>
  <body>
    <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyC5fplFpd1KiS4bXqllt9v-KKp5bJH-oNE"></script>
    <div class="container-fluid" id="container">
      <div class="row row-offcanvas row-offcanvas-left">    
<%- include partial/stranski-menu.ejs %>
        <div class="container-fluid main col-sm-12">
          <div id="opozorilo"></div>
          <div class="page-header">
            <h1><%= subjektZS[0].popolnoime.toString().replace('\&amp;','\&') %><button type="button" id="priljubljeneGumb" class="btn btn-success btn-sm"><i class="fa fa-heart"></i> Dodaj med priljubljene</button></h1>
          </div>
<%- include partial/iskalnik.ejs %>
          <div class="row mb-3">
            <div class="col-sm-12">
              <div class="card">
                <div class="card-img-top" id="basicMap" style="height:400px"></div><!-- card-img-top -->
                <div class="card-body">
                  <small id="odruzbi">
                    <img src="/images/loading.gif" />
                  </small>
                </div><!-- card-body -->
                <% if(lokacijaZS.length > 0) { %>
                <script>
                  var iconFeatures=[];
                  var iconFeature = new ol.Feature({
                    geometry: new ol.geom.Point(ol.proj.transform([<%= lokacijaZS[0].longitude %>, <%= lokacijaZS[0].latitude %>], 'EPSG:4326',     
                    'EPSG:3857')),
                    name: 'Null Island',
                    population: 4000,
                    rainfall: 500
                  });
                  iconFeatures.push(iconFeature);
                  var vectorSource = new ol.source.Vector({
                    features: iconFeatures //add an array of features
                  });
                  var iconStyle = new ol.style.Style({
                    image: new ol.style.Icon(/** @type {olx.style.IconOptions} */ ({
                      anchor: [0.5, 46],
                      anchorXUnits: 'fraction',
                      anchorYUnits: 'pixels',
                      opacity: 0.75,
                      src: '/images/icon.png'
                    }))
                  });
                  var vectorLayer = new ol.layer.Vector({
                    source: vectorSource,
                    style: iconStyle
                  });

                  var map = new ol.Map({
                    target: 'basicMap',
                    layers: [
                      new ol.layer.Tile({
                        source: new ol.source.OSM()
                      }),
                      
                    ],
                    view: new ol.View({
                      center: new ol.geom.Point([<%= lokacijaZS[0].longitude %>, <%= lokacijaZS[0].latitude %>])
                          .transform('EPSG:4326', 'EPSG:3857').getCoordinates(),
                      zoom: 16
                    })
                  })
                  map.addLayer(vectorLayer)
                </script>
                <% } else { %>
                <script type="text/javascript">
                  var address = '<%= subjektZS[0].ulica %> <%= subjektZS[0].hs %><%= subjektZS[0].dodatek || '' %>, <%= subjektZS[0].po %> <%= subjektZS[0].posta %>';
                  var map = new google.maps.Map(document.getElementById('basicMap'), { 
                    mapTypeId: google.maps.MapTypeId.TERRAIN,
                      zoom: 16
                  });
                  var geocoder = new google.maps.Geocoder();
                  geocoder.geocode({
                    'address': address
                  }, 
                  function(results, status) {
                    if(status == google.maps.GeocoderStatus.OK) {
                      new google.maps.Marker({
                        position: results[0].geometry.location,
                          map: map
                      });
                      map.setCenter(results[0].geometry.location);
                      var xhttp = new XMLHttpRequest();
                      xhttp.open("POST", "/ajax", true);
                      xhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
                      xhttp.send("davcna="+<%= subjektZS[0].davcna %>+"&location="+results[0].geometry.location);
                    }
                  });
                </script> 
                <% } %>
              </div><!-- card -->
            </div><!-- col-sm-12 -->
          </div><!-- row -->
          <h2>Transakcije</h2>
          <div id="transakcije-graf"><canvas id="canvas" height="150" width="600" ></canvas></div>
          <table class="table table-striped" id="transakcije">
            <thead class="thead-inverse">
              <tr>
                <th>Naziv plačnika</th>
                <th>Vsota transakcij</th>
                <th>Nepovratna sredstva</th>
                <th>Fiduciarni posli</th>
              </tr>
            </thead>
          </table>
          <div>
            <!-- Nav tabs -->
            <ul class="nav nav-tabs" role="tablist">
              <li class="nav-item"><a class="nav-link active" href="#durs" aria-controls="durs" role="tab" data-toggle="tab">Davčne obveznosti</a></li>
              <li class="nav-item"><a class="nav-link" href="#dutb" aria-controls="dutb" role="tab" data-toggle="tab">Slabi krediti</a></li>
              <li class="nav-item"><a class="nav-link" href="#evidence" aria-controls="evidence" role="tab" data-toggle="tab">Ukrepi inšpekcijskih organov</a></li>
              <li class="nav-item"><a class="nav-link" href="#omejitve" aria-controls="omejitve" role="tab" data-toggle="tab">Omejitve poslovanja</a></li>
              <li class="nav-item"><a class="nav-link" href="#podruznice" aria-controls="podruznice" role="tab" data-toggle="tab">Podružnice</a></li>
              <li class="nav-item"><a class="nav-link" href="#uppd" aria-controls="uppd" role="tab" data-toggle="tab">Nakazila v davčne oaze</a></li>
              <li class="nav-item"><a class="nav-link" href="#tecajnica" aria-controls="tecajnica" role="tab" data-toggle="tab">Tečajnica</a></li>
              <li class="nav-item"><a class="nav-link" href="#narocila" aria-controls="narocila" role="tab" data-toggle="tab">Naročila</a></li>
            </ul>
            <!-- Tab panes -->
            <div class="tab-content">
              <div role="tabpanel" class="tab-pane active" id="durs">
                <div class="card">
                  <div class="card-body">
<%- include partial/dolzniki.ejs%>
                  </div>
                </div>
              </div>
              <div role="tabpanel" class="tab-pane" id="dutb">
                <div class="card">
                  <div class="card-body">
<%- include partial/dutb.ejs %>
                  </div>
                </div>
              </div>
              <div role="tabpanel" class="tab-pane" id="evidence">
                <div class="card">
                  <div class="card-body">
<%- include partial/evidence.ejs %>
                  </div>
                </div>
              </div>
              <div role="tabpanel" class="tab-pane" id="omejitve">
                <div class="card">
                  <div class="card-body">
<%- include partial/omejitve-podj.ejs %>
                  </div>
                </div>
              </div>
              <div role="tabpanel" class="tab-pane" id="podruznice">
                <div class="card">
                  <div class="card-body">
<%- include partial/podruznice.ejs %>
                  </div>
                </div>
              </div>
              <div role="tabpanel" class="tab-pane" id="uppd">
                <div class="card">
                  <div class="card-body">
<%- include partial/uppd.ejs %>
                  </div>
                </div>
              </div>
              <div role="tabpanel" class="tab-pane" id="tecajnica">
                <div class="card">
                  <div class="card-body">
<%- include partial/tecajnica.ejs %>
                  </div>
                </div>
              </div>
              <div role="tabpanel" class="tab-pane" id="narocila">
                <div class="card">
                  <div class="card-body">
<%- include partial/narocila-podj.ejs %>
                  </div>
                </div>
              </div>
            </div>
          </div>         
<%- include partial/barchart.ejs %>
        </div>
      </div>
    </div> <!-- /container -->
<%- include partial/eof.ejs %>
    <script>
      $(document).ready(function() {
        $.getJSON('/api/getprs/<%= subjektZS[0].davcna %>', function(prs) {
          $('#odruzbi').html('<h5 class="card-title">' + prs.POPOLNO_IME + '</h5>');
          $('#odruzbi').append('<label>Oblika:</label> ' + prs.OBLIKA + ' | ');
          $('#odruzbi').append('<label>Naslov:</label> ' + prs.ULICA +' '+ prs.HISNA_STEVILKA + prs.DODATEK +', '+ prs.POSTNA_STEVILKA +' '+ prs.POSTA + ' | ');
          $('#odruzbi').append('<label>Občina:</label> ' + prs.OBCINA + ' | ');
          $('#odruzbi').append('<label>Upravna enota:</label> ' + prs.UPRAVNA_ENOTA + ' | ');
          $('#odruzbi').append('<label>Regija:</label> ' + prs.REGIJA + ' | ');
          $('#odruzbi').append('<label>Naselje:</label> ' + prs.NASELJE + ' | ');
          $('#odruzbi').append('<label>Matična številka:</label> ' + prs.MATICNA + ' | ');
          $('#odruzbi').append('<label>Davčna številka:</label> ' + prs.DAVCNA + ' | ');
              $('#odruzbi').append('<label>Status:</label> ' + prs.STATUS);
          $('#imedruzbe').html(prs.POPOLNO_IME);
          $.getJSON('/api/delnice/<%= subjektZS[0].davcna %>', function(delnice) {
            if(typeof(delnice.znak) != 'undefined') {
              $('#odruzbi').append(' | <label>Znak: </znak>' + delnice.znak)
            }
          })
        })
        /////////////////////////////////////////////////////////////////////////////////////////
        $('#transakcije').DataTable({
          "ajax": {
            "url": "/api/getdupu/podj/<%= davcna %>",
            "cache": "true"
          },
          "columnDefs": [
            { className: "dt-right", "targets": [ 1, 2, 3 ] }
          ],
          "bSort": false,
          "columns": [
            {"data": "naziv_js"},
            {"data": "vsota_prejemkov"},
            {"data": "nepovratna_sredstva"},
            {"data": "fiduciarni_posli"},
          ],
          "fnRowCallback": function( nRow, aData, iDisplayIndex ) {
            $('td:eq(0)', nRow).html('<a href="/organ/' + aData.sifra_pu + '">' +
                aData.naziv_js + '</a>');
            $('td:eq(1)', nRow).html('<a href="/razmerje/' + aData.sifra_pu + '/'+ aData.davcna_stevilka + '">' +
                parseFloat(aData.vsota_prejemkov).format(2, 3, '.', ',') + '&nbsp;€</a>');
            $('td:eq(2)', nRow).html('' + parseFloat(aData.nepovratna_sredstva).format(2, 3, '.', ',') + '&nbsp;€</a>');
            $('td:eq(3)', nRow).html('' + parseFloat(aData.fiduciarni_posli).format(2, 3, '.', ',') + '&nbsp;€</a>');
            return nRow;
          },
          language: {
            decimal:        ",",
            thousands:      ".",
            processing:     "Obdelava v teku...",
            search:         "Išči:",
            lengthMenu:     "Prikaži _MENU_ elementov",
            info:           "Elementi od _START_ do _END_ od skupaj _TOTAL_ elementov",
            infoEmpty:      "Ni elementov za prikaz",
            infoFiltered:   "(filtrirano od _MAX_ elementov)",
            infoPostFix:    "",
            loadingRecords: "Rezultati se nalagajo ...",
            zeroRecords:    "Noben element ne ustreza",
            emptyTable:     "Ni podatkov za prikaz",
            paginate: {
              first:      "Prva",
              previous:   "&lt;",
              next:       "&gt;",
              last:       "Zadnja"
            },
            aria: {
              sortAscending:  ": razvrsti naraščajoče",
              sortDescending: ": razvrsti padajoče"
            }
          }
        });
        $("#priljubljeneGumb").on('click', function() {
          var podjetja = localStorage.getItem("podjetja")
          var podjetjaArray = []
          if(podjetja) {
            podjetjaArray = podjetja.split(',')
          }
          if(podjetjaArray.indexOf("<%= davcna %>") < 0) {
            podjetjaArray.push(<%= davcna %>)
            podjetjaArray.sort()
            localStorage.setItem("podjetja", podjetjaArray)
            $('#opozorilo').html(
              '<div class="alert alert-success alert-dismissible fade show" role="alert">'+
              '  <button type="button" class="close" data-dismiss="alert" aria-label="Close">'+
              '    <span aria-hidden="true">&times;</span>'+
              '  </button>'+
              '  <strong>Uspeh:</strong> Podjetje je bilo uspešno dodano na seznam priljubljenih.'+
              '</div>'
              );
          } else {
            $('#opozorilo').html(
              '<div class="alert alert-info alert-dismissible fade show" role="alert">'+
              '  <button type="button" class="close" data-dismiss="alert" aria-label="Close">'+
              '    <span aria-hidden="true">&times;</span>'+
              '  </button>'+
              '  <strong>Info:</strong> Podjetje je že na seznamu priljubljenih.'+
              '</div>'
            );
          }
        })
      });
          
    </script>
  </body>
</html>
