{% extends 'base/base.html' %}
{% block start %}

<style>
.notification_btn_steps {
    border-radius: 15px;
    padding: 2px 16px;
    margin-bottom: 10px;
    font-size: 10px;
    font-weight: 400;
    color: #fff;
    background: #508ff4;
}
#checkboxContainer{
  display: flex;
  flex-wrap: wrap;
}
.form-checkes {
      display: flex;
      justify-content: center;
      background-color: #fff;
      border-radius: 10%;
      border: 3px solid #14cfc8; /* Align items vertically in the center */
      margin-right: 20px; /* Adjust the margin to provide space between checkboxes */
      margin-top: 10px;
      overflow: hidden;
    }
.form-checkes label {
      align-self: center;
      padding: 10px;
      cursor: pointer;
      display: inline;
      white-space: normal;
      max-height: 2em;
      /* overflow: hidden;  */
    }
.form-checkes input[type="checkbox"] {
      height: 20px;
      width: 20px;
      border-radius: 50%;
      border: 2px solid #14cfc8;
      align-self: center;
      margin-right: 5px;
      visibility: hidden;
      display: none;
      
    }
.form-checkes:has(input:checked){
  background-color: #14cfc8;
  color: #fff;
}

#mainArticleContainer{
  display: flex;
  flex-wrap: wrap;
}
#checkboxContainer2{
  display: flex;
  flex-wrap: wrap;
}
#operatorcolumncheckbox{
  display: flex;
  flex-wrap: wrap;
}
#operatorcheckboxContainer{
  display: flex;
  flex-wrap: wrap;
}
</style>
<section class="main_content dashboard_part default_content">

    <div class="container-fluid">
        <div class="col">
          <h2>Select require article you want data</h2>
          <div id="checkboxContainer2"></div>
                


                <h2 style="margin-top: 20px;">Select require article column</h2>
                  <div id="checkboxContainer"></div>
                 
                
                

                <button style="margin-top: 20px;" class="status_btn" id="generateReport">Click here to generate report</button>

                <h2 style="margin-top: 20px;">Generate production report</h2>
                <div class="row">
                  <div class="col-5">
                    <div id="checkboxContainer3"></div>
                  </div>
                  <div class="col-2">
                    <div class="" style="background-color: #000;height: 100%;width: 0.5%;border-radius: 1%;"></div>
                  </div>
                  <div class="col-5">
                    <input type="date" id="birthday" name="birthday">
                  </div>
                  
                  
                </div>

                <div class="row">
                  <div class="col-12">
                    <div class="d-flex justify-content-center align-items-center">
                      <button style="margin-top: 20px;" class="status_btn" id="generateReports">Generate report</button>
                    </div>
                  </div>
                </div>
                

                
                
                
                <!-- <div style="display: inline-block;">
                  <div style="display: inline-block;"  id="checkboxContainer3"></div>
                <div style="display: inline-block;background-color: #000;height: 80px;width: 2px;"></div>
                <input style="display: inline-block;" type="date" id="birthday" name="birthday">
                
                </div> -->
                
                

                <h2 style="margin-top: 20px;">Select require Operator</h2>
                <div id="operatorcheckboxContainer"></div>

                <h2 style="margin-top: 20px;">Select require operator column</h2>
                <div id="operatorcolumncheckbox"></div>

                <a style="margin-top: 20px;" class="status_btn" id="op_generate_report">Generate report</a>

                <h2 style="margin-top: 20px;">Select require operator wages report</h2>
                <div class="row">
                  <div class="col-5">
                    <input type="radio" id="Monthly" name="op_report" value="Monthly">
                <label for="Monthly">Monthly</label><br>
                <input type="radio" id="Weekly" name="op_report" value="Weekly">
                <label for="Weekly">Weekly</label><br>
                  </div>
                  <div class="col-2">
                    <div style="background-color: #000;width: 1%;height: 100%;"></div>
                  </div>
                  <div class="col-5">
                    <label for="start_date">Start date</label>
                    <input type="date" id="start_date" name="start_date">
                    <br>
                    <label for="end_date">End date</label>
                <input type="date" id="end_date" name="start_date">
                  </div>
                </div>
                
                
                <a style="margin-top: 20px;" class="status_btn" id="op_generateReports">Generate report</a>
        </div>
        
    </div>

