<!DOCTYPE html>
<html  ng-app="myApp" ng-controller="menuCtrl as menu">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.8.2/angular.min.js"></script>
    <script src="jwt-utils.js"></script>
   
    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
    <link rel="stylesheet" href="https://cdn.datatables.net/1.13.6/css/jquery.dataTables.css" />
    <script src="https://cdn.datatables.net/1.13.6/js/jquery.dataTables.js"></script>
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.8.2/angular-route.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/angular-material/1.2.0/angular-material.min.js"></script>
  <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/angular_material/1.2.1/angular-material.min.css">
  <script src="https://cdnjs.cloudflare.com/ajax/libs/crypto-js/4.1.1/crypto-js.js"></script>
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.8.2/angular-animate.min.js"></script>
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.8.2/angular-aria.min.js"></script>
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.8.2/angular-messages.min.js"></script>
  
  <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.29.1/moment.min.js"></script>


  <script src="https://ajax.googleapis.com/ajax/libs/angular_material/1.2.1/angular-material.min.js"></script>
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
   <style>.gradient-custom {
   
    background: lightcoral;
    
    position: relative;
    background: -webkit-linear-gradient(to right, red,lightcoral);
    
  
    background: linear-gradient(to right, red, lightcoral)
    }
    /* .selected-row {
    border: 2px solid blue !important; 
    
} */


.selected-row {
    border-left: blue solid 2px !important;
    border-right: blue solid 2px !important;
    border-top:blue solid 2px !important;
   outline: blue solid 2px !important;
   
}



    .header {
    position: fixed;
    top: 0;
    z-index: 100000;
    left: 0;
    height: 5%;
    width: 100%;
    background: lightcoral;
    background: -webkit-linear-gradient(to right, red, lightcoral);
        background: linear-gradient(to right, red, lightcoral);
}
@media screen and (max-width: 600px) {
    table thead {
      display: none;
    }
    table td {
      display: flex;
    }

    table td::before {
      content: attr(label);
      font-weight: bold;
      width: 120px;
      min-width: 120px;
    }
  }
.table1container {
    width: 100%;
    overflow-x: auto;
}

table {
    width: 100%;
    border-collapse: collapse; 
}

@media (max-width: 768px) {
    .podheader {
        margin-top: 15%; 
    }
}

@media (max-width: 480px) {
    .podheader {
        margin-top: 20%;
    }
}



.footer {
    position: fixed;
    bottom: 0;
    left: 0;
    height: 5%;
    width: 100%;
    background: rgb(58, 39, 39);
    background: -webkit-linear-gradient(to left, red, lightcoral);
        background: linear-gradient(to left, red, lightcoral);
}
.logo1 {
    max-width: 100%;
    height: 50px; 
    background-color: white;
}

   
 
.table2container {
    margin-top: 10%;
    position: relative;
}


@media (max-width: 768px) {
    .table2container {
        margin-top: 5%;
    }
}
@media (max-width: 768px) {
    .table1container {
        margin-top: 5%;
    }
}
    .table1container{
        margin-top: 10%;
        position: relative;
    }
    .buttoncontainer{
        margin-top: 500px;
        margin-left: 1150px;
        position: absolute;
    }
    .div-disabled {
            pointer-events: none;
            opacity: 0.5;
            background: #CCC;
        }
        [ng-cloak] {
    display: none !important;
}

   .logo{
   background-color: #343A40;
   
   }
   .logo-image {
    max-width: 100%;
    max-height: 100%; 
}


.table input[type="checkbox"] {
    width: 30px; 
    height: 30px; 
}



   table {
            border-collapse: collapse;
            width: max-content;
        }

      

        th, td {
            padding: 8px;
            text-align: center
        }

        th {
            background-color: #f2f2f2;
        }
    </style>
</head>

