var table;
var local_url="http://192.168.1.75/rms_new/public/index.php";
var publish_url="https://rms.rmto.ir";
var list_province = [];
var list_citys = [];
var array_hold = [];
var array_hold_String = "";
var array_hold_String_edited;
var data_select_sec;
var array_hold_Axis_type = [];
var data_select_Axis_type;
var String_hold_Axis_type = "";
var String_edited_Axis_type;
var arry_select2_date;
var array_geted_date = [];
var hold_Data_p1 = "";
var pooriapo;
var edited_end_date;
var hold_Data_city1;
var city1_array = [];
var city1_String = "";
var city1_String_edited = "";
var hold_Data_city2;
var city2_array = [];
var city2_String = "";
var city2_String_edited = "";
var hold_Data_city3;
var city3_array = [];
var city3_String = "";
var city3_String_edited = "";
var hold_Data_province1;
var hold_Data_province2;
var hold_Data_province3;
var array_geted_date = [];
var edited_end_date;
function showLoaderScreen() {
  $(".starter-loader-container").css("display", "flex").hide().fadeIn();
}

function hideLoaderScreen() {
  $(".starter-loader-container").fadeOut();
}
$(document).ready(function () {
    table = $("#example").DataTable({
        dom: "lBfrtip",
        pagingType: "simple_numbers",
        language: {
            sEmptyTable: "هیچ داده‌ای در جدول وجود ندارد",
            sInfo: "نمایش _START_ تا _END_ از _TOTAL_ ردیف",
            sInfoEmpty: "نمایش 0 تا 0 از 0 ردیف",
            sInfoFiltered: "(فیلتر شده از _MAX_ ردیف)",
            sInfoPostFix: "",
            sInfoThousands: ",",
            sLengthMenu: "نمایش _MENU_ ردیف",
            sLoadingRecords: "در حال بارگزاری...",
            sProcessing: "در حال پردازش...",
            sSearch: "جستجو / فیلتر: ", 
            sZeroRecords: "رکوردی با این مشخصات پیدا نشد",
            oPaginate: {
                sFirst: "برگه‌ی نخست",
                sLast: "برگه‌ی آخر",
                sNext: "بعدی",
                sPrevious: "قبلی",
            },
            oAria: {
                sSortAscending: ": فعال سازی نمایش به صورت صعودی",
                sSortDescending: ": فعال سازی نمایش به صورت نزولی",
            },
        },
        order: [[0, "asc"][(1, "asc")], [2, "desc"], [3, "desc"], [4, "desc"]],
        order: [[0, "asc"]],
        processing: true,
        select: true,
        destroy: true,
        ajax: {
            url: publish_url+"/api/bbpriority",
            type: "POST",
            dataSrc: function (json) {
                console.log("ttt", json.data)
                return json.data;
            },
        },
         columns: [
      {
        data: null,
        render: function (data, type, row, meta) {
          return meta.row + 1;
        },
      },
      { data: "province" },
      {
        data: "assistance"
      },
      {
        data: "office"
      
      },
      {
        data: "project_title"
        
      },
      {
        data: "credits_required"
      },
      {
        data: "project_completion"
      },  
    ],
     
        buttons: [
            {
                extend: "excelHtml5",
                title: "Excel",
                text: "خروجی به اکسل",
                messageTop: "پروژه های اولویت دار",
                
            },
            // {
            //   text: "فیلترینگ پیشرفته",
            //   action: function (e, dt, node, config) {
            //     if ($(".smart-filltering").css("display") == "none") {
            //       $(".smart-filltering").css("display", "block");
            //       // $(".last_statusfilter").val(0).trigger("change");
            //       // $(".typemehvar").val(0).trigger("change");
            //       // $("#select-province1").val(0).trigger("change");
            //       // $("#select-city1").val(0).trigger("change");
            //       // $("#select-province2").val(0).trigger("change");
            //       // $("#select-city2").val(0).trigger("change");
            //       // $("#select-province3").val(0).trigger("change");
            //       // $("#select-city3").val(0).trigger("change");
            //       // $(".yearfilter").val(0).trigger("change");
            //       // array_hold = [];
            //       // array_hold_String = "";
            //       // array_hold_String_edited = null;
            //       // String_hold_Axis_type = "";
            //       // $("#example").DataTable().column(1).search("").draw();
            //       // $("#example").DataTable().column(2).search("").draw();
            //       // $("#example").DataTable().column(4).search("").draw();
            //       // $("#example").DataTable().column(10).search("").draw();
            //       // $("#example").DataTable().column(7).search("").draw();
            //       $("#append-input-forFilter2").addClass("d-none");
            //       $("#append-input-forFilter3").addClass("d-none");
            //       showLoaderScreen();
            //       setTimeout(() => {
            //         hideLoaderScreen();
            //       }, 200);
            //     } else if ($(".smart-filltering").css("display") != "none") {
            //       // $(".smart-filltering").css("display", "none");
            //     }
            //   },
            // },
        ],
        initComplete: function () {
          $(".js-example-basic-multiple").append(
            '<option   value="0">انتخاب اداره کل</option>'
          );
          init_row_filter();
          $("#select-province1").on("change", function () {
            init_data_filter1();
          });
          this.api().columns([1]).every(function () {
            // $('#example thead tr').empty();
            var column = this;
            var select = $('<select><option value="">فیلتر اداره کل</option></select>')
                .appendTo('#example .showfilter  th:eq(1)')
               
                .on('change', function () {
                    var val = $.fn.dataTable.util.escapeRegex(
                        $(this).val()
                    );

                    column
                        .search(val ? '^' + val + '$' : '', true, false)
                        .draw();
                });
               
            column.data().unique().sort().each(function (d, j) {
                select.append('<option value="' + d + '">' + d + '</option>')
            });
        });
        this.api().columns([2]).every(function () {
          // $('#example thead tr').empty();
          var column = this;
          var select = $('<select><option value="">فیلتر  حوزه معا ونت</option></select>')
              .appendTo('#example .showfilter  th:eq(2)')
             
              .on('change', function () {
                  var val = $.fn.dataTable.util.escapeRegex(
                      $(this).val()
                  );

                  column
                      .search(val ? '^' + val + '$' : '', true, false)
                      .draw();
              });
             
          column.data().unique().sort().each(function (d, j) {
              select.append('<option value="' + d + '">' + d + '</option>')
          });
      });
      this.api().columns([3]).every(function () {
        // $('#example thead tr').empty();
        var column = this;
        var select = $('<select><option value="">فیلتر   نام دفتر </option></select>')
            .appendTo('#example .showfilter  th:eq(3)')
           
            .on('change', function () {
                var val = $.fn.dataTable.util.escapeRegex(
                    $(this).val()
                );

                column
                    .search(val ? '^' + val + '$' : '', true, false)
                    .draw();
            });
           
        column.data().unique().sort().each(function (d, j) {
            select.append('<option value="' + d + '">' + d + '</option>')
        });
    });
          $(".btn-increase").prop("disabled", true);
          $(".btn-decrease").prop("disabled", true);
    
          $(".last_statusfilter").select2({
            multiple: true,
            placeholder: "  حوزه معاونت",
            width: "resolve",
            dir: "rtl",
          });
          $("#select-city1").select2({
            dir: "rtl",
            placeholder: "انتخاب شهرستان",
            width: "resolve",
          });
          $("#select-city2").select2({
            dir: "rtl",
            placeholder: "انتخاب شهرستان",
            width: "resolve",
          });
          $("#select-city3").select2({
            dir: "rtl",
            placeholder: "انتخاب شهرستان",
            width: "resolve",
          });
          $(".typemehvar").select2({
            multiple: true,
            placeholder: " نام دفتر ",
            dir: "rtl",
            width: "resolve",
          });
          $(".yearfilter").select2({
            multiple: true,
            placeholder: "سال شروع",
            dir: "rtl",
            width: "resolve",
          });
          var current_year;
          current_year = new persianDate().year();
          for (let i = 1396; i <= current_year; i++) {
            $(".yearfilter").prepend(
              "\
                  <option value=" +
                i +
                ">" +
                i.toString() +
                "</option>\
                "
            );
          }
          $(".yearfilter").append(`<option>سال 1395 و ما قبل</option>`);
          $(".last_statusfilter").on("change", function () {
            data_select_sec = null;
            array_hold = [];
            array_hold_String = "";
            array_hold_String_edited = "";
            data_select_sec = $(".last_statusfilter").select2("data");
          });
          $(".typemehvar").on("change", function () {
            array_hold_Axis_type = [];
            data_select_Axis_type = null;
            String_hold_Axis_type = "";
            String_edited_Axis_type = "";
            data_select_Axis_type = $(".typemehvar").select2("data");
            // console.log(typeof data_select_Axis_type);
          });
          $(".yearfilter").on("change", function () {
            arry_select2_date = null;
            array_geted_date = [];
            hold_Data_p1 = "";
            pooriapo = null;
            edited_end_date = null;
            arry_select2_date = $(".yearfilter").select2("data");
          });
          $("#select-city1").on("change", function () {
            hold_Data_city1 = null;
            city1_array = [];
            city1_String = "";
            city1_String_edited = "";
            hold_Data_city1 = $("#select-city1").select2("data");
          });
          $("#select-city2").on("change", function () {
            hold_Data_city2 = null;
            city2_array = [];
            city2_String = "";
            city2_String_edited = "";
            hold_Data_city1 = $("#select-city1").select2("data");
          });
          $("#select-city3").on("change", function () {
            hold_Data_city3;
            city3_array = [];
            city3_String = "";
            city3_String_edited = "";
            hold_Data_city1 = $("#select-city1").select2("data");
          });
          $("#select-province1").on("change", function () {
            hold_Data_province1 = null;
            hold_Data_province1 = $("#select-province1 option:selected").text();
            console.log(typeof hold_Data_province1);
          });
          $("#select-province2").on("change", function () {
            hold_Data_province2 = null;
            hold_Data_province2 = $("#select-province2 option:selected").text();
          });
          $("#select-province3").on("change", function () {
            hold_Data_province3 = null;
            hold_Data_province3 = $("#select-province3 option:selected").text();
          });
          $("#btn_filter_show").on("click", function () {
            if ($(".typemehvar").select2("data").length == 0) {
              $("#example").DataTable().column(3).search("").draw();
            }
            if ($(".last_statusfilter").select2("data").length == 0) {
              $("#example").DataTable().column(2).search("").draw();
            }
          
            var test = "|";
            var hold_Data_p1 = "";
            var pooriapo;
          
            if (hold_Data_p1[hold_Data_p1.length - 1] === "|") {
              edited_end_date = hold_Data_p1.slice(0, hold_Data_p1.length - 1);
            }
            if (edited_end_date) {
              $("#example")
                .DataTable()
                .column(7)
                .search(edited_end_date, true, false)
                .draw();
            }
    
            if (
              ($("#select-province1").val() && $("#select-province1").val() != 0) ||
              ($("#select-province2").val() && $("#select-province2").val() != 0) ||
              ($("#select-province3").val() && $("#select-province3").val() != 0)
            ) {
              $("#example")
                .DataTable()
                .column(1)
                .search(
                  hold_Data_province1 +
                    test +
                    hold_Data_province2 +
                    test +
                    hold_Data_province3,
                  true,
                  false
                )
                .draw();
            }
    
          
    
            var farsamoner;
            var farsamNum = 0;
            if (city1_String_edited) {
              farsamoner = city1_String_edited;
              farsamNum++;
            }
            if (city2_String_edited) {
              farsamNum != 0 ? (farsamoner += "|") : (farsamoner += "");
              farsamoner += city2_String_edited;
              farsamNum++;
            }
            if (city3_String_edited) {
              farsamNum != 0 ? (farsamoner += "|") : (farsamoner += "");
              farsamoner += city3_String_edited;
            }
            if (farsamoner) {
              $("#example")
                .DataTable()
                .column(2)
                .search(farsamoner, true, false)
                .draw();
            }
            if (data_select_sec) {
              for (let i = 0; i < data_select_sec.length; i++) {
                array_hold.push(data_select_sec[i].text.trim());
              }
              for (var i = 0; i < array_hold.length; i++) {
                array_hold_String += array_hold[i].concat("|");
              }
    
              if (array_hold_String[array_hold_String.length - 1] == "|") {
                array_hold_String_edited = array_hold_String.slice(
                  0,
                  array_hold_String.length - 1
                );
              }
              if (array_hold_String_edited) {
                $("#example")
                  .DataTable()
                  .column(2)
                  .search(array_hold_String_edited, true, false)
                  .draw();
              }
            }
    
            if (data_select_Axis_type) {
              for (var i = 0; i < data_select_Axis_type.length; i++) {
                array_hold_Axis_type.push(
                  data_select_Axis_type[i].text.trim().concat("|")
                );
              }
              for (let i = 0; i < array_hold_Axis_type.length; i++) {
                String_hold_Axis_type += array_hold_Axis_type[i];
              }
    
              if (String_hold_Axis_type[String_hold_Axis_type.length - 1] === "|") {
                String_edited_Axis_type = String_hold_Axis_type.slice(
                  0,
                  String_hold_Axis_type.length - 1
                );
              }
    
              if (String_edited_Axis_type) {
                $("#example")
                  .DataTable()
                  .column(3)
                  .search(String_edited_Axis_type, true, false)
                  .draw();
              }
            }
          });
        },

    });
})
function init_row_filter() {
  $.ajax({
    url: "https://rms.rmto.ir/public/contents/provinces",
    type: "GET",
    success: function (data) {
      list_province = data.data;
      for (let index = 0; index < list_province.length; index++) {
        $(".js-example-basic-multiple").append(
          "\
              <option value=" +
            list_province[index].id +
            ">" +
            list_province[index].name_fa +
            "</option>\
            "
        );
      }
    },
  });
}
function init_data_filter1() {
  let hold_idSelect = $("#select-province1").val();
  console.log(hold_idSelect);
  $.ajax({
    url: "https://rms.rmto.ir/public/contents/provinces/" + hold_idSelect,
    type: "GET",
    success: function (data) {
      list_citys = data.data;
      //ppp
      // $("#select-city1").val(0).trigger("change");
      $("#select-city1").html("");
      for (let index = 0; index < list_citys.length; index++) {
        $("#select-city1").append(
          "\
            <option value=" +
            list_citys[index].id +
            ">" +
            list_citys[index].name_fa +
            "</option>\
          "
        );
      }
    },
  });

  if ($("#select-province1").val() != 0) {
    $(".btn-increase").prop("disabled", false);
  }
  $(".btn-increase").on("click", function () {
    $("#append-input-forFilter2").removeClass("d-none");
  });
}