@{section header}
<title>لیست محصولات</title>
<style>
  .productBox:last-child{border:0 !important;}
  .activate{display: inline-block !important;}
  .deActivate{display: none !important;}
</style>
@{end}


<div class="Hrow HpaddT-50 HpaddLR-10">
        
	<div class="Hcontainer Hcontainer-1000 Hpadd-20 Hround-5 Hbg-white" style="box-shadow: 0px 0px 5px #aaa;">
              <h3 class="Hfloat-R HmarB-40 Htxt-center" data-color="#2a3642" style="color: rgb(42, 54, 66);">لیست محصولات</h3>
              <div class="Hfloat-L HpaddLR-10">
                <input type="text" value="@{!repository.searchField}" id="search" placeholder="جستجو ..." class="HpaddLR-10 HpaddTB-5 Hround-3" data-color="var(--gray-v3)" data-bgcolor="var(--white-v3)" style="border:0px;border-radius:0px 20px 20px 0px;"/>
                <small class="@{if repository.searchField!=''} deActivate @{else} activate @{fi} Hfloat-L Hbtn Hbtn-yellow-v3 fas fa-search HpaddT-10 HpaddR-10 HpaddL-15" id="doSearch" style="border-radius:20px 0px 0px 20px;"></small>
                <small class="@{if repository.searchField!=''} activate @{else} deActivate @{fi} Hfloat-L Hbtn Hbtn-red-v3 fas fa-times HpaddT-10 HpaddR-10 HpaddL-15" id="clearSearch" style="border-radius:20px 0px 0px 20px;"></small>
              </div>
               @{foreach item in model.list}
                <div class="Hrow HpaddLR-5 HpaddT-10 HpaddB-5 productBox" style="border-bottom: 1px solid #eee;">
                    <span class="Hfloat-R" data-color="var(--red-v3)">@{!item.code}</span>
                    <small class="Hfloat-R HpaddLR-10" data-color="var(--gray-v3)">@{!item.title[repository.lang]}</small>
                    <span class="Hfloat-L">
                      <a href="/productIMG/@{item._id}" class=" fas fa-camera-retro HpaddLR-10 HpaddTB-5" data-color="var(--blue-v3)"></a>
                      <a href="/@{repository.lang}/adminUPDproduct/@{item._id}" class=" fas fa-pencil-alt HpaddLR-10 HpaddTB-5" data-color="var(--orang-v3)"></a>
                      <span class="far fa-trash-alt HpaddLR-10 HpaddTB-5" data-color="var(--red-v3)"></span>
                    </span>
                </div> 	
               @{end}
	</div>
</div>






@{section footer}


  <script type="text/javascript">
function show_res(result){
    switch(result.status){
      case 43:
            Hnotification({status:"success",Cstyle:[{color:"#ffffff"}],Ctext:result.data});
      break;
        default:
            Hnotification({status:"warning",Cstyle:[{color:"#000000"}],Ctext:result.data});
      break;
    }
   }
   
   function removeExtraSpaces(text) {
    // Remove extra spaces and trim the text
    return text.replace(/\s+/g, ' ').trim();
    }

$(document).ready(function(){
    $("#doSearch").click(function(){
      var search=$("#search").val();
      search=removeExtraSpaces(search);
      search=search.replaceAll(" ","*");
      location.href=`/admin/productsList/page:1|searchField:${search}`;
    });
    $("#clearSearch").click(function(){
      location.href=`/admin/productsList/page:1`;
    });
    
});


</script>

@{end}