/******/ (() => { // webpackBootstrap
var __webpack_exports__ = {};
/*!*************************************************!*\
  !*** ./resources/js/pages/tasks-kanban.init.js ***!
  \*************************************************/
/*
Template Name: Velzon - Admin & Dashboard Template
Author: Themesbrand
Website: https://Themesbrand.com/
Contact: Themesbrand@gmail.com
File: tasks-kanaban  init js
*/
var tasks_list = [document.getElementById("kanbanboard"), document.getElementById("unassigned-task"), document.getElementById("todo-task"), document.getElementById("inprogress-task"), document.getElementById("reviews-task"), document.getElementById("completed-task"), document.getElementById("new-task")];

if (tasks_list) {
  var noTaskImage = function noTaskImage() {
    Array.from(document.querySelectorAll("#kanbanboard .tasks-list")).forEach(function (item) {
      var taskBox = item.querySelectorAll(".tasks-box");

      if (taskBox.length > 0) {
        item.querySelector('.tasks').classList.remove("noTask");
      } else {
        item.querySelector('.tasks').classList.add("noTask");
      }
    });
  };

  var taskCounter = function taskCounter() {
    task_lists = document.querySelectorAll("#kanbanboard .tasks-list");

    if (task_lists) {
      Array.from(task_lists).forEach(function (element) {
        tasks = element.getElementsByClassName("tasks");
        Array.from(tasks).forEach(function (ele) {
          task_box = ele.getElementsByClassName("tasks-box");
          task_counted = task_box.length;
        });
        badge = element.querySelector(".totaltask-badge").innerText = "";
        badge = element.querySelector(".totaltask-badge").innerText = task_counted;
      });
    }
  };

  var myModalEl = document.getElementById('deleteRecordModal');

  if (myModalEl) {
    myModalEl.addEventListener('show.bs.modal', function (event) {
      document.getElementById('delete-record').addEventListener('click', function () {
        event.relatedTarget.closest(".tasks-box").remove();
        document.getElementById('delete-btn-close').click();
        taskCounter();
      });
    });
  }

  drake = dragula(tasks_list).on('drag', function (el) {
    el.className = el.className.replace('ex-moved', '');
  }).on('drop', function (el) {
    el.className += ' ex-moved';
  }).on('over', function (el, container) {
    container.className += ' ex-over';
  }).on('out', function (el, container) {
    container.className = container.className.replace('ex-over', '');
    noTaskImage();
    taskCounter();
  });
  var kanbanboard = document.querySelectorAll('#kanbanboard');

  if (kanbanboard) {
    var scroll = autoScroll([document.querySelector("#kanbanboard")], {
      margin: 20,
      maxSpeed: 100,
      scrollWhenOutside: true,
      autoScroll: function autoScroll() {
        return this.down && drake.dragging;
      }
    });
  } //Create a new kanban board


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

  if (addNewBoard) {
    var newKanbanbaord = function newKanbanbaord() {
      var boardName = document.getElementById("boardName").value;
      var uniqueid = Math.floor(Math.random() * 100);
      var randomid = "remove_item_" + uniqueid;
      var dragullaid = "review_task_" + uniqueid;
      kanbanlisthtml = '<div class="tasks-list" id=' + randomid + ">" + '<div class="d-flex mb-3">' + '<div class="flex-grow-1">' + '<h6 class="fs-14 text-uppercase fw-semibold mb-0">' + boardName + '<small class="badge bg-success align-bottom ms-1 totaltask-badge">0</small></h6>' + '</div>' + '<div class="flex-shrink-0">' + '<div class="dropdown card-header-dropdown">' + '<a class="text-reset dropdown-btn" href="#" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false">' + '<span class="fw-medium text-muted fs-12">Priority<i class="mdi mdi-chevron-down ms-1"></i></span>' + '</a>' + '<div class="dropdown-menu dropdown-menu-end">' + '<a class="dropdown-item" href="#">Priority</a>' + '<a class="dropdown-item" href="#">Date Added</a>' + '</div>' + '</div>' + '</div>' + '</div>' + '<div data-simplebar class="tasks-wrapper px-3 mx-n3">' + '<div class="tasks" id="' + dragullaid + '" >' + '</div>' + '</div>' + '<div class="my-3">' + '<button class="btn btn-soft-info w-100" data-bs-toggle="modal" data-bs-target="#creatertaskModal">Add More</button>' + '</div>' + '</div>';
      var subTask = document.getElementById("kanbanboard");
      subTask.insertAdjacentHTML("beforeend", kanbanlisthtml);
      var link = document.getElementById("addBoardBtn-close");
      link.click();
      noTaskImage();
      taskCounter();
      drake.destroy();
      tasks_list.push(document.getElementById(dragullaid));
      drake = dragula(tasks_list).on('out', function (el, container) {
        noTaskImage();
        taskCounter();
      });
      document.getElementById("boardName").value = "";
    };

    document.getElementById("addNewBoard").addEventListener("click", newKanbanbaord);
  } // Add Members 


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

  if (addMember) {
    var newMemberAdd = function newMemberAdd() {
      var firstName = document.getElementById("firstnameInput").value;
      var getMemberProfile = localStorage.getItem('kanbanboard-member');
      newMembar = '<a href="javascript: void(0);" class="avatar-group-item" data-bs-toggle="tooltip" data-bs-trigger="hover" data-bs-placement="top" title="' + firstName + '">' + getMemberProfile + '</a>';
      var subMemberAdd = document.getElementById("newMembar");
      subMemberAdd.insertAdjacentHTML("afterbegin", newMembar);
      var link = document.getElementById("btn-close-member");
      link.click();
    };

    document.getElementById("addMember").addEventListener("click", newMemberAdd); //set membar profile 

    var profileField = document.getElementById("profileimgInput");
    var reader = new FileReader();
    profileField.addEventListener("change", function (e) {
      reader.readAsDataURL(profileField.files[0]);

      reader.onload = function () {
        var imgurl = reader.result;
        var dataURL = '<img src="' + imgurl + '" alt="profile" class="rounded-circle avatar-xs">';
        localStorage.setItem('kanbanboard-member', dataURL);
      };
    });
  }
}
/******/ })()
;