var min = 0
var datainput = null
var id = null
var array1 = []
var array2 = []
var array3 = []
var array4 = []
var array5 = []
var array6 = []
var array7 = []
var array8 = []
var array9 = []
var array10 = []
var array11 = []
var array12 = []
var saveSliderData = [];

function showLoaderScreen() {
  $('.starter-loader-container').css('display', 'flex').hide().fadeIn();
}

function hideLoaderScreen() {
  $('.starter-loader-container').fadeOut();
}
$(document).ready(function () {
  showLoaderScreen()
  $.ajax({
    url: "/jahesh-project",
    type: "GET",
    success: function (result) {

      // console.log(result)
      datainput = result.data[0]
      // return datainput
      showdata(datainput)
    },
  });
})


function showdata(data) {
  // console.log(data)
  id = data.id
  // console.log(id)
  //opartion1
  $("#cost1").val(data.operation_1[0])
  $("#number1").val(data.operation_1[1])
  showslider(1, data.operation_1[2])
  if (data.operation_1[3] == undefined) {
    $("#date1").val("-")

  }
  else {
    $("#date1").val(data.operation_1[3])
  }

  $("#cost2").val(data.operation_2[0])
  $("#number2").val(data.operation_2[1])
  showslider(2, data.operation_2[2])
  if (data.operation_2[3] == undefined) {
    $("#date2").val("-")

  }
  else {
    $("#date2").val(data.operation_2[3])
  }
  //oparation3
  $("#cost3").val(data.operation_3[0])
  $("#number3").val(data.operation_3[1])
  showslider(3, data.operation_3[2])
  if (data.operation_3[3] == undefined) {
    $("#date3").val("-")

  }
  else {
    $("#date3").val(data.operation_3[3])
  }
  //oparation4
  $("#cost4").val(data.operation_4[0])
  $("#number4").val(data.operation_4[1])
  showslider(4, data.operation_4[2])
  if (data.operation_4[3] == undefined) {
    $("#date4").val("-")

  }
  else {
    $("#date4").val(data.operation_4[3])
  }
  //oparatioon5
  $("#cost5").val(data.operation_5[0])
  $("#number5").val(data.operation_5[1])
  showslider(5, data.operation_5[2])
  if (data.operation_5[3] == undefined) {
    $("#date5").val("-")

  }
  else {
    $("#date5").val(data.operation_5[3])
  }
  //oparation6
  $("#cost6").val(data.operation_6[0])
  $("#number6").val(data.operation_6[1])
  showslider(6, data.operation_6[2])
  if (data.operation_6[3] == undefined) {
    $("#date6").val("-")

  }
  else {
    $("#date6").val(data.operation_6[3])
  }
  //oparation7
  $("#cost7").val(data.operation_7[0])
  $("#number7").val(data.operation_7[1])
  showslider(7, data.operation_7[2])
  if (data.operation_7[3] == undefined) {
    $("#date7").val("-")

  }
  else {
    $("#date7").val(data.operation_7[3])
  }
  //oparation8
  $("#cost8").val(data.operation_8[0])
  $("#number8").val(data.operation_8[1])
  showslider(8, data.operation_8[2])
  if (data.operation_8[3] == undefined) {
    $("#date8").val("-")

  }
  else {
    $("#date8").val(data.operation_8[3])
  }
  //oparation9
  $("#cost9").val(data.operation_9[0])
  $("#number9").val(data.operation_9[1])
  showslider(9, data.operation_9[2])
  if (data.operation_9[3] == undefined) {
    $("#date9").val("-")

  }
  else {
    $("#date9").val(data.operation_9[3])
  }
  //oparation10
  $("#cost10").val(data.operation_10[0])
  $("#number10").val(data.operation_10[1])
  showslider(10, data.operation_10[2])
  if (data.operation_10[3] == undefined) {
    $("#date10").val("-")

  }
  else {
    $("#date10").val(data.operation_10[3])
  }
  //oparation11
  $("#cost11").val(data.operation_11[0])
  $("#number11").val(data.operation_11[1])
  showslider(11, data.operation_11[2])
  if (data.operation_11[3] == undefined) {
    $("#date11").val("-")

  }
  else {
    $("#date11").val(data.operation_11[3])
  }
  //oparation12
  $("#cost12").val(data.operation_12[0])
  $("#number12").val(data.operation_12[1])
  showslider(12, data.operation_12[2])
  if (data.operation_12[3] == undefined) {
    $("#date12").val("-")

  }
  else {
    $("#date12").val(data.operation_12[3])
  }

  hideLoaderScreen()
}