</section>

<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/js-cookie/2.2.1/js.cookie.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.56/pdfmake.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.56/vfs_fonts.js"></script>

<script>

// Get the anchor element by its ID
var generateReportLink = document.getElementById('generateReport');

var op_generateReports = document.getElementById('op_generateReports');

var operatorID = []

var op_generate = document.getElementById('op_generate_report');

op_generate.addEventListener('click',function(){
  filterOperators();
})

function filterOperators() {
      // Get all checkboxes
      var checkboxes = document.querySelectorAll('input[type="checkbox"]');

// Array to store checked checkboxes
var checkedCheckboxes = [];
var articleCheckboxes = [];
var id = '';
// Iterate through checkboxes and check their status
checkboxes.forEach(function(checkbox) {
    id =  checkbox.id.split(")")
    console.log(id);
    if (id[1] === "OperatorID") {
        if (checkbox.checked) {
            articleCheckboxes.push(id[0]);
    }
    }
    if (id[1] === "OperatorColumn") {
        if (checkbox.checked) {
        checkedCheckboxes.push(id[0]);
    }
    }
    
});

var data ={
    "articleColumn":articleCheckboxes,
    "articleData":checkedCheckboxes
}
// Log the IDs of checked checkboxes
console.log('Checked Checkboxes:', data);
var serializedData = JSON.stringify(data);
var csrftoken = '{{ csrf_token }}';
$.ajax({
    url: '{% url "filterOperatorData" %}',
    method: 'POST',
    data: serializedData,
    contentType: 'application/json',
    beforeSend: function(xhr, settings) {
        xhr.setRequestHeader('X-CSRFToken', csrftoken);
    },
    success: function(response) {
        // Handle NaN values in the "wage" field
        response.get_data.forEach(item => {
            item.wage = isNaN(item.wage) ? 0 : item.wage;
        });

        // Log the updated response
        console.log(response);

        // Now you can continue processing the response or call other functions
        createPdfs(response.get_data, Object.keys(response.get_data[0]).length);
    },
    error: function(e) {
        console.log('Error occurred while fetching the updated data.', e);
    }
});
}

function createPdfs(response,get_width) {
    console.log("inside create pdf");
    var width = []
    var articleTableHeadings = [];
    for (let index = 0; index < get_width; index++) {
        if (index === 0) {
            width.push('auto')
        }
        else{
            width.push("*")
        }
    }

    console.log(width);
    for (var key in response[0]){
        articleTableHeadings.push(key);
    }
    console.log(articleTableHeadings);
    var articleTableData = [articleTableHeadings];
    
    for (let index = 0; index < response.length; index++) {
        var rowData = [];
        for (let i = 0; i < articleTableHeadings.length; i++) {
            
            rowData.push(response[index][articleTableHeadings[i]]);
                articleTableData.push(rowData);
            
        }
    }
    console.log(articleTableData);

    var uniqueArray = [];

for (var i = 0; i < articleTableData.length; i++) {
  var currentRow = articleTableData[i];

  // Check if the current row is not already in the uniqueArray
  if (!uniqueArray.some(row => areArraysEqual(row, currentRow))) {
    uniqueArray.push(currentRow);
  }
}

console.log(uniqueArray);

var articleTTable = {
  table: {
    headerRows: 1,
    widths: width, 
    body: uniqueArray, 
    style:"tableStyle"
  },
  layout: 'lightHorizontalLines',
};

var docDefinition = {
  pageOrientation: 'portrait', // or 'landscape' as needed
  pageSize: 'A4', // or 'auto' for responsive size
  header: function(currentPage, pageCount, pageSize) {
    return  [
    // {
    //   image: reqImg,
    //   width: 100,
    //   margin: [0, 10],
    //   alignment:'center'
    // },
      {
        text: 'Things Access',
        alignment: 'center',
        margin: [0, 10],
        fontSize: 14, // Font size for the header
        style:'companyName'
      },
    ];
  },
  

  footer: function(currentPage, pageCount, pageSize) {
    return {
      // Footer content
      text: 'Page ' + currentPage + ' of ' + pageCount,
      alignment: 'center',
    };
  },
  content: [
  {
      image: 'data:image/png;base64,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',
      width: 100,
      margin: [0, 10],
      alignment:'center'
    },
    { text: 'Article info', style: 'header' }, // Add the first header
    articleTTable
  ],
 
  styles: {
    header: {
      fontSize: 12,
      bold: true,
      alignment: 'center',
      margin: [0, 10, 0, 10],
    },
    companyName:{
      fontSize:16,
      bold:true,
      alignment:'center',
      margin: [0, 20, 0, 0],
    },
    tableHeader:{
      background:"#9d0a0e"
    }
  },
};
pdfMake.createPdf(docDefinition).open();
   }

