$(document).ready(function(){"use strict";var e=$(".ul-contact-mobile-icon"),a=$(".ul-todo-sidebar"),s=$(".todo-sidebar-close ");e.on("click",function(){a.addClass("ul-todo-sidebar open")}),s.on("click",function(){a.removeClass(" open")});var n=[{id:1,img:"../../dist-assets/images/faces/1.jpg"},{id:2,img:"../../dist-assets/images/faces/2.jpg"},{id:3,img:"../../dist-assets/images/faces/3.jpg"},{id:4,img:"../../dist-assets/images/faces/4.jpg"}],t=[{id:1,title:"Bob",img:"../../dist-assets/images/faces/1.jpg",badge:'<span href="#" class="badge badge-warning mr-2">Test</span>'},{id:2,title:"Harry",img:"../../dist-assets/images/faces/2.jpg"},{id:3,title:"Bob",img:"../../dist-assets/images/faces/3.jpg"},{id:4,title:"Harry",img:"../../dist-assets/images/faces/4.jpg"}];function i(e){$("#userTable").append(`<li class="list-group-item">\n        <div class="ul-todo-title-wrapper d-flex justify-content-between align-items-center">\n            <div  class="ul-todo-area d-flex">\n                <div>\n                    <label class="checkbox checkbox-primary">\n                        <input type="checkbox">\n                \n                        <span class="checkmark"></span>\n                    </label>\n                </div>\n                <div>\n                    ${e.title}\n                </div>\n               \n            </div>\n            \n            <div class="ul-todo-action d-flex align-items-center">\n            \n            <span href="#" class="badge badge-danger mr-2">Developer</span>\n            <span href="#" class="badge badge-warning mr-2">UI/UX</span>\n                <div class="ul-widget4__img">\n                    <img src="${e.img}" class="rounded-circle" id="userDropdown" alt="" data-toggle="dropdown"\n                        aria-haspopup="true" aria-expanded="false">\n                </div>\n                <button type="button" class="btn bg-transparent _r_btn border-0" data-toggle="dropdown" aria-haspopup="true"\n                    aria-expanded="false">\n                    <span class="_dot _r_block-dot bg-dark"></span>\n                    <span class="_dot _r_block-dot bg-dark"></span>\n                    <span class="_dot _r_block-dot bg-dark"></span>\n                </button>\n                <div class="dropdown-menu" x-placement="bottom-start">\n                    <a class="dropdown-item" href="#"><i class="nav-icon i-Pen-2 text-success font-weight-bold mr-2"></i>Edit\n                        Contact</a>\n                    <a class="dropdown-item" href="#"><i class="nav-icon i-Close-Window text-danger font-weight-bold mr-2"></i>Delete\n                        Contact</a>\n                </div>\n            </div>\n        </div>\n    </li>`)}$("#todo-list-search").keyup(function(){var e;e=$(this).val(),$("#userTable li").each(function(){var a="false";$(this).each(function(){$(this).text().toLowerCase().indexOf(e.toLowerCase())>=0&&(a="true"),"true"==a?$(this).show():$(this).hide()})})}),$("form").submit(function(e){e.preventDefault()}),$.each(t,function(e,a){i(a)}),$("form#addUser").submit(function(){var e,a={},s=$('input[name="title"]').val(),o=$('textarea[name="description"]').val(),d=$(this).find(":selected").val(),l=n.filter(e=>e.id==d);s&&o&&0!=d?($(this).serializeArray().map(function(e){a[e.name]=e.value,a={...a,...l[0]}}),console.log(a),e=a,t.push(e),i(e),this.reset()):alert("All fields must have a valid value.")})});