@{section header}

<title>Users list</title>

<style>
    #frmPass #oldpass , #frmPass label[for="oldpass"]{display:none;}
</style>
@{end}




<div class="Hrow">
	<div class="Hcontainer Hcontainer-1300 Hpadd-30">
    <a class="Hfloat-R Hbtn Hbtn-lightGreen HmarB-10 trans0_25 HpaddBT-7"   href="/user/insert" >افزودن کاربر</a>
    <form id="frm" class="Hrow HmarB-3per" name="frm" action="" method="post" enctype="multipart/form-data" >
      <div class="Hcol-xlg-6 Hcol-lg-6 Hcol-xmd-6 Hcol-md-6 Hcol-xsm-6 Hcol-sm-6 Hcol-xs-12 Hcol-xss-12 ">
        <input type="text" class="Htxt-center Htxt-V1" id="userSearch" name="text" placeholder=""/>
      </div>  
      
      <div class="Hcol-xlg-1 Hcol-lg-1 Hcol-xmd-1 Hcol-md-1 Hcol-xsm-1 Hcol-sm-1"></div>
      <div class="Hcol-xlg-5 Hcol-lg-5 Hcol-xmd-5 Hcol-md-5 Hcol-xsm-5 Hcol-sm-5 Hcol-xs-12 Hcol-xss-12">
        <select name="query" id="query" class="Htxt-center Htxt-V1">
          <option value="fam">نام خانوادگی</option>
          <option value="phone">شماره(تلفن - مبایل - فکس ...)</option>
          <option value="idcode">کدملی</option>
          <option value="username">نام کاربری</option>
        </select>
        
      </div> 

      <div class="Hrow"></div>
      <div class="Hcol-xlg-5 Hcol-lg-5 Hcol-xmd-5 Hcol-md-5 Hcol-xsm-5 Hcol-sm-5 Hcol-xs-12 Hcol-xss-12 SubmitionBox HpaddT-10 Hfloat-L">
        <input class="trans0_25 Hbtn-fullfix Hbtn-orang-v3 Hcursor-poi Hpadd-7"  type="button" id="filterUsers" data-action="/user/list/filter"  value="جستجوی کاربر"/>
        <a href="" id="filter-remove" class="HmarT-10 Hbtn-mini Hbg-red-v3" data-color="#fff"  style="padding:5px 15px;display:none;">حذف فیلتر</a>
      </div>
    </form>
   
   @{if repository.user.role.some(item => ["administrator"].includes(item))}
    <div class="Hrow Hpadd-10 Hbg-white">
            <label class="checkBox Hfloat-R Hcheck-group" data-function="" group-class="chlist" style=""><input type="checkbox" value="" style="display:none;"/><span class="checkmark" data-txt="✔" style=""></span></label>
            <small id="multidel" data-color="#fff" class="Hbtn Hbg-red-v3 Hfloat-L" > حذف کاربران انتخاب شده </small>
    </div>
    @{fi}
    <div id="list" class="listShow-N2 userlist">
      @{foreach m in model.data}
        @{if (m._id+"") != (repository.user._id+"")}
      <div class="Hrow Hpadd-10 " id="i@{!m._id}" >
        @{if repository.user.role.some(item => ["administrator"].includes(item))}<label class="checkBox Hfloat-R chlist" value="@{!m._id}"><input type="checkbox" value="" style="display:none;"/><span class="checkmark" style=""></span></label>@{fi}
        <b style="float:right;padding:10px;" class="username">@{!m.username}</b> 
        <span class="nameFam" style="padding:10px;display:inline-block;">@{!m.name} @{!m.fam}</span>
        <span class="phone" style="display:none">@{foreach x in m.phone}<span class="Hmar-5 Hpadd-5 HpaddR-10 HpaddL-10 Hbg-blue-v3 Hround-40" style="color:#fff;display:inline-block">@{!x.k} : @{!x.v}</span>@{end}</span>
        <span class="email" style="display:none">@{!m.email}</span>
        <span class="idcode" style="display:none">@{!m.idcode}</span>
        <span class="Hfloat-L " style="direction:rtl;">
          <a href="/user/view/pictuer/@{!m._id}" class="fas fa-camera Hbtn-mini Hbg-green-v3" data-color="#fff"></a>
          <b class="far fa-eye  user-info Hbtn-mini Hbg-blue-v3"  data-color="#fff" ></b> 
          @{if repository.user.role.some(item => ["administrator"].includes(item))}<b class="fas fa-user-lock Hbtn-mini Hbg-lightorange" data-color="#fff"  ></b> @{fi}
          <a href="/user/update/@{!m._id}" class="fas fa-pencil-alt Hbtn-mini Hbg-yellow-v3"></a>
          @{if repository.user.role.some(item => ["administrator"].includes(item))}<b data-id="@{!m._id}" class="fas fa-trash-alt remove-user Hbtn-mini Hbg-red-v3" data-color="#fff"></b>@{fi}
        </span>
      </div>
        @{fi}
      @{end}
   </div>
   
   <div class="Hrow" id="paging-user">
   @{view('~partial/pagination',model)}
   </div>
	