op_generateReports.addEventListener('click', function() {

  var startDate = document.getElementById('start_date');
  var endDate = document.getElementById('end_date');

  var checkboxes = document.querySelectorAll('input[type="checkbox"]');
  var radiobutton = document.querySelectorAll('input[type="radio"]');

  var type = "date";

  radiobutton.forEach(function(radio) {
    if (radio.checked) {
      console.log(radio.value);
      type = radio.value
    }
  })
  checkboxes.forEach(function(checkbox) {
    console.log('opVal',checkbox.value);
    if (checkbox.checked) {
      console.log('opcheck',checkbox.value);
      console.log(checkbox.id.split(")"));
      if (checkbox.id.split(')')[1] === "OperatorID") {
        operatorID.push({"ID":checkbox.id.split(")")[0]});
      }
      
    }

    
    
  })
  console.log('reportType',type);
  console.log(startDate.value);
  console.log(endDate.value);
  console.log("operatorID",operatorID);
  GetOperatorWages(operatorID,type,startDate.value,endDate.value);
  operatorID.length = 0

})

function GetOperatorWages(id,options,start_date,end_date) {
  var MachineState =  {
        id :id,
        reportType:options,
        start_date:start_date,
        end_date:end_date
      }
    var serializedData = JSON.stringify(MachineState);

    var csrftoken = '{{ csrf_token }}';
    $.ajax({
      url: '{% url "Get_operators_report" %}',
      method: 'POST',
      data: serializedData,
      contentType: 'application/json',
      beforeSend: function(xhr, settings) {
        xhr.setRequestHeader('X-CSRFToken', csrftoken);
      },
      success: function(response) {
        console.log(response)
        console.log(Object.keys(response.data_skill[0]).length);
        var completeBundles = []
        var operatorWage = []
        for (let i = 0; i < response.data_skill.length; i++) {
          operatorWage.push({"Name":response.data_skill[i].operator_name,"Wage":response.data_skill[i].operator_wage,
          "Total Earning":response.data_skill[i].total_earnings,"Total Production":response.data_skill[i].total_production,"Total Time(min)":response.data_skill[i].total_time_in_minutes})
          if (response.data_skill[i].completed_bundles.length>0) {
            for (let j = 0; j < response.data_skill[i].completed_bundles.length; j++) {
            completeBundles.push({"id":j+1,'Name':response.data_skill[i].operator_name,
            'bundle_id':response.data_skill[i].completed_bundles[j].bundle_ID,
            'startTime':response.data_skill[i].completed_bundles[j].startTime,
            'endTime':response.data_skill[i].completed_bundles[j].endTime,
            'total\nDuration':response.data_skill[i].completed_bundles[j].duration_in_minutes,
          })
          }
          }
          
          
        }
        // callFunction()
        if (completeBundles.length>0) {
          callFunction(operatorWage,Object.keys(operatorWage[0]).length,"op",Object.keys(completeBundles[0]),completeBundles)
        }
        else{
          callFunction(operatorWage,Object.keys(operatorWage[0]).length,"op",[],completeBundles)
        }
        
    },
      error: function() {
        console.log('Error occurred while fetching the updated data.');
      }
    });
}
// Add a click event listener
generateReportLink.addEventListener('click', function() {
    // Your code to generate the report goes here

    // Get all checkboxes
    var checkboxes = document.querySelectorAll('input[type="checkbox"]');

    // Array to store checked checkboxes
    var checkedCheckboxes = [];
    var articleCheckboxes = [];
    var id = '';
    // Iterate through checkboxes and check their status
    checkboxes.forEach(function(checkbox) {
        id =  checkbox.id.split(")")
        console.log(id);
        if (id[1] === "Article") {
            if (checkbox.checked) {
                articleCheckboxes.push(id[0]);
        }
        }
        if (id[1] === "Column") {
            if (checkbox.checked) {
            checkedCheckboxes.push(id[0]);
        }
        }
        
    });

    var data ={
        "articleColumn":articleCheckboxes,
        "articleData":checkedCheckboxes
    }
    // Log the IDs of checked checkboxes
    console.log('Checked Checkboxes:', checkedCheckboxes);
    var serializedData = JSON.stringify(data);
    var csrftoken = '{{ csrf_token }}';
    $.ajax({
      url: '{% url "filterArticleData" %}',
      method: 'POST',
      data: serializedData,
      contentType: 'application/json',
      beforeSend: function(xhr, settings) {
        xhr.setRequestHeader('X-CSRFToken', csrftoken);
      },
      success: function(response) {
        console.log(Object.keys(response.get_data[0]).length);
        createPdf(response.get_data,Object.keys(response.get_data[0]).length)
    },
      error: function() {
        console.log('Error occurred while fetching the updated data.');
      }
    });

    function createPdf(response,get_width) {
    console.log("inside create pdf");
    var width = []
    var articleTableHeadings = [];
    var matchedKay = [];
    for (let index = 0; index < get_width; index++) {
        if (index === 0) {
            width.push('auto')
        }
        else{
            width.push("*")
        }
    }

    console.log(width);
    for (var key in response[0]){
      if (key === "article_id"){
        articleTableHeadings.push("ID");
      }
      else if (key === "article_name"){
        articleTableHeadings.push("Name");
      }
      else if (key === "total_production"){
        articleTableHeadings.push("Total\nproduction");
      }
      else if (key === "today_production"){
        articleTableHeadings.push("Today\nproduction");
      }
      else if (key === "yesterday_production"){
        articleTableHeadings.push("Yesterday\nproduction");
      }
      else if (key === "day_before_yesterday_production"){
        articleTableHeadings.push("Before Yesterday\nproduction");
      }
      matchedKay.push(key)
        
    }
    console.log(articleTableHeadings);
    var articleTableData = [articleTableHeadings];
    
    for (let index = 0; index < response.length; index++) {
        var rowData = [];
        for (let i = 0; i < matchedKay.length; i++) {
            
            rowData.push(response[index][matchedKay[i]]);
                articleTableData.push(rowData);
            
        }
    }
    console.log(articleTableData);

    var uniqueArray = [];

for (var i = 0; i < articleTableData.length; i++) {
  var currentRow = articleTableData[i];

  // Check if the current row is not already in the uniqueArray
  if (!uniqueArray.some(row => areArraysEqual(row, currentRow))) {
    uniqueArray.push(currentRow);
  }
}

console.log(uniqueArray);

var articleTTable = {
  table: {
    headerRows: 1,
    widths: width, 
    body: uniqueArray, 
    style:"tableStyle"
  },
  layout: 'lightHorizontalLines',
};

var docDefinition = {
  pageOrientation: 'portrait', // or 'landscape' as needed
  pageSize: 'A4', // or 'auto' for responsive size
  header: function(currentPage, pageCount, pageSize) {
    return  [
    // {
    //   image: reqImg,
    //   width: 100,
    //   margin: [0, 10],
    //   alignment:'center'
    // },
      {
        text: 'Things Access',
        alignment: 'center',
        margin: [0, 10],
        fontSize: 14, // Font size for the header
        style:'companyName'
      },
    ];
  },
  

  footer: function(currentPage, pageCount, pageSize) {
    return {
      // Footer content
      text: 'Page ' + currentPage + ' of ' + pageCount,
      alignment: 'center',
    };
  },
  content: [
  {
      image: 'data:image/png;base64,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',
      width: 100,
      margin: [0, 10],
      alignment:'center'
    },
    { text: 'Article info', style: 'header' }, // Add the first header
    articleTTable
  ],
 
  styles: {
    header: {
      fontSize: 12,
      bold: true,
      alignment: 'center',
      margin: [0, 10, 0, 10],
    },
    companyName:{
      fontSize:16,
      bold:true,
      alignment:'center',
      margin: [0, 20, 0, 0],
    },
    tableHeader:{
      background:"#9d0a0e"
    }
  },
};
pdfMake.createPdf(docDefinition).open();
   }


});

