@{section header}
@{end}


<div class="Hrow HmarT-80 ">
        <div class="Hcontainer Hpadd-20 Hbg-white  Hround-5 shadowFaid-light " style="max-width:700px;">
                <div class="Hrow">
                        <span  class="HInlineBlock HpaddT-5" data-color="var(--navy-v3)">@{!resource(repository.lang,"sl_"+repository.name)}</span>
                        <span class="HInlineBlock Hfloat-L searchAndIns">
                                <input class="HInlineBlock Hbg-white Hround-40 Htxt-center" data-color="var(--gray-v3)" type="text" value="" placeholder="لطفا کد محصول مورد نظر را وارد کنید"/>
                                <button class="Hround-40 fas fa-plus" data-color="#fff" data-bgcolor="var(--green-v3)" id="searchAndInsert"></button>
                        </span>
                </div>
                <div class="Hrow productsList HpaddTB-20">
                        @{if model.data}
                                @{foreach m in model.data}
                                <div class="Hrow HpaddLR-10 HpaddTB-10 HmarB-10" style="border: 2px solid #aaa;" code="@{m.code}">
                                        <span class="HInlineBlock HpaddL-10" data-color="var(--red-v3)">@{!m.code}</span>
                                        <small class="HInlineBlock" data-color="var(--gray-v3)">@{m.title[repository.lang]}</small>
                                        <i class="HInlineBlock removeField fas fa-times HpaddLR-20 Hcursor-poi Hfloat-L" style="position: relative;top:5px;" data-color="var(--red-v3)"></i>
                                </div>
                                @{end}
                        @{fi}
                </div>
                
                <div class="Hrow HpaddT-10 HmarT-10" style="border-top:1px solid #eee;">
                        @{if repository.name=="suggestion"}
                        <label class="Hfloat-R HInlineBlock HpaddT-3 HpaddL-15  HmarTB-10" data-color="var(--navy-v3)">تاریخ پایان پیشنهاد ویژه : </label>
                        <input value="@{model.suggestionTime}" class="HpaddLR-10 Hbg-white Hfloat-R  HmarTB-10" style="border:2px solid #eee;" data-color="var(--blue-v3)" type="datetime-local" id="datetime" name="datetime">
                        @{fi}
                        <button id="updSlider" type="button" style="border:0px;" class="HInlineBlock HpaddLR-30 HpaddTB-5 Hfloat-L Hcursor-poi Hround-5 HmarTB-10" data-color="#fff" data-bgcolor="var(--green-v3)">اعمال تغییرات</button>
                </div>
                
        </div>
</div>


@{section footer}

<script src="../../../js/rSlider.min.js"></script>
<script>
   var lang=`@{repository.lang}`;
   var name=`@{repository.name}`;

   function show_res(result){
        switch(result.status){
        case 200:
                Hnotification({status:"success",Cstyle:[{color:"#ffffff"}],Ctext:result.data});
                var object='<div class="Hrow HpaddLR-10 HpaddTB-10 HmarB-10" style="border: 2px solid #aaa;" code="'+result.query.code+'"><span class="HInlineBlock HpaddL-10" style="color:var(--red-v3)">'+result.query.code+'</span><small class="HInlineBlock" style="color:var(--gray-v3)">'+result.query.title[lang]+'</small><i class="HInlineBlock removeField fas fa-times HpaddLR-20 Hcursor-poi Hfloat-L" style="position: relative;top:5px;color:var(--red-v3)"></i></div>';
                $(".productsList").append(object);
                $(".searchAndIns input").val("");
                break;
        default:
                Hnotification({status:"warning",Cstyle:[{color:"#000000"}],Ctext:result.data});
        break;
        }
   }
   
   function show_res2(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;
        }
   }

   $(document).ready(function(){
        $("#searchAndInsert").click(async function(){
                const code=$(this).prev().val().trim();
                const exist=($(`.productsList div[code="${code}"]`).length > 0);
                if(!exist){
                        var formdata="code="+code;
                        var result=await jqajax("/checkProductExist/",formdata,"get","loader");
                        show_res(result);
                        
                }
        });
   });
   $(document).on("click",".removeField",function(){
       $(this).parent().remove();
   });

   $("#updSlider").click(async function(){
        var codeList=[];
        $(".productsList").children().each(function(){
                codeList.push($(this).attr("code").trim());
        });
        var formdata=`codes=${codeList}`;
        if(name=="suggestion"){
                formdata+=`&date=${$("#datetime").val()}`;   
        }
        var result=await jqajax(`/updSlider/${name}`,formdata,"get","loader");
        show_res2(result);
   });
    
</script>

@{end}


<!--



-->