</div>
</div>



@{if repository.user.role.some(item => ["administrator"].includes(item))}
<form id="multidelform" style="display:none;" class="Hrow HmarB-3per" name="multidelform" action="" method="post" enctype="multipart/form-data" ><input type="hidden" name="users" id="users" value=""/></form>
@{fi}
<div class="Hmodal" id="mod1"> 
  <div class="Hmodal-md Hcards" style="background:#fff !important;border-radius:5px;">
    <div class="Hcards_header ">
      <div class="close" style="background:#e01e38;border-radius:4px;"></div>
    </div>
    <div class=" Hcards-content HpaddBT-15 HpaddLR-20" style="direction:rtl;">
      <h2 id="name" class="Hrow Htitr-3 HmarB-40 Htxt-center" data-color="#2a3642" style="color: rgb(42, 54, 66);"></h2>
      <p class="Hrow HmarB-15 " style="direction:rtl;font-weight: bold;">نام کاربری : <span style="font-weight: normal;" id="username" data-color="#666"></span></p>
      <p class="Hrow HmarB-15 " style="direction:rtl;font-weight: bold;">ایمیل : <span style="font-weight: normal;" id="email" data-color="#666"></span></p>
      <p class="Hrow HmarB-10 " style="direction:rtl;font-weight: bold;"> کد ملی : <span style="font-weight: normal;" id="idcode" data-color="#666"></span></p>
      <p class="Hrow HmarB-10 " style="direction:rtl;font-weight: bold;"> شماره تلفن : <small style="font-weight: normal;" id="phone" data-color="#666"></small></p>
      
    </div>
    <div class="Hcards-footer">
      <a id="goview" class="Hbtn Hbtn-yellow-v3 Hfloat-R" href="">ویرایش کاربر</a>
    </div>
  </div>
</div>

<button id="md1" data-selector="#mod1" data-target="Hmodal" style="display: none;"></button>

<button id="md2" data-selector="#mod2" data-target="Hmodal" style="display: none;"></button>

<div class="Hmodal" id="mod2"> 
  <div class="Hmodal-sm Hcards" style="background:#fff !important;border-radius:5px;">
    <div class="Hcards-header">
      <div class="close" style="background:#e01e38;border-radius:4px;"></div>
    </div>
    <div class="Hcards-content HpaddLR-20 HpaddB-30 HpaddT-15">
      @{view('~../modules/https_modules/users/views/partial/updPassword')}
    </div>
    
  </div>
</div>
<p>&nbsp;</p>
@{section footer2}


<script src="../../../../../js/Hvalidation.js"></script>
<script src="../../../../../js/heramvalidate.js"></script>

    <script type="text/javascript">