<body style=" background-color: rgb(248, 249, 249)" >
    <section class="vh-100 gradient-custom" ng-show="!logedin && !logedinsmetka" style="margin: 0; padding: 0;" ng-cloak>
       
       
        <div class="container py-5 vh-100" >
          <div class="row d-flex justify-content-center align-items-center h-100">
            
            <div class="col-12 col-md-8 col-lg-6 col-xl-5">
                
              <div class="card bg-dark text-white" style="border-radius: 1rem;">

                <div class="card-body p-5 text-center">
                 
                  <div class="mb-md-5 mt-md-4 pb-5">
                    <div class="logo">
                        <img  class="logo-image"src="https://ipsystems.mk/wp-content/uploads/2018/02/ipsystems_new_logo-transparent.png" alt="">
                       </div>
      <div ng-show="loginnumber">
                    <h2 class="fw-bold mb-2 text-uppercase">Најава</h2>
                    <p class="text-white-50 mb-5">Ве молиме внесете го вашиот телефонски број</p>
      
                    <div class="form-outline form-white mb-4" >
                        <input type="text" ng-model="phone"  class="form-control form-control-lg">
                        <button class="btn btn-outline-light btn-lg px-5"  style="margin-top: 10px;" ng-click="sendCode()">Прати код</button>
                    </div>
      
                    <div class="form-outline form-white mb-4" ng-show="codeSent">
                        <input type="text" ng-model="code" class="form-control form-control-lg">
                        
                    </div>
      
                   <label ng-show="waitingforcode">Кодот се праќа, ве молиме почекајте</label>
                                                    <!-- ova se pokazuva samo ako mobilniot telefon postoj   -->
                    <button class="btn btn-outline-light btn-lg px-5" type="submit" ng-show="codeSent" ng-click="checkCode()">Внеси Код</button>  
                </div>
                <div ng-show="loginsmetka">
                    <h2 class="fw-bold mb-2 text-uppercase">Плаќање
                    </h2>
                    <p class="text-white-50 mb-5">Ве молиме внесете број на сметка</p>
      
                    <div class="form-outline form-white mb-4" >
                        <input type="text" ng-model="SmetkaBroj" class="form-control form-control-lg">
                
                    </div>
      
                
      
                    
                                                    <!-- ova se pokazuva samo ako mobilniot telefon postoj   -->
                    <button class="btn btn-outline-light btn-lg px-5" type="submit" ng-click="checkSmetka()" >Внеси Сметка</button>  
                </div>
    
                  </div>
                 
                  
                  <button  class="btn btn-outline-light btn-lg px-5" ng-show="loginnumber" ng-click="changelogintype()">Платете сметка преку број на сметка</button>
                  <button  class="btn btn-outline-light btn-lg px-5" ng-show="loginsmetka"   ng-click="changelogintype()">Преглед на сметки преку најава со телефонски број</button>
                </div>
              </div>
            </div>
          </div>



        </div>
      </section>
<div  style="padding-top: 5%; padding-left: 10%; padding-right: 10%; padding-bottom: 5%;" ng-if="logedin || logedinsmetka" ng-cloak>
    <header class="header" ng-show="logedin || logedinsmetka">
        <img class="logo1" src="https://ipsystems.mk/wp-content/uploads/2018/02/ipsystems_new_logo-e1517493204163.png" alt="">
    </header>
    <div class="podheader" >
   
    <!-- <p>Доколку сакате да внесете сметка по број на сметка</p> -->
                    <div style="display: flex;" >
                      
                        <input type="text" ng-model="formData.NovaSmetkaBroj" placeholder="број на сметка">
                <button ng-click="checkSmetka()">Додади сметка </button>
                    </div>
                </div>

<div ng-show="multiplecustomerIds" >
<label for="customerIdSelect">Приклучок:</label>
<select ng-model="formData.selectedcustomerId" ng-change="selectcustomerId()" >
    <option ng-repeat="x in customerIds" >{{x}}</option>
    
  </select>
  
</select>


</div>
    

<div class="table1container">

    <table ng-cloak class="table table-bordered table-striped table-sm" id="myTable">
        <thead>
            <tr>
                <th>Select</th>
                <th>Број на Сметка</th>
                <th>За месец</th>
                <th>Име и Презиме</th>
                <th>Износ со ДДВ</th>
                <th>За доплата</th>
                <th>Преглед</th>
            </tr>
        </thead>
        <tbody>
            <tr ng-repeat="x in fakturiData" ng-class="{ 'selected-row': isSelected(x) }">
                <td>
                    <input type="checkbox"  ng-checked="isSelected(x)" ng-click="selectFaktura(x)" ng-disabled="(x.ZaostanatDolg<1)">
                </td>
                <td>{{x.SmetkaBroj}}</td>
                <td>{{x.ZaMesec | date:'MM-yyyy' }}</td>
                <td>{{x.Ime}}</td>
                <td>{{x.IznosSoDDV |number:2}}</td>
                <td>{{x.IznosSoDDV - x.Plateno | number:2}}</td>
                <td>
                  <button ng-click="checkAndRedirect(x.SmetkaBroj)">
                    <img src="https://ipsystems.mk/smetki/OIP.jpg" alt="PDF Icon" style="width: 20px; height: 20px;">
                  </button>
                </td>
            </tr>
        </tbody>
    </table>
    