function showslider(id, percent) {

  $('#ex' + id).slider({
    value: percent,
    formatter: function (value) {
      return value + "٪";
    },
  });

  saveSliderData[id - 1] = percent;
}

$("#submitedit").on('click', function () {
  var p1 = $('#ex1').data('slider').getValue()
  var p2 = $('#ex2').data('slider').getValue()
  var p3 = $('#ex3').data('slider').getValue()
  var p4 = $('#ex4').data('slider').getValue()
  var p5 = $('#ex5').data('slider').getValue()
  var p6 = $('#ex6').data('slider').getValue()
  var p7 = $('#ex7').data('slider').getValue()
  var p8 = $('#ex8').data('slider').getValue()
  var p9 = $('#ex9').data('slider').getValue()
  var p10 = $('#ex10').data('slider').getValue()
  var p11 = $('#ex11').data('slider').getValue()
  var p12 = $('#ex12').data('slider').getValue()
  var num1
  var num2
  var num3
  var num4
  var num5
  var num6
  var num7
  var num8
  var num9
  var num10
  var num11
  var num12
  if ($("#number1").val() == "") {
    num1 = "-"
  }
  else {
    num1 = $("#number1").val()
  }
  //
  if ($("#number2").val() == "") {
    num2 = "-"
  }
  else {
    num2 = $("#number2").val()
  }
  //
  if ($("#number3").val() == "") {
    num3 = "-"
  }
  else {
    num3 = $("#number3").val()
  }
  //
  if ($("#number4").val() == "") {
    num4 = "-"
  }
  else {
    num4 = $("#number4").val()
  }
  //
  if ($("#number5").val() == "") {
    num5 = "-"
  }
  else {
    num5 = $("#number5").val()
  }
  //
  if ($("#number6").val() == "") {
    num6 = "-"
  }
  else {
    num6 = $("#number6").val()
  }
  //
  if ($("#number7").val() == "") {
    num7 = "-"
  }
  else {
    num7 = $("#number7").val()
  }
  //
  if ($("#number8").val() == "") {
    num8 = "-"
  }
  else {
    num8 = $("#number8").val()
  }
  //
  if ($("#number9").val() == "") {
    num9 = "-"
  }
  else {
    num9 = $("#number9").val()
  }
  //
  if ($("#number10").val() == "") {
    num10 = "-"
  }
  else {
    num10 = $("#number10").val()
  }
  //
  if ($("#number11").val() == "") {
    num11 = "-"
  }
  else {
    num11 = $("#number11").val()
  }
  //
  if ($("#number12").val() == "") {
    num12 = "-"
  }
  else {
    num12 = $("#number12").val()
  }

  var costt1
  var costt2
  var costt3
  var costt4
  var costt5
  var costt6
  var costt7
  var costt8
  var costt9
  var costt10
  var costt11
  var costt12
  if ($("#cost1").val() == "") {
    costt1 = "-"
  }
  else {
    costt1 = $("#cost1").val()
  }
  //
  if ($("#cost2").val() == "") {
    costt2 = "-"
  }
  else {
    costt2 = $("#cost2").val()
  }
  //
  if ($("#cost3").val() == "") {
    costt3 = "-"
  }
  else {
    costt3 = $("#cost3").val()
  }
  //
  if ($("#cost4").val() == "") {
    costt4 = "-"
  }
  else {
    costt4 = $("#cost4").val()
  }

  if ($("#cost5").val() == "") {
    costt5 = "-"
  }
  else {
    costt5 = $("#cost5").val()
  }
  //
  if ($("#cost6").val() == "") {
    costt6 = "-"
  }
  else {
    costt6 = $("#cost6").val()
  }
  //
  if ($("#cost7").val() == "") {
    costt7 = "-"
  }
  else {
    costt7 = $("#cost7").val()
  }
  //
  if ($("#cost8").val() == "") {
    costt8 = "-"
  }
  else {
    costt8 = $("#cost8").val()
  }
  //
  if ($("#cost9").val() == "") {
    costt9 = "-"
  }
  else {
    costt9 = $("#cost9").val()
  }
  //
  if ($("#cost10").val() == "") {
    costt10 = "-"
  }
  else {
    costt10 = $("#cost10").val()
  }

  if ($("#cost11").val() == "") {
    costt11 = "-"
  }
  else {
    costt11 = $("#cost11").val()
  }

  if ($("#cost12").val() == "") {
    costt12 = "-"
  }
  else {
    costt12 = $("#cost12").val()
  }

  array1 = [costt1, num1, p1]
  array2 = [costt2, num2, p2]
  array3 = [costt3, num3, p3]
  array4 = [costt4, num4, p4]
  array5 = [costt5, num5, p5]
  array6 = [costt6, num6, p6]
  array7 = [costt7, num7, p7]
  array8 = [costt8, num8, p8]
  array9 = [costt9, num9, p9]
  array10 = [costt10, num10, p10]
  array11 = [costt11, num11, p11]
  array12 = [costt12, num12, p12]



  let formData = new FormData();

  if (saveSliderData[0] < p1)
    formData.append('operation_1', array1);
  if (saveSliderData[1] < p2)
    formData.append('operation_2', array2);
  if (saveSliderData[2] < p3)
    formData.append('operation_3', array3);
  if (saveSliderData[3] < p4)
    formData.append('operation_4', array4);
  if (saveSliderData[4] < p5)
    formData.append('operation_5', array5);
  if (saveSliderData[5] < p6)
    formData.append('operation_6', array6);
  if (saveSliderData[6] < p7)
    formData.append('operation_7', array7);
  if (saveSliderData[7] < p8)
    formData.append('operation_8', array8);
  if (saveSliderData[8] < p9)
    formData.append('operation_9', array9);
  if (saveSliderData[9] < p10)
    formData.append('operation_10', array10);
  if (saveSliderData[10] < p11)
    formData.append('operation_11', array11);
  if (saveSliderData[11] < p12)
    formData.append('operation_12', array12);

  // for (var pair of formData.entries()) {
  //     console.log(pair[0] + ', ' + pair[1]);
  // }

  Swal.fire({
    icon: 'warning',
    title: 'آیا مطمئن هستید؟',
    text: "این عملیات قابل بازگشت نیست!",
    showCancelButton: true,
    confirmButtonColor: '#3085d6',
    cancelButtonColor: '#d33',
    confirmButtonText: 'بله، تایید می‌شود',
    cancelButtonText: 'منصرف شدم!',
    showLoaderOnConfirm: true,
    preConfirm: () => {
      $.ajax({
        url: "/jahesh-project/" + id,
        type: "POST",
        headers: {
          "X-CSRF-TOKEN": $('meta[name="csrf-token"]').attr("content"),
        },
        data: formData,
        processData: false,
        contentType: false,
        success: function (result) {
          console.log(result)
        },
        error: function (error) {
          console.log(error)
          Swal.fire({
            icon: 'error',
            title: 'خطا',
            text: 'مشکلی پیش آمده',
            confirmButtonText: 'بستن'
          })
        }
      });
    },
  })
})