//////////////////////

        

        
        
        
        
        
      var whatsrole=`@{repository.user.role}`;
      whatsrole=whatsrole.split(",");
        function show_filteruser(result){ // for filter users
            switch(result.status){
                case 400:
                    Hnotification({status:"info",Ttext:"",Ctext:result.data});
                    break;
                case 200:
                    $("#list").html("");
                    var x="";
                    $("#paging-user").html("");
                    result.data.forEach(m=>{
                        var numbers="";
                        m.phone.forEach(x=>{numbers+='<span class="Hmar-5 Hpadd-5 HpaddR-10 HpaddL-10 Hbg-blue-v3 Hround-40" style="color:#fff;display:inline-block;"> '+x.k+' : '+x.v+'</span>'});
                        x=($("#multidelform").length)?'<label class="checkBox Hfloat-R chlist" value="'+m._id+'"><input type="checkbox" value="" style="display:none;"/><span class="checkmark" style=""></span></label>':"";
                        if(!whatsrole.some(item => ["administrator"].includes(item))){
                          $("#list").html($("#list").html()+'<div class="Hrow Hpadd-10 " id="i'+m._id+'" >'+x+'<b class="username" style="float:right;padding:10px;">'+m.username+'</b><span class="nameFam Hfloat-R Hpadd-10">'+m.name+' '+m.fam+'</span><span class="phone" style="display:none;">'+numbers+'</span><span class="email" style="display:none;">'+m.email+'</span><span class="idcode" style="display:none;">'+m.idcode+'</span><span style="float:left;direction:rtl;"><a href="/user/view/pictuer/'+m._id+'" class="fas fa-camera Hbtn-mini Hbg-lightgreen" style="color:#fff"></a><b class="far fa-eye user-info Hbtn-mini Hbg-blue-v3"  data-selector="#mod1" data-target="Hmodal" style="color:#fff"></b><a href="/user/update/'+m._id+'" class="fas fa-pencil-alt Hbtn-mini Hbg-yellow-v3"></a></span></div>');
                        }else{
                          $("#list").html($("#list").html()+'<div class="Hrow Hpadd-10 Htext-right" id="i'+m._id+'" >'+x+'<b class="username" style="float:right;padding:10px;">'+m.username+'</b><span class="nameFam Hfloat-R Hpadd-10">'+m.name+' '+m.fam+'</span><span class="phone" style="display:none;">'+numbers+'</span><span class="email" style="display:none;">'+m.email+'</span><span class="idcode" style="display:none;">'+m.idcode+'</span><span style="float:left;direction:rtl;"><a href="/user/view/pictuer/'+m._id+'" class="fas fa-camera Hbtn-mini Hbg-lightgreen" style="color:#fff"></a><b class="far fa-eye user-info Hbtn-mini Hbg-blue-v3"  data-selector="#mod1" data-target="Hmodal" style="color:#fff"></b> <b class="fas fa-user-lock  Hbtn-mini Hbg-lightorange"  data-selector="#mod2" data-target="Hmodal" style="color:#fff"></b><a href="/user/update/'+m._id+'" class="fas fa-pencil-alt Hbtn-mini Hbg-yellow-v3"></a><b data-id="'+m._id+'" class="fas fa-trash-alt remove-user Hbtn-mini Hbg-red-v3" style="color:#fff"></b></span></div>');
                        }  
                    });
                    $("#filter-remove").css("display","inline-block");
                    break;
                default:
                    Hnotification({status:"warning",Ttext:"Error sending data",Ctext:result.data});
            }
        }


////////////////////////////////////
    function checkPaging(){
      var users=$("#list").children().length;
      var url=window.location.href;
      url=decodeURI(url);
      if(users>1){
        window.location.href=url;
      }else{
        var page=url.split('/');
        var numpage=page[page.length-1]*1;
        if(page[page.length-1]==""){numpage=page[page.length-2]*1;}   
        if(numpage==1){window.location.href=url;
        }else{
          if(page[page.length-1]==""){
            page[page.length-2]=numpage-1;
          }else{
            page[page.length-1]=numpage-1;
          }
          url=page.join("/");window.location.href=url;
          
        }
      }
    }
    
//////////////////////
    async function show_res(result){        /// for remove user
        switch(result.status){
            case 103:
                Hnotification({status:"danger2",Ttext:"",Ctext:result.data});    
            break;
            case 206:
                Hnotification({status:"success",Ttext:"",Ctext:result.data});    
                checkPaging();
            break;
            case 309: 
                let x=await Hconfirm({status:"warning",icon:"warning",Ttext:"Attention !",Ctext:result.data,Cclass:" Hrtl",oBtext:"Yes",cBtext:"No"});    
                if(x){
                    var f=result.id+"";
                    mydelete(f,"/user/delete_force/");
               }
            break;
            default:
                Hnotification({status:"warning",Ttext:"",Ctext:result.data});    
        }
    }
    
    async function show_res4(result){        /// for remove users
        switch(result.status){

            case 200:
                Hnotification({status:"success",Ttext:"",Ctext:result.data});    
                location.reload(); 
            break;
            default:
                Hnotification({status:"warning",Ttext:"",Ctext:result.data});    
        }
    }
    
    
        function show_res3(result){        /// for upd pass
        $("#mod2 .close").trigger("click");
        switch(result.status){
            case 205: 
                $("#newpass").val("");
                $("#newpass2").val("");
                Hnotification({status:"success",Ttext:"",Ctext:result.data});    
            break;
            default:
                Hnotification({status:"danger2",Ttext:"",Ctext:result.data});    
        }
        
    }