</div>
<div id="id01" ng-show="showPhoneNumberForm" class="w3-modal" ng-app="myApp" >
  <div class="w3-modal-content w3-animate-top w3-card-4">
    <header class="w3-container w3-red"> 
      <span onclick="document.getElementById('id01').style.display='none'" 
      class="w3-button w3-display-topright" >&times;</span>
      <h2>Внесете број за да добиете потврда за плаќање</h2>
    </header>
    <div class="w3-container " >
      <form>
       
        <input class="w3-input w3-border w3-center w3-margin-top" type="text" ng-model="formData.phone" ng-click="submitbroj" placeholder="Телефонски број" name="phone" required>
        <br>
         <button class="w3-button w3-block w3-blue w3-section "   ng-click='Process();' type="submit">Внеси</button>
       
      </form>
    </div>

  </div>
</div>


<div class="row pb-3 mt-4">
    <div class="col" style="text-align: right">
        <h3>Вкупно: {{Total() | number:2}} денари</h3>
    </div>
</div>
<div class="row pb-3 mt-4">
    <div class="col" style="text-align: right">
    </div>
    <div class="col" style="text-align: right">
    </div>
    <div class="col" style="text-align: right">
    </div>
    <div class="col" style="text-align: right">
    </div>
    <div class="col" style="text-align: right">
    </div>
    <div class="col" style="text-align: right">
    </div>
    <div class="col" style="text-align: right">
    </div>
    <div class="col" style="text-align: right">
    </div>
    <div class="col" style="text-align: right">
        <div class="col-12 d-flex justify-content-between">
            <button ng-class="{ 'div-disabled': !(!processAction && AmountToPay != 0)}"
                    class="btn btn-primary btn"
                    ng-click="Process()">
                Плаќање
            </button>
            <!-- // -->
            
    <div class="col" style="text-align: right">
        <form action='https://www.cpay.com.mk/client/Page/default.aspx?xml_id=/mk-MK/.loginToPay/.simple/'
                          method='post' id="paymentForm"><!-- Payment Portal to Post -->
                        <input id='AmountToPay' name='AmountToPay' value='{{Total()*100}}' type='hidden'/>
                        <!-- Amount to pay multiplied by 100 - without decimal and separators, i.e. amount 1,00 will be value 100-->
                        <input id='PayToMerchant' name='PayToMerchant' value='1000002137' type='hidden'/>
                        <!-- DO NOT CHANGE! Merchant ID - assigned manually for the time being -->
                        <input id='MerchantName' name='MerchantName' value='IP SISTEMS'
                               type='hidden'/>
                        <!-- DO NOT CHANGE! Merchant name -->
                        <input id='AmountCurrency' name='AmountCurrency' value='MKD' type='hidden'/>
                        <!-- DO NOT CHANGE! Currency of payment -->
                        <input id='Details1' name='Details1' value='{{Details1}}' type='hidden'/>
                        <!--Userfriendly details of payment-->
                        <input id='Details2' name='Details2' value='{{Details2}}' type='hidden'/>
                        <!-- Merchant specific details (OrderID - unique for each payment)-->
                        <input id='PaymentOKURL' size='10' name='PaymentOKURL' value='{{PaymentOKURL}}'
                               type='hidden'/>
                        <!-- Merchant PaymentSentOK redirect URL-->
                        <input id='PaymentFailURL' size='10' name='PaymentFailURL' value='{{PaymentFailURL}}'
                               type='hidden'/>
                        <!-- Merchant PaymentFailed redirect URL-->
                        <input id='CheckSumHeader' name='CheckSumHeader' value='{{CheckSumHeader}}'
                               type='hidden'/>
                        <!-- CheckSum header should contain :
                        1. the number of parameters sent in Redirect Code. The number should be represented as a 2-digit field, right-justified, padded left with zeros.
                        2. a comma-separated list of parameters names. There also have to be a comma after the last parameter name.
                        3. a list of lenghts of parameters VALUEs. Each lenght should be represented as a 3-digit field, right-justified, padded left with zeros.
                        NOTE ! In the CheckSumHeader should be listed ONLY parameters which have values,
                        i.e. if there is no value for some parameter, it should NOT be included in the CheckSumHeader.
                        And vice versa - if a value is sent for a parameter, which is not listed in the CheckSumHeader, it is considered as a fraud
                        and an error is raised
                        NOTE !! It does not matter the order in which parameters are listed in the CheckSumHeader,
                        it only matters that the VALUES of the parameters in the Input string (for calculating the checksum) are included in the order EXACTLY the same as parameters names in the CheckSumHeader
                        -->
                        <input id='CheckSum' name='CheckSum' value='{{CheckSum}}' type='hidden'/>
                        <!-- CheckSum should be generated according to the algorithm explained in the specification.
                        For the generation of the sample CheckSum here is used the test merchant password - TEST_PASS -->
                        <button ng-class="{ 'div-disabled': !(processAction && AmountToPay != 0)}"
                        class="btn btn-primary btn" type='submit' >
                    Плати
                    </button>

          
        </form>
    </div>
  
    <div class="col" style="text-align: right">
        <button ng-class="{ 'div-disabled': !processAction}" class="btn btn-primary btn"
                ng-click="performActions()" >
            Откажи
        </button>
    </div>
    </div>  