function areArraysEqual(arr1, arr2) {
  if (arr1.length !== arr2.length) {
    return false;
  }

  for (var i = 0; i < arr1.length; i++) {
    if (arr1[i] !== arr2[i]) {
      return false;
    }
  }

  return true;
}

    var artcleInfo = JSON.parse(decodeHTMLEntities("{{ request.session.articleinfo|safe }}").replace(/'([^']+)'/g, '"$1"'));

    console.log(artcleInfo);

    var operatorsInfo = JSON.parse(("{{ request.session.operatorsInfo|safe }}").replace(/'([^']+)'/g, '"$1"').replace(/None/g, null));

    console.log(operatorsInfo);
    var opratorName =[]
    for (let i = 0; i < operatorsInfo.length; i++) {

      opratorName.push({"id":operatorsInfo[i]["operator_data"]["id"],"name":operatorsInfo[i]["operator_data"]["name"]})
      
    }

    console.log(opratorName);

    opratorName.forEach(function(element){
  // Create a checkbox element
  var checkbox = document.createElement("input");
        checkbox.type = "checkbox";
        checkbox.id = element.id + ")OperatorID"; // Use a unique ID for each checkbox

        // Create a label element
        var label = document.createElement("label");
        label.htmlFor = checkbox.id; // Set the 'for' attribute to match the checkbox ID
        label.appendChild(document.createTextNode(element.name)); // Set the label text

        var formCheck = document.createElement('div');
        formCheck.className = 'form-checkes';

        // Append the checkbox and label to the container element
        var container = document.getElementById('operatorcheckboxContainer'); // Adjust the container ID based on your HTML structure
        // container.appendChild(checkbox);
        // container.appendChild(label);
        formCheck.appendChild(checkbox);
        formCheck.appendChild(label);

        // Add a line break for better spacing
        // container.appendChild(document.createElement("br"));
        formCheck.appendChild(document.createElement("br"));
        container.appendChild(formCheck);
})

    var operatorsLists = [];