//////////////////////

    async function mydelete(id,url){
        var query="id="+id;
        var resdel=await jqajax(url,query,"get","loader");
        show_res(resdel); 
    }
$(document).ready(function(){
    ///////////////////////
    $("#filterUsers").click(async function(){

       var formdata=new FormData(frm);
        var sel=$("#query").val();
        var item=$("#userSearch");
        var value=item.val();
        if(ISstring(value,1)){

      let ok=0;
          switch (sel){
            case "idcode":
            if(await ISidcode(value)){
              ok=1;
            }else{item.css("border-color","red");}
            break;
            case "phone":
            if(value!=""){
              ok=1;
            }else{item.css("border-color","red");}
            break;
            case "username":
            case "fam":
            if(await ISstring(value,3)){
              ok=1;
            }else{item.css("border-color","red");}
                
            break;
          }
        
          if(ok){
            item.css("border-color","#ccc");
            var result=await jqajax("/user/list/filter",formdata,"post","loader");
       

            show_filteruser(result);
          }
        }else{
          item.css("border-color","red");
             Hnotification({status:"warning",Ttext:"Error sending data",Ctext:"Please fill the input with appropriate values"});

        }
    });

///////////////////////////////
    $("#updpass").click(async function(){
        var newpass=$("#newpass").val();
        var newpass2=$("#newpass2").val();
        if(ISstring(newpass,6) && ISstring(newpass2,6)){
            if(newpass==newpass2){
                var formdata=new FormData(frmPass);
                var result=await jqajax("/user/update/password",formdata,"post","loader");  
                show_res3(result);
            }else{
                Hnotification({status:"info",Cstyle:[{color:"#ffffff"}],Ctext:"The password and its repetition are not the same"});
            }
        }else{
            Hnotification({status:"info",Cstyle:[{color:"#ffffff"}],Ctext:"please chose password in currect form"});
        }
    });
////////////////////////////////
    $(document).on("click", ".fa-user-lock" ,async function(){
    
      $("#userid").val($(this).parent().parent().attr("id").replace("i",""));
      $("#md2").trigger('click');
    });
////////////////////////////////
    $(document).on("click", "b.user-info" ,async function(){
        $("#name").html($(this).parent().siblings(".nameFam").html());
        $("#username").html($(this).parent().siblings(".username").html());
        $("#email").html($(this).parent().siblings(".email").html());
        $("#idcode").html($(this).parent().siblings(".idcode").html());
        $("#phone").html($(this).parent().siblings(".phone").html());
        $("#goview").attr("href",$(this).next().next().attr("href"));
        $("#md1").trigger('click');
    });
////////////////////////////////
    $(document).on("click", "b.remove-user" ,async function(){
        let x=await Hconfirm({Ctext:"Are you sure you want to delete this user? \n It is not possible to recover after deletion",Cclass:" Hrtl",oBtext:"Yes",cBtext:"No"});
        if(x){
            mydelete($(this).attr("data-id"),"/user/delete/");
        }
    });
    
    
    $(document).on("click", "#multidel" ,async function(){
        let x=await Hconfirm({Ctext:"Are you sure you want to delete this users? \n It is not possible to recover after deletion",Cclass:" Hrtl",oBtext:"Yes",cBtext:"No"});
        
        if(x){
            x=await Hconfirm({Ctext:"Attention ! \n It is not possible to recover after deletion",Cclass:" Hrtl",oBtext:"Yes",cBtext:"No"});
            if(x){
                var ilist=[];
                $(".chlist input[type=checkbox]:checked").each(function(){
                    ilist.push($(this).parent().attr("value"));
                });
                $("#users").val(ilist);
                var formdata=new FormData(multidelform);
                var result=await jqajax("/user/multidelete/",formdata,"post","loader");  
                show_res4(result);
            }
                
        }
    });


 

});





</script>


@{end}