</div><footer class="footer" ></footer>
            </div>
        </div>

    </div>
    
    <script>

angular.module("myApp", [])
.constant('appConfig', {
    server: 'https://e-naplata.ipsystems.mk'  
  })
        .controller('menuCtrl', function ($scope, $http, $location, AuthService,$window,$timeout,appConfig) {
          
       
            window.setMobileTable = function(selector) {
    const tableEl = document.querySelector(selector);
    const thEls = tableEl.querySelectorAll('thead th');
    const tdLabels = Array.from(thEls).map(el => el.innerText);
    tableEl.querySelectorAll('tbody tr').forEach(tr => {
      Array.from(tr.children).forEach((td, ndx) => td.setAttribute('label', tdLabels[ndx]));
    });
  };
$scope.custo
  
    

            $scope.loginnumber=true;
 $scope.logedinsmetka=false;
  const urlParams = new URLSearchParams(window.location.search);
  if(urlParams){
  const smetkaFromUrl = urlParams.get('smetka');

  if (smetkaFromUrl) {
   
   

    
    $http.get(`${appConfig.server}/api/getSmetka?smetka=${smetkaFromUrl}`)
      .then(function (response) {
        $scope.fakturiData = response.data;
        if($scope.fakturiData.length){
        $scope.logedinsmetka = true;
        console.log("data",$scope.fakturiData);
        $timeout(function () {
        setMobileTable('#myTable');
      }, 100);
       }
        else {
        alert("Сметката е непостоечка или е веќе платена")
          $timeout(function () {
        setMobileTable('#myTable');
      }, 100);
    }})
      .catch(function (error) {
        console.error('Error getting smetka:', error);
      });
  } }


$scope.formData = {
  selectedcustomerId: '',
  NovaSmetkaBroj:'',
  phone:''
};
$scope.changelogintype= function(){
$scope.loginsmetka=!$scope.loginsmetka
$scope.loginnumber=!$scope.loginnumber
$scope.SmetkaBroj=''

}
            $scope.showselection=false;
            console.log($window.sessionStorage.getItem('token'))
      if (!AuthService.isAuthenticated()) {
        console.log("nema token")   //AKO NEMA TOKEN k
    $scope.logedin=false
    $scope.multiplecustomerIds=false;
    $scope.customerIds=[];
    $scope.fakturiData = []; 

  } else {                                  //AKO IMA TOKEN AVTOMATSKI LOGIRAJGO I DAJMUGI SMETKITE k
    console.log("ima token")
    $scope.fakturiData = []; 
    $scope.multiplecustomerIds=false;
    $scope.logedin = true;
    const token = AuthService.getToken();
    console.log(token)
    var payload = AuthService.getPayload(); 
            $scope.logedin = true;
            if (payload.firmaID=='UR005') {
                if(payload.customerIds.length>1){
                $scope.multiplecustomerIds=true;
               $scope.phone=payload.phoneNumber;
               $scope.phone = '07' + $scope.phone.replace(/[^a-zA-Z0-9]/g, '').slice(-7);
                }
                $scope.customerIds=payload.customerIds;
                
                if(payload.customerIds){
                    $scope.formData = {
  selectedcustomerId:payload.customerIds[0]                                                     //ova e za dropdown list da ima default vrednost da ne bidi prazno k
};
const headers = {
  'x-auth-token': token
};
                $http.get(`${appConfig.server}/api/getFakturi?customerId=${payload.customerIds[0]}`)                          //po default davame smetki za prv priklucok  k
                    .then(function (fakturiResponse) {
                        $scope.fakturiData = fakturiResponse.data;
                        $timeout(function () {
        setMobileTable('#myTable');
      }, 100);
                    })
                    .catch(function (fakturiError) {
                        console.error('Error fetching Fakturi data:', fakturiError);
                    });
            }
        }}

        $scope.showPhoneNumberForm=false;
            $scope.phone=''                         
            $scope.SmetkaBroj=''
            $scope.codeSent=false;
            
            $scope.selectedFakturi = [];
            let server = $location.host() + ':' + $location.port();
            $scope.selectFaktura = function (faktura) {
    const index = $scope.selectedFakturi.indexOf(faktura);
    if (index === -1) {
    
        $scope.selectedFakturi.push(faktura);
      
    } else {

        $scope.selectedFakturi.splice(index, 1);
    }
};
$scope.isSelected = function(x) {
  return $scope.selectedFakturi.indexOf(x) !== -1;
};

$scope.deleteFaktura = function (faktura) {
    
    $scope.fakturiData.push(faktura);

    
    const index = $scope.selectedFakturi.indexOf(faktura);
    if (index > -1) {
        $scope.selectedFakturi.splice(index, 1);
    }
};

$scope.performActions = function() {
    $scope.Process();
    $scope.otkazi();
}
$scope.otkazi = function () {
    console.log("otkazi")
    $scope.selectedFakturi=[]
   
}
            let CartID = '';

            $scope.Process = () => {
                if (!$scope.processAction) {
                    CartID = ''
                    $scope.PaymentOKURL = `${appConfig.server}/success/true/`  ;
            $scope.PaymentFailURL = `${appConfig.server}/success/false/`;
                }
                
                if($scope.formData.phone){
                  $scope.phone=$scope.formData.phone;
                  $scope.phone = '07' + $scope.phone.replace(/[^a-zA-Z0-9]/g, '').slice(-7);
                  console.log("broj",$scope.phone)
                  document.getElementById('id01').style.display='none';
                }
                if (!$scope.phone && (!payload || !payload.phoneNumber))
                {
                  $scope.showPhoneNumberForm=true;
                  document.getElementById('id01').style.display='block';
                  
                }
                if($scope.phone || (payload && payload.phoneNumber)){
                  if(payload && payload.phoneNumber){
                    $scope.phone=payload.phoneNumber
                    $scope.phone = '07' + $scope.phone.replace(/[^a-zA-Z0-9]/g, '').slice(-7);
                  }
                $http({
                    method: "POST",
                    url: `${appConfig.server}/api/createcart`,
                    
                    data: {Details1: $scope.Details1, Details2: $scope.Details2, CartID: CartID,DokumentIds:$scope.DokumentIds,sifri:$scope.sifri,iznosi:$scope.iznosi,phone:$scope.phone}
                }).then(function (response) {
                  $scope.processAction = !$scope.processAction;
                    CartID = response.data.CartID;
                    console.log(CartID)
                    $scope.PaymentOKURL = $scope.PaymentOKURL + 'UR005'+CartID;
                    $scope.PaymentFailURL = $scope.PaymentFailURL + 'UR005'+CartID;
                  
                   
                  }
                );
            }
          }
          $scope.addCustomHeader=function() {
       
       var form = document.getElementById("paymentForm");

      
       var customHeaderInput = document.createElement("input");
       customHeaderInput.type = "hidden";
       customHeaderInput.name = "CustomHeaderName"; 
       customHeaderInput.value = "CustomHeaderValue";

     
       form.appendChild(customHeaderInput);
console.log("submit")
      
       form.submit();
   }
            $scope.selectcustomerId = function () {
                
              
    var selectedcustomerId = $scope.formData.selectedcustomerId;
    let token=$window.sessionStorage.getItem('token')
    const headers = {
  'x-auth-token': token
};
    $http.get(`${appConfig.server}/api/getFakturi?customerId=${selectedcustomerId}`)
    .then(function (fakturiResponse) {
        $scope.fakturiData = fakturiResponse.data;
        $scope.selectedFakturi=[]
        $timeout(function () {
        setMobileTable('#myTable');
      }, 100);
        console.log($scope.fakturiData);
       
    })
    .catch(function (fakturiError) {
        console.error('Error fetching Fakturi data:', fakturiError);
    });


    
};

$scope.sendCode = () => {
  if ($scope.waitingforcode) {
     
        return;
    }

const currentTime = new Date(Date.now() - (new Date().getTimezoneOffset() * 60000));
const lastCodeSentTime = $scope.lastCodeSentTime || 0;
const timeElapsedSinceLastCodeSent = currentTime - lastCodeSentTime;

const remainingTimeInSeconds = Math.max(0, Math.ceil((180000 - timeElapsedSinceLastCodeSent) / 1000));

if (remainingTimeInSeconds > 0) {
alert(`Почекајте ${remainingTimeInSeconds} секунди за повторно праќање на код`);
return;
}

const phone = '07' + $scope.phone.replace(/[^a-zA-Z0-9]/g, '').slice(-7);
console.log("trimmedphone")
console.log(phone)
const randomSixDigitNumber = Math.floor(100000 + Math.random() * 900000);
const requestData = {
    "SmsMessages": [
        {
            "Message": randomSixDigitNumber.toString(),
            "Phones": [phone]
        }
    ]
};

$scope.waitingforcode = true;

$http({
    method: 'POST',
    url: `${appConfig.server}/checkNumber`,
    data: requestData,
    headers: {
        'Content-Type': 'application/json',
    }
})
.then(function (response) {
    if (response.data.success) {
        $scope.codeSent = true;
        $scope.waitingforcode = false;
        $scope.lastCodeSentTime = new Date(Date.now() - (new Date().getTimezoneOffset() * 60000));// Record the time when the code was sent
        console.log('SMS sent successfully:', response);
    } else {
        alert('Невалиден број');
        $scope.waitingforcode = false;
    }
})
.catch(function (error) {
    console.error('Error sending SMS:', error);
    $scope.waitingforcode = false;
});
};


$scope.checkCode = () => {
  const phoneNumber = '07' + $scope.phone.replace(/[^a-zA-Z0-9]/g, '').slice(-7);
  const codeToCheck = $scope.code;

  $http.post(`${appConfig.server}/api/checkCode`, { phoneNumber, code: codeToCheck })
    .then(function (response) {
      if (response.data.isValid) {             //ako kodot e validen k
        $scope.logedin = true;
          const token = response.data.token;
        sessionStorage.setItem('token', token);
        console.log("zapisavme token",token)                 //zapisuvame token vo sessionstorage, toest memorija na samiot tab, ako se logiras i go refresnis tabot da ne treba odnovo kod k
        const customerId = response.data.customerIds[0];  //nezavisno od kolku priklucoci ima, za default priklucok go zemame prvio i prikazuvame smetki za nego k
        console.log(response.data)
    if (response.data.customerIds.length == 1)  {        //ako ima samo 1 priklucok k
         $scope.multiplecustomerIds=false;        
         } 
     else if (response.data.customerIds.length > 1) {          //ako ima povekje priklucoci k
       
          $scope.multiplecustomerIds=true;
          $scope.customerIds=response.data.customerIds;
          $scope.formData.selectedcustomerId=customerId
           }
           const headers = {
  'x-auth-token': token
};
           $http.get(`${appConfig.server}/api/getFakturi?customerId=${customerId}`)
                .then(function (fakturiResponse) {
                    if ($scope.fakturiData) {
     
      fakturiResponse.data.forEach(function (newFaktura) {
        
        var existingFakturaIndex = $scope.fakturiData.findIndex(function (existingFaktura) {
          return existingFaktura.SmetkaBroj === newFaktura.SmetkaBroj; 
        });

      
        if (existingFakturaIndex !== -1) {
          $scope.fakturiData[existingFakturaIndex] = newFaktura;
        } else {
          $scope.fakturiData.push(newFaktura);
          $timeout(function () {
        setMobileTable('#myTable');
      }, 100);
        }
      });
    } else {
    
      $scope.fakturiData = fakturiResponse.data;
      $timeout(function () {
        setMobileTable('#myTable');
      }, 100);
    }
                  console.log("fakturi za ",customerId,  $scope.fakturiData);
                })
                .catch(function (fakturiError) {
                  console.error('Error fetching Fakturi data:', fakturiError);
                });

       
      } else {
        alert('Невалиден код');
      }
    })
    .catch(function (error) {
      console.error('Error checking code:', error);
    });
};


$scope.checkSmetka = () => {
    console.log($scope.SmetkaBroj)
    console.log($scope.formData.NovaSmetkaBroj)
  var smetkaToCheck = $scope.SmetkaBroj;
if($scope.logedinsmetka || $scope.logedin){
    smetkaToCheck=$scope.formData.NovaSmetkaBroj
}
   $http.get(`${appConfig.server}/api/getSmetka`, { params: { smetka: smetkaToCheck } })
    .then(function (response) {
      if(!response.data.length){
alert("Невалидна сметка")
      }
      else if ($scope.fakturiData) {
        $scope.logedinsmetka = true;
        response.data.forEach(function (newFaktura) {
         
          var existingFakturaIndex = $scope.fakturiData.findIndex(function (existingFaktura) {
            return existingFaktura.SmetkaBroj === newFaktura.SmetkaBroj;
          });

          
          if (existingFakturaIndex !== -1) {
            $scope.fakturiData[existingFakturaIndex] = newFaktura;
            alert("Сметката ви е веќе додадена")
          } else {
            $scope.fakturiData.push(newFaktura);
            $timeout(function () {
        setMobileTable('#myTable');
      }, 100);
          }
        });
      } else {
        $scope.fakturiData = response.data;
        $timeout(function () {
        setMobileTable('#myTable');
      }, 100);
      }

      
     
    })
    .catch(function (error) {
      console.error('Error getting smetka:', error);
    });
};


// $scope.redirectToLink = function (smetkaBroj) {
//     var linkWithVariable = 'https://ipsystems.mk/smetki/' + smetkaBroj+ '.pdf';
//     console.log('Redirecting to:', linkWithVariable);
//     $window.open(linkWithVariable, '_blank');

//     console.log('Redirecting to:', linkWithVariable);
//   };

$scope.checkAndRedirect = function (smetkaBroj) {
    // Make an HTTP request to the server-side endpoint
    $http.get(`${appConfig.server}/api/checkfile?filename=` + smetkaBroj + `.pdf`)
      .then(function (response) {
        console.log('SMETKABROJ', `${appConfig.server}/api/checkfile?filename=` + smetkaBroj + `.pdf`)
        console.log('RESPONSE DATA',response.data)
        if (response.data.exists) {
          // File exists, open the link
          var linkWithVariable = `https://ipsystems.mk/smetki/` + smetkaBroj + `.pdf`;
          console.log('LINKOT DO SMETKATA', linkWithVariable)
          $window.open(linkWithVariable, '_blank');
        } else {
          // File does not exist, handle accordingly
          console.log('PDF file does not exist.');
        }
      })
      .catch(function (error) {
        console.error('Error checking file existence:', error);
      });
  };
  





            $scope.AmountToPay = 0;
            $scope.PayToMerchant = '1000002137';
            $scope.MerchantName = 'IP SISTEMS';
            $scope.AmountCurrency = 'MKD';
            $scope.Details1 = '';
            $scope.Details2 = '';
            $scope.DokumentIds = '';
            $scope.sifri = '';
            $scope.iznosi='';
            $scope.PaymentOKURL = `${appConfig.server}/success/true/`  ;
            $scope.PaymentFailURL = `${appConfig.server}/success/false/`;
            $scope.Total = () => {
                let total = 0;
                $scope.Details1 = '';
                $scope.Details2 = '';
                $scope.DokumentIds = '';
                $scope.sifri = '';
                $scope.iznosi='';
                if ($scope.selectedFakturi) {
                 angular.forEach($scope.selectedFakturi, function (invoice) {
           
       
                  if ($scope.Details1.length != 0) {
                            $scope.Details1 += ', ';
                        }
                        $scope.Details1=invoice.SifraSopstvenik;
                        if ($scope.sifri.length != 0) {
                            $scope.sifri += ', ';
                        }
                        $scope.sifri += invoice.SifraSopstvenik;
                        if ($scope.iznosi.length != 0) {
                            $scope.iznosi += ', ';
                        }
                        $scope.iznosi+=invoice.IznosSoDDV;
                       
                        if ($scope.DokumentIds.length != 0) {
                            $scope.DokumentIds += ', ';
                        }
                        $scope.DokumentIds+=invoice.DokumentID
                       
                        if ($scope.Details2.length != 0) {
                            $scope.Details2 += ', ';
                        }
                        $scope.Details2 += invoice.SmetkaBroj;
                      
                    }); }
                
                if ($scope.selectedFakturi) {
        angular.forEach($scope.selectedFakturi, function (x) {
            total += x.ZaostanatDolg;
        });
    }
                    $scope.AmountToPay = total * 100;
               
                $scope.CheckSumHeaderLength = String(String($scope.AmountToPay).trim().length).padStart(3, '0') + String($scope.PayToMerchant.trim().length).padStart(3, '0') +
                    String($scope.MerchantName.trim().length).padStart(3, '0') + String($scope.AmountCurrency.trim().length).padStart(3, '0') + String($scope.Details1.trim().length).padStart(3, '0') +
                    String($scope.Details2.trim().length).padStart(3, '0') + String($scope.PaymentOKURL.trim().length).padStart(3, '0') + String($scope.PaymentFailURL.trim().length).padStart(3, '0');
                $scope.CheckSumHeader = '08AmountToPay,PayToMerchant,MerchantName,AmountCurrency,Details1,Details2,PaymentOKURL,PaymentFailURL,' +
                    $scope.CheckSumHeaderLength;
                $scope.CheckSumString = $scope.CheckSumHeader + $scope.AmountToPay + $scope.PayToMerchant + $scope.MerchantName + $scope.AmountCurrency +
                    $scope.Details1 + $scope.Details2 + $scope.PaymentOKURL + $scope.PaymentFailURL + 'BtajgEdFgKPf2ePvCyDGgcJFSbud9Qvc';
                    console.log($scope.CheckSumString)
                    $scope.CheckSum = CryptoJS.MD5($scope.CheckSumString).toString().toUpperCase();

                return total;
            };
        })
        .factory('httpHeaderInterceptor', ['$q', function ($q) {

  return {
   
    'request': function (config) {
     
      config.headers['FirmaID'] = 'UR005';
      
     
      
      return config || $q.when(config);
    }
  };
}])
.config(['$httpProvider', function ($httpProvider) {
 
  $httpProvider.interceptors.push('httpHeaderInterceptor');
}])
        //autentikator na token k
 .factory('AuthService', ['$window', function($window) {
    const service = {};



    service.getToken = function() {
        return $window.sessionStorage.getItem('token');
    };

    service.isAuthenticated = function() {
        const token = service.getToken();

        if (token) {
            const payload = parseJwt(token);
           
            if (payload.firmaID=='UR005') {
              console.log("vnatre")
                return true;
            }
            else  $window.sessionStorage.removeItem('token');
        }
        return false;
    };

    service.getPayload = function() {
        const token = service.getToken();
        if (token) {
            return parseJwt(token);
        }
        return null;
    };

    service.logout = function() {
        $window.sessionStorage.removeItem('token');
    };

    service.redirectIfNotAuthenticated = function() {
        if (!service.isAuthenticated()) {
            $window.location.href = '/';
        }
    };

    return service;
}]);
    </script>
</div>
</body>
</html>