// Iterate over the keys in "operator_data"
for (var key in operatorsInfo[0]["operator_data"]) {
  if (operatorsInfo[0]["operator_data"].hasOwnProperty(key)) {
    if (key !="id") {
      console.log(key);
      operatorsLists.push(key)
    }
    
  }
}

console.log(operatorsLists);

operatorsLists.forEach(function(element){
  // Create a checkbox element
  var checkbox = document.createElement("input");
        checkbox.type = "checkbox";
        checkbox.id = element + ")OperatorColumn"; // Use a unique ID for each checkbox

        // Create a label element
        var label = document.createElement("label");
        label.htmlFor = checkbox.id; // Set the 'for' attribute to match the checkbox ID
        label.appendChild(document.createTextNode(element)); // Set the label text

        var formCheck = document.createElement('div');
        formCheck.className = 'form-checkes';

        // Append the checkbox and label to the container element
        var container = document.getElementById('operatorcolumncheckbox'); // Adjust the container ID based on your HTML structure
        // container.appendChild(checkbox);
        // container.appendChild(label);
        formCheck.appendChild(checkbox);
        formCheck.appendChild(label);

        // Add a line break for better spacing
        // container.appendChild(document.createElement("br"));
        formCheck.appendChild(document.createElement("br"));
        container.appendChild(formCheck)
})
    function decodeHTMLEntities(text) {
  var textarea = document.createElement('textarea');
  textarea.innerHTML = text;
  return textarea.value;
}
var artileList = [];
   for (articles in artcleInfo) {

    console.log(artcleInfo[articles]);

    for (articlesData in artcleInfo[articles]) {
      if (articlesData!="article_id") {
        artileList.push(articlesData);
        console.log(articlesData);
      }
        
    }
    
   }
   console.log(artileList);
   var uniqueArr = artileList.filter((value, index, self) => {
    return self.indexOf(value) === index;
});

console.log(uniqueArr);

var birthdayInput = document.getElementById('birthday');
    // Create checkboxes for each element in the array
    uniqueArr.forEach(function(element) {
        // Create a checkbox element
        var formCheck = document.createElement('div');
        formCheck.className = 'form-checkes';
        var checkbox = document.createElement("input");
        checkbox.type = "checkbox";
        checkbox.id = element + ")Column"; // Use a unique ID for each checkbox

        // Create a label element
        var label = document.createElement("label");
        label.htmlFor = checkbox.id; // Set the 'for' attribute to match the checkbox ID
        label.appendChild(document.createTextNode(element)); // Set the label text

        // Append the checkbox and label to the container element
        var container = document.getElementById('checkboxContainer'); // Adjust the container ID based on your HTML structure
        formCheck.append(checkbox);
        formCheck.append(label);
        // container.appendChild(checkbox);
        // container.appendChild(label);

        // Add a line break for better spacing
        formCheck.appendChild(document.createElement("br"));
        formCheck.appendChild(document.createElement("br"));
        container.append(formCheck);
        // container.appendChild(document.createElement("br"));
    });

     // Create checkboxes for each element in the array
     artcleInfo.forEach(function(element) {
        // Create a checkbox element
        var checkbox = document.createElement("input");
        var formCheck = document.createElement('div');
        formCheck.className = 'form-checkes';
        checkbox.type = "checkbox";
        checkbox.id = element.article_name + ")Article"; // Use a unique ID for each checkbox

        // Create a label element
        var label = document.createElement("label");
        label.htmlFor = checkbox.id; // Set the 'for' attribute to match the checkbox ID
        label.appendChild(document.createTextNode(element.article_name)); // Set the label text

        // Append the checkbox and label to the container element
        var container = document.getElementById('checkboxContainer2'); // Adjust the container ID based on your HTML structure
        // container.appendChild(checkbox);
        // container.appendChild(label);

        formCheck.append(checkbox);
        formCheck.append(label)

        // Add a line break for better spacing
        // container.appendChild(document.createElement("br"));
        container.append(formCheck);
    });

    var productReportList = ['weekly','monthly'];

    

    for (let i = 0; i < productReportList.length; i++) {

      var containers = document.getElementById('checkboxContainer3');
      var label = document.createElement("label");
      label.htmlFor = productReportList[i]; // Set the 'for' attribute to match the checkbox ID
      label.appendChild(document.createTextNode(productReportList[i])); // Set the label text
      var checkbox = document.createElement("input");
        checkbox.type = "radio";
        checkbox.name = ")production";
        checkbox.id = productReportList[i]+")production"
        containers.appendChild(checkbox);
      containers.appendChild(label);
      // Add a line break for better spacing
      containers.appendChild(document.createElement("br"));
      
    }

    var generateProductionReportLink = document.getElementById('generateReports');


    generateProductionReportLink.addEventListener('click',function () {
       // Get all checkboxes
    var radioboxes = document.querySelectorAll('input[type="radio"]');
    var checkboxes = document.querySelectorAll('input[type="checkbox"]');
    console.log("productionCheck",checkboxes);

    var options = ""
    radioboxes.forEach(function(radio) {
        var id =  radio.id.split(")")
        
        if (radio.checked) {
          console.log("radios",id);
          options = id[0]
        }
        
    });

    console.log("options",options);
    var article_ids = []
    checkboxes.forEach(function(checkbox) {
      var id = checkbox.id.split(")");
      console.log(id);
      if (checkbox.checked) {
        if (id[1]==="Article") {
          console.log("artcleInfo",artcleInfo);
          for (let i = 0; i < artcleInfo.length; i++) {

            if (artcleInfo[i].article_name === id[0]) {
              article_ids.push({"ID":artcleInfo[i].article_id})
            }
            
          }
          
        }
      }
    })

    console.log(article_ids);

    var selectedDate = birthdayInput.value;
    console.log(selectedDate);
    
    if (selectedDate!="") {
      getproductionreport(article_ids,null,selectedDate)
      radioboxes.forEach(function(radio) {
        radio.checked = false
      })
    }
    else{
      getproductionreport(article_ids,options,null)
    }

    


    })

    

    function getproductionreport(id,options,date) {
    // Perform an AJAX request to fetch the updated data from the server
    var MachineState =  {
        id :id,
        reportType:options,
        date:null
      }
    var serializedData = JSON.stringify(MachineState);

    var csrftoken = '{{ csrf_token }}';
    $.ajax({
      url: '{% url "Get_production_report" %}',
      method: 'POST',
      data: serializedData,
      contentType: 'application/json',
      beforeSend: function(xhr, settings) {
        xhr.setRequestHeader('X-CSRFToken', csrftoken);
      },
      success: function(response) {
        var completeBundle = [] 
        console.log(response)
        console.log(Object.keys(response.data_skill[0]).length);
       
        // callFunction()
        callFunction(response.data_skill,Object.keys(response.data_skill[0]).length,"p",[],[])
    },
      error: function() {
        console.log('Error occurred while fetching the updated data.');
      }
    });
  }



  function callFunction(response,get_width,check,get_tableTwo_width,tableTwo) {
    var width = []
    var tabletwoWidth=[]
    var articleTableHeadings = [];
    console.log("get_tableTwo_width",get_tableTwo_width);
    console.log("tableTwo",tableTwo);
    if (check === "op") {
      for (let index = 0; index < get_width; index++) {
        if (index === 0) {
            width.push('auto')
        }
        else{
            width.push("*")
        }
    }

    for (let index = 0; index < get_tableTwo_width.length; index++) {
        if (index === 0) {
          tabletwoWidth.push('auto')
        }
        else{
          tabletwoWidth.push("*")
        }
    }
    // var tableTwoKey = []
    // for (key in tableTwo ) {
    //   console.log(key);
    //   tableTwoKey.push(key);
      
    // }

    console.log(tabletwoWidth);

    var bundlesDetailsDatass = [get_tableTwo_width];

    for (let j = 0; j < tableTwo.length; j++) {
      var rowData = []
      for (let i = 0; i < get_tableTwo_width.length; i++) {
            
            rowData.push(tableTwo[j][get_tableTwo_width[i]]);
            if (rowData.length>0) {
              bundlesDetailsDatass.push(rowData);
            }
            
            
        }
    }

    console.log("bundlesDetailsDatass",bundlesDetailsDatass);

    console.log(width);
    for (var key in response[0]){
      if(key!="completed_bundles"){
        articleTableHeadings.push(key);
      }
        
    }
    console.log(articleTableHeadings);
    var articleTableData = [articleTableHeadings];
    
    for (let index = 0; index < response.length; index++) {
        var rowData = [];
        for (let i = 0; i < articleTableHeadings.length; i++) {
            
            rowData.push(response[index][articleTableHeadings[i]]);
                articleTableData.push(rowData);
            
        }
    }
    console.log(articleTableData);

    var uniquebundlesData = [];
    //bundlesDetailsDatass

    for (let j = 0; j < bundlesDetailsDatass.length; j++) {
      var currentRow = bundlesDetailsDatass[j]
      if (!uniquebundlesData.some(row => areArraysEqual(row, currentRow))) {
        uniquebundlesData.push(currentRow);
  }
    }

    var uniqueArray = [];

for (var i = 0; i < articleTableData.length; i++) {
  var currentRow = articleTableData[i];

  // Check if the current row is not already in the uniqueArray
  if (!uniqueArray.some(row => areArraysEqual(row, currentRow))) {
    uniqueArray.push(currentRow);
  }
}

console.log(uniqueArray);

var articleTTable = {
  table: {
    headerRows: 1,
    widths: width, 
    body: uniqueArray, 
    style:"tableStyle"
  },
  layout: 'lightHorizontalLines',
};

var bdTable = {
  table: {
    headerRows: 1,
    widths: tabletwoWidth, 
    body: uniquebundlesData, 
    style:"tableStyle",
  },
  layout: 'lightHorizontalLines',
};

var docDefinition = {
  pageOrientation: 'portrait', // or 'landscape' as needed
  pageSize: 'A4', // or 'auto' for responsive size
  header: function(currentPage, pageCount, pageSize) {
    return  [
    // {
    //   image: reqImg,
    //   width: 100,
    //   margin: [0, 10],
    //   alignment:'center'
    // },
      {
        text: 'Things Access',
        alignment: 'center',
        margin: [0, 10],
        fontSize: 14, // Font size for the header
        style:'companyName'
      },
    ];
  },
  

  footer: function(currentPage, pageCount, pageSize) {
    return {
      // Footer content
      text: 'Page ' + currentPage + ' of ' + pageCount,
      alignment: 'center',
    };
  },
  content: [
  {
      image: 'data:image/png;base64,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',
      width: 100,
      margin: [0, 10],
      alignment:'center'
    },
    { text: 'Operators wages', style: 'header' },
    articleTTable,
    { text: 'Bundle details', style: 'header' }, 
    bdTable
  ],
 
  styles: {
    header: {
      fontSize: 12,
      bold: true,
      alignment: 'center',
      margin: [10, 10, 10, 10],
    },
    companyName:{
      fontSize:16,
      bold:true,
      alignment:'center',
      margin: [0, 20, 0, 0],
    },
    tableHeader:{
      background:"#9d0a0e"
    },
    tableStyle: {
      margin: [0, 10, 0, 10], // Adjust the margins as needed
      fontSize: 7, // Adjust the font size as needed
      // Add any other styling properties you need
    },
  },
};
pdfMake.createPdf(docDefinition).open();
    }
    else{
      for (let index = 0; index < get_width-1; index++) {
        if (index === 0) {
            width.push('auto')
        }
        else{
            width.push("*")
        }
    }

    console.log(width);
    for (var key in response[0]){
      if(key!="ID"){
        articleTableHeadings.push(key);
      }
        
    }
    console.log(articleTableHeadings);
    var articleTableData = [articleTableHeadings];
    
    for (let index = 0; index < response.length; index++) {
        var rowData = [];
        for (let i = 0; i < articleTableHeadings.length; i++) {
            
            rowData.push(response[index][articleTableHeadings[i]]);
                articleTableData.push(rowData);
            
        }
    }
    console.log(articleTableData);

    var uniqueArray = [];

for (var i = 0; i < articleTableData.length; i++) {
  var currentRow = articleTableData[i];

  // Check if the current row is not already in the uniqueArray
  if (!uniqueArray.some(row => areArraysEqual(row, currentRow))) {
    uniqueArray.push(currentRow);
  }
}

console.log(uniqueArray);

var articleTTable = {
  table: {
    headerRows: 1,
    widths: width, 
    body: uniqueArray, 
    style:"tableStyle"
  },
  layout: 'lightHorizontalLines',
};

var docDefinition = {
  pageOrientation: 'portrait', // or 'landscape' as needed
  pageSize: 'A4', // or 'auto' for responsive size
  header: function(currentPage, pageCount, pageSize) {
    return  [
    // {
    //   image: reqImg,
    //   width: 100,
    //   margin: [0, 10],
    //   alignment:'center'
    // },
      {
        text: 'Things Access',
        alignment: 'center',
        margin: [0, 10],
        fontSize: 14, // Font size for the header
        style:'companyName'
      },
    ];
  },
  

  footer: function(currentPage, pageCount, pageSize) {
    return {
      // Footer content
      text: 'Page ' + currentPage + ' of ' + pageCount,
      alignment: 'center',
    };
  },
  content: [
  {
      image: 'data:image/png;base64,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',
      width: 100,
      margin: [0, 10],
      alignment:'center'
    },
    { text: 'Article Production', style: 'header' }, // Add the first header
    articleTTable
  ],
 
  styles: {
    header: {
      fontSize: 12,
      bold: true,
      alignment: 'center',
      margin: [0, 10, 0, 10],
    },
    companyName:{
      fontSize:16,
      bold:true,
      alignment:'center',
      margin: [0, 20, 0, 0],
    },
    tableHeader:{
      background:"#9d0a0e"
    }
  },
};
pdfMake.createPdf(docDefinition).open();
   }
    }



</script>


{% endblock %}