@{section header}
<style>
    .deactive{display: none;}
    .hide{display: none;}
    #suggestion>small{display:block;}
    #suggestion>small:nth-child(odd){
        background: #f3f4f5;
    }
    #suggestion>small:nth-child(even){
        background:#fff;
    }
</style>
@{end}

<select class="Hrow Hbg-white Htxt-center Hcenter Hround-5 HmarB-10" id="selectLang" @{if !model.data}disabled="disabled"@{fi} style="box-shadow:0px 0px 5px #eee;max-width: 500px;border:1px solid var(--white-v3)" >
    <option value="fa" @{if !model.data || repository.Plang=='fa'}selected @{fi}>persian (فارسی)</option>
    <option value="en" @{if repository.Plang=='en'}selected @{fi}>english (انگلیسی)</option>
    <option value="ar" @{if repository.Plang=='ar'}selected @{fi}>arabic (عربی)</option>
    <option value="tr" @{if repository.Plang=='tr'}selected @{fi}>turkish (ترکی)</option>
</select>
@{if !model.data}
<small class="Hrow Hcenter Hround-5 HmarTB-10" style="max-width: 500px;" data-color="var(--red-v3)">زبان پایه هنگام ثبت محصول ، فارسی است</small>
@{fi}
<form id="frm_product" class="Hrow HpaddLR-15 HpaddTB-30 Hbg-white Hcenter" style="box-shadow:0px 0px 5px #eee;max-width: 500px;" name="frm_product" action="" method="post" enctype="text/plain" >
        
    
    <!--TAB 1-->
    <div class="Hrow Tab " tab="1">
        <div class="Hrow Hpadd-10">
            <label class="Hrow HpaddR-20 HpaddB-5" data-color="#777" style="direction:rtl"> دسته بندی</label>
            @{if model.data}
            @{view('~/partial/category',{category:model.data.category})}
            @{else}
            @{view('~/partial/category',{})}
            @{fi}
        </div>

        <div class="Hrow Hpadd-10 HmarB-10">
            <label class="Hrow HpaddR-20 HpaddB-5" data-color="#777" style="direction:rtl"> نام</label>
            <input class="Hrow Hround-5 Hpadd-10 Htxt-center" data-color="#333" data-bgcolor="#F0F0F0" style="border:0" value="@{if model.data && model.data.name[repository.Plang]}@{!model.data.name[repository.Plang]}@{fi}" name="dName" id="dName" />
        </div>

        <div class="Hrow Hpadd-10 HmarB-10">
            <label class="Hrow HpaddR-20 HpaddB-5" data-color="#777" style="direction:rtl"> عنوان</label>
            <input class="Hrow Hround-5 Hpadd-10 Htxt-center" data-color="#333" data-bgcolor="#F0F0F0" style="border:0" value="@{if model.data && model.data.title[repository.Plang]}@{!model.data.title[repository.Plang]}@{fi}" name="title" id="title" />
        </div>

        <div class="Hrow HpaddTB-50 Hbg-white Htxt-center">
                <label class="checkBox " data-function="" style=""><input @{if model.data && model.data.show} checked @{fi} type="checkbox" name="showAsADS" id="showAsADS" value="" style="display:none;"/><span class="checkmark" data-txt="✔" style=""></span> آگهی شود</label>
        </div>
   
        <div class="Hrow Hpadd-10">
            <button class="Hrow trans0_25  Hbtn-orang-v3  Hpadd-10 Hround-5 Hcursor-poi tabButton" func="n" data-color="#fff" type="button">مرحله بعد</button>
        </div>
    </div>

    <!--TAB 2-->
    <div class="Hrow Tab hide" tab="2">
       
        <!-- <div class="Hcol-xlg-6 Hcol-lg-6 Hcol-xmd-6 Hcol-md-6 Hcol-xsm-6 Hcol-sm-6 Hcol-xs-6 Hcol-xss-12 Hpadd-10 date">
            <label class="Hrow HpaddR-20 HpaddT-5 HpaddB-5" data-color="#777" style="direction:rtl"> تاریخ تولید</label>
            <input value="@{if model.data && model.data.dateIN}@{!model.data.dateIN}@{fi}" class="Hrow Hround-5 Hpadd-10  Htxt-center" type="date" data-color="#333"  data-bgcolor="#F0F0F0" style="border:0;letter-spacing: 5px;" name="dateIN" id="dateIN" />
        </div>

        <div class="Hcol-xlg-6 Hcol-lg-6 Hcol-xmd-6 Hcol-md-6 Hcol-xsm-6 Hcol-sm-6 Hcol-xs-6 Hcol-xss-12 Hpadd-10 date">
            <label class="Hrow HpaddR-20 HpaddT-5 HpaddB-5" data-color="#777" style="direction:rtl"> تاریخ انقضا</label>
            <input value="@{if model.data && model.data.dateEX}@{!model.data.dateEX}@{fi}" class="Hrow Hround-5 Hpadd-10  Htxt-center" type="date" data-color="#333"  data-bgcolor="#F0F0F0" style="border:0;letter-spacing: 5px;" name="dateEX" id="dateEX" />
        </div> -->

        

        <div class="Hrow HmarT-15">
            <div class="Hcol-xlg-6 Hcol-lg-6 Hcol-xmd-6 Hcol-md-6 Hcol-xsm-6 Hcol-sm-6 Hcol-xs-6 Hcol-xss-12  Hpadd-10">
                <label class="Hrow HpaddR-20 HpaddB-5" data-color="#777" style="direction:rtl"> موجودی</label>
                <input value="@{if model.data && model.data.stock<1000000}@{!model.data.stock}@{fi}" class="Hrow Hround-5 Hpadd-10 adad Htxt-center" data-color="#333" data-bgcolor="#F0F0F0" style="border:0;letter-spacing: 5px;" name="stock" id="stock" />
            </div>
            <div class="Hcol-xlg-6 Hcol-lg-6 Hcol-xmd-6 Hcol-md-6 Hcol-xsm-6 Hcol-sm-6 Hcol-xs-6 Hcol-xss-12 Htxt-center HpaddT-40">
                <label class="checkBox " data-function="" style="" data-color="#aaa"><input @{if model.data && model.data.stock>=1000000}checked@{fi} type="checkbox" name="ultimateStock" id="ultimateStock" value="" style="display:none;"/><span class="checkmark" data-txt="✔" style=""></span> موجودی نامحدود</label>
            </div>
        </div>

        <div class="Hcol-xlg-6 Hcol-lg-6 Hcol-xmd-6 Hcol-md-6 Hcol-xsm-6 Hcol-sm-6 Hcol-xs-6 Hcol-xss-12 Hpadd-10">
            <label class="Hrow HpaddR-20 HpaddB-5" data-color="#777" style="direction:rtl"> شرکت تولید کننده</label>
            <input class="Hrow Hround-5 Hpadd-10 Htxt-center" data-color="#333" data-bgcolor="#F0F0F0" style="border:0;letter-spacing: 5px;" value="@{if model.data && model.data.company[repository.Plang]}@{!model.data.company[repository.Plang]}@{fi}" name="company" id="company" />
        </div>

        <div class="Hcol-xlg-6 Hcol-lg-6 Hcol-xmd-6 Hcol-md-6 Hcol-xsm-6 Hcol-sm-6 Hcol-xs-6 Hcol-xss-12 Hpadd-10">
            <label class="Hrow HpaddR-20 HpaddB-5" data-color="#777" style="direction:rtl">&nbsp;</label>
            <select class="Hcol-xlg-6 Hcol-lg-6 Hcol-xmd-6 Hcol-md-6 Hcol-xsm-6 Hcol-sm-6 Hcol-xs-6 Hcol-xss-6 Hpadd-7 Htxt-center" data-color="#333" data-bgcolor="#F0F0F0" style="border:0" name="capacityType" id="capacityType" @{if model && model.capacityType} val="@{model.capacityType}"@{fi} >
                <option value='0' @{if model && model.capacityType=='0'}selected@{fi}>تعداد</option>
                <option value='1' @{if model && model.capacityType=='1'}selected@{fi}>حجم</option>
                <option value='2' @{if model && model.capacityType=='2'}selected@{fi}>وزن</option>
            </select>
            <input class="Hcol-xlg-6 Hcol-lg-6 Hcol-xmd-6 Hcol-md-6 Hcol-xsm-6 Hcol-sm-6 Hcol-xs-6 Hcol-xss-6 Htxt-center" data-color="#333" data-bgcolor="#F0F0F0" style="border:0;letter-spacing: 5px;padding:9px;" value="@{if model.data && model.data.capacity}@{!model.data.capacity}@{fi}" name="capacity" id="capacity" />
        </div>
        <div class="Hrow"></div>
        <div class="Hcol-xlg-6 Hcol-lg-6 Hcol-xmd-6 Hcol-md-6 Hcol-xsm-6 Hcol-sm-6 Hcol-xs-6 Hcol-xss-12 Hpadd-10">
            <label class="Hrow HpaddR-20 HpaddB-5" data-color="#777" style="direction:rtl"> تحت لیسانس</label>
            <input class="Hrow Hround-5 Hpadd-10 Htxt-center" data-color="#333" data-bgcolor="#F0F0F0" style="border:0;" value="@{if model.data && model.data.mul[repository.Plang]}@{!model.data.mul[repository.Plang]}@{fi}" name="mul" id="mul" />
        </div>

        <div class="Hcol-xlg-6 Hcol-lg-6 Hcol-xmd-6 Hcol-md-6 Hcol-xsm-6 Hcol-sm-6 Hcol-xs-6 Hcol-xss-12 Hpadd-10">
            <label class="Hrow HpaddR-20 HpaddB-5" data-color="#777" style="direction:rtl"> رده سنی</label>
            <input class="Hrow Hround-5 Hpadd-10 Htxt-center" data-color="#333" data-bgcolor="#F0F0F0" style="border:0;" value="@{if model.data && model.data.ageGroup}@{!model.data.ageGroup}@{fi}" name="ageGroup" id="ageGroup" />
        </div>

        <div class="Hrow Hpadd-10">
            <label class="Hrow HpaddR-20 HpaddB-5" data-color="#777" style="direction:rtl">عصاره</label>
            <input class="Hrow Hround-5 Hpadd-10 Htxt-center" data-color="#333" data-bgcolor="#F0F0F0" style="border:0;" value="@{if model.data && model.data.extract[repository.Plang]}@{!model.data.extract[repository.Plang]}@{fi}" name="extract" id="extract" />
        </div>
        
        <div class="Hrow Hpadd-10">
            <label class="Hrow HpaddR-20 HpaddB-5" data-color="#777" style="direction:rtl"> (به ازای 1  قلم) هزینه به تومان </label>
            <input class="Hrow Hround-5 Hpadd-10 adad Htxt-center" data-color="#333" data-bgcolor="#F0F0F0" style="border:0;letter-spacing: 5px;" value="@{if model.data && model.data.price[1]}@{!model.data.price[1]}@{fi}" name="price" id="price" />
        </div>
        
        <div class="Hrow HpaddLR-10">
            <div id="offerBox">
                
            </div>
            <button type="button" data-selector="#mod1" data-target="Hmodal" class="Hrow HpaddTB-10 Hround-5 Htext-center Hcursor-poi HmarB-20" style="border:0;" data-color="#fff" data-bgcolor="var(--blue-v3)">افزودن آفر</button>
            <input type="hidden" name="offers_N" id="offers_N" value=""/>
            <input type="hidden" name="offers_p" id="offers_p" value=""/>
        </div>

        <div class="Hrow Hpadd-10 normal_1">
            <button  class="Hfloat-L trans0_25  Hbtn-orang-v3  Hpadd-10 Hround-5 Hcursor-poi tabButton" func="p" type="button">مرحله قبل</button>
            <button  class="Hfloat-R trans0_25  Hbtn-orang-v3  Hpadd-10 Hround-5 Hcursor-poi tabButton" func="n" type="button">مرحله بعد</button>
        </div>
        
    </div>

    <!--TAB 3-->
    <div class="Hrow Tab hide" tab="3">

     
        <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 Hpadd-10 HmarT-10">
            <label class="Hrow HpaddR-20 HpaddB-5" data-color="#777" style="direction:rtl"> تخفیف (به درصد)</label>
            <input type="number" class="Hrow Hround-5 Hpadd-10 adad Htxt-center" value="@{if model.data && model.data.offer}@{!model.data.offer}@{else}0@{fi}"   data-color="#333" placeholder="" max='100' min='0' data-bgcolor="#F0F0F0" style="border:0;letter-spacing: 5px;" name="offer" id="offer" />
        </div>
        <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 Hpadd-10 HmarT-10">
            <label class="Hrow HpaddR-20 HpaddB-5" data-color="#777" style="direction:rtl">  کشور سازنده</label>
            <select class="Hrow Hround-5 HpaddT-7 HpaddB-10 HpaddLR-5 Htxt-center" data-color="#333" data-bgcolor="#F0F0F0" style="border:0" name="country" id="country" @{if model && model.country} val="@{model.country}"@{fi} >
                <option value="iran" @{if model && model.country=="iran"}selected@{fi}>ایران</option>
                <option value="england" @{if model && model.country=="england"}selected@{fi}>انگلیس</option>
                <option value="germany" @{if model && model.country=="germany"}selected@{fi}>آلمان</option>
            </select>
        </div>

        <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 Hpadd-10 HmarT-10">
            <label class="Hrow HpaddR-20 HpaddB-5" data-color="#777" style="direction:rtl"> سریال</label>
            <input type="text" class="Hrow Hround-5 Hpadd-10 adad Htxt-center adad" value="@{if model.data && model.data.serial}@{!model.data.serial}@{fi}"   data-color="#333" placeholder=""  data-bgcolor="#F0F0F0" style="border:0;letter-spacing: 5px;" name="serial" id="serial" />
        </div>

        <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 Hpadd-10 HmarT-10">
            <label class="Hrow HpaddR-20 HpaddB-5" data-color="#777" style="direction:rtl">  نوع محفظه</label>
            <select class="Hrow Hround-5 HpaddT-7 HpaddB-10 HpaddLR-5 Htxt-center" data-color="#333" data-bgcolor="#F0F0F0" style="border:0" name="packageType" id="packageType" @{if model && model.packageType} val="@{model.packageType}"@{fi} >
                <option value="Aluminium" @{if model && model.packageType=="Aluminium"}selected@{fi}>ورق آلمینیومی</option>
                <option value="glass" @{if model && model.packageType=="glass"}selected@{fi}>شیشه</option>
                <option value="bottle" @{if model && model.packageType=="bottle"}selected@{fi}>بطری</option>
                <option value="tiupe" @{if model && model.packageType=="tiupe"}selected@{fi}>محفظه تیوپی</option>
            </select>
        </div>
       
        <div class="Hrow Hpadd-10 HmarT-10">
            <label class="Hrow HpaddR-20 HpaddB-5" data-color="#777" style="direction:rtl"> توضیحات</label>
            <textarea class="Hrow Hround-5 Hpadd-10" rows="6"  data-color="#333" data-bgcolor="#F0F0F0" style="border:0;resize: none;" name="des" id="des" >@{if model.data && model.data.description[repository.Plang]}@{!model.data.description[repository.Plang]}@{fi}</textarea>
        </div>
        <div class="Hrow Hpadd-10 HmarT-10">
            <label class="Hrow HpaddR-20 HpaddB-5" data-color="#777" style="direction:rtl"> روش مصرف</label>
            <textarea class="Hrow Hround-5 Hpadd-10" rows="6"  data-color="#333" data-bgcolor="#F0F0F0" style="border:0;resize: none;" name="methodOfUse" id="methodOfUse" >@{if model.data && model.data.methodOfUse[repository.Plang]}@{!model.data.methodOfUse[repository.Plang]}@{fi}</textarea>
        </div>
        <div class="Hrow Hpadd-10 normal_2">
            <button  class="Hfloat-L trans0_25  Hbtn-orang-v3  Hpadd-10 Hround-5 Hcursor-poi tabButton" func="p" type="button">مرحله قبل</button>
            <button  class="Hfloat-R trans0_25  Hbtn-orang-v3  Hpadd-10 Hround-5 Hcursor-poi tabButton" func="n" type="button">مرحله بعد</button>
        </div>
       
    </div>
    

    <!--TAB 4-->
    <div class="Hrow Tab  hide" tab="4">
        <div class="Hcol-xlg-9 Hcol-lg-9 Hcol-xmd-9 Hcol-md-9 Hcol-xsm-9 Hcol-sm-9 Hcol-xs-12 Hcol-xss-12  Hpadd-10">
            <input class="Hrow Hround-5 Hpadd-10" value="" placeholder="عنوان"  data-color="#333" data-bgcolor="#F0F0F0"  style="border:0;" name="Htitle" id="Htitle" />
        </div>
        <div class="Hcol-xlg-3 Hcol-lg-3 Hcol-xmd-3 Hcol-md-3 Hcol-xsm-3 Hcol-sm-3 Hcol-xs-4 Hcol-xss-4 Htxt-center Hpadd-10 Hfloat-L">
            <button type="button" class="Hrow Hpadd-7 Hbtn Hbtn-red-v3 Hround-5" id="add_warning">اضافه کن</button>
        </div>
        <input type="hidden" name="warningOfUsage" id="warningOfUsage" value="" />
        <small data-color="#aaa" class="Hrow Hpadd-10">شما میتوانید هشدار های مصرف را در اینجا اضافه یا حذف کنید .</small>
        <div class="Hrow Hpadd-10" id="warningOfUsageBox">
            @{if model.data && model.data.warningOfUsage[repository.Plang]}
            @{foreach o in model.data.warningOfUsage[repository.Plang]}
            <p class="Hrow Hpadd-10" style="color:#333">@{!o}<span class="Hfloat-L Hcursor-poi fas fa-times removeOption HpaddT-5" style="color:#c00"></span></p>
            @{end}
            @{fi}
        </div>


        <div class="Hcol-xlg-9 Hcol-lg-9 Hcol-xmd-9 Hcol-md-9 Hcol-xsm-9 Hcol-sm-9 Hcol-xs-12 Hcol-xss-12  Hpadd-10">
            <input class="Hrow Hround-5 Hpadd-10" value="" placeholder="عنوان"  data-color="#333" data-bgcolor="#F0F0F0"  style="border:0;" name="Htitle2" id="Htitle2" />
        </div>
        <div class="Hcol-xlg-3 Hcol-lg-3 Hcol-xmd-3 Hcol-md-3 Hcol-xsm-3 Hcol-sm-3 Hcol-xs-4 Hcol-xss-4 Htxt-center Hpadd-10 Hfloat-L">
            <button type="button" class="Hrow Hpadd-7 Hbtn Hbtn-red-v3 Hround-5" id="add_maintenance">اضافه کن</button>
        </div>
        <input type="hidden" name="maintenance" id="maintenance" value="" />
        <small data-color="#aaa" class="Hrow Hpadd-10">شما میتوانید شرایط نگهداری را در اینجا اضافه یا حذف کنید .</small>
        <div class="Hrow Hpadd-10" id="maintenanceBox">
            @{if model.data && model.data.maintenance[repository.Plang]}
            @{foreach o in model.data.maintenance[repository.Plang]}
            <p class="Hrow Hpadd-10" style="color:#333">@{!o}<span class="Hfloat-L Hcursor-poi fas fa-times removeOption HpaddT-5" style="color:#c00"></span></p>
            @{end}
            @{fi}
        </div>

        <div class="Hcol-xlg-9 Hcol-lg-9 Hcol-xmd-9 Hcol-md-9 Hcol-xsm-9 Hcol-sm-9 Hcol-xs-12 Hcol-xss-12  Hpadd-10">
            <input class="Hrow Hround-5 Hpadd-10" value="" placeholder="عنوان"  data-color="#333" data-bgcolor="#F0F0F0"  style="border:0;" name="Htitle3" id="Htitle3" />
        </div>
        <div class="Hcol-xlg-3 Hcol-lg-3 Hcol-xmd-3 Hcol-md-3 Hcol-xsm-3 Hcol-sm-3 Hcol-xs-4 Hcol-xss-4 Htxt-center Hpadd-10 Hfloat-L">
            <button type="button" class="Hrow Hpadd-7 Hbtn Hbtn-red-v3 Hround-5" id="add_hashtag">اضافه کن</button>
        </div>
        <input type="hidden" name="hashtag" id="hashtag" value="" />
        <small data-color="#aaa" class="Hrow Hpadd-10">شما میتوانید برچسب ها را در اینجا اضافه یا حذف کنید .</small>
        <div class="Hrow Hpadd-10" id="hashtagBox">
            @{if model.data && model.data.hashtag[repository.Plang]}
            @{foreach o in model.data.hashtag[repository.Plang]}
            <p class="Hrow Hpadd-10" style="color:#333">@{!o}<span class="Hfloat-L Hcursor-poi fas fa-times removeOption HpaddT-5" style="color:#c00"></span></p>
            @{end}
            @{fi}
        </div>


        <div class="Hcol-xlg-6 Hcol-lg-6 Hcol-xmd-6 Hcol-md-6 Hcol-xsm-6 Hcol-sm-6 Hcol-xs-6 Hcol-xss-12 Hpadd-10 HmarT-30">
            <button  class="Hrow trans0_25  Hbtn-orang-v3  Hpadd-10 Hround-5 Hcursor-poi tabButton" func="p" type="button">مرحله قبل</button>
        </div>
        @{if model.data}
        <div class="Hcol-xlg-6 Hcol-lg-6 Hcol-xmd-6 Hcol-md-6 Hcol-xsm-6 Hcol-sm-6 Hcol-xs-6 Hcol-xss-12 Hpadd-10 HmarT-30">
            <a href="/productIMG/@{model.data._id}" class="Hrow trans0_25  Hbtn-blue-v3  Hpadd-10 Hround-5 Hcursor-poi  Htxt-center" data-color="#fff">ویرایش عکس</a>
        </div>
        @{fi}
        <div class="Hrow SubmitionBox Hpadd-10">
            <input  class="Hrow trans0_25  Hbtn-red-v3  Hpadd-10 Hround-5 Hcursor-poi productINSUP" @{if model.data} upd='1' @{else} upd='0' @{fi} type="button" id="" data-action="" @{if model.data && model.data._id} value="ویرایش محصول" @{else} value="افزودن محصول" @{fi}/>
        </div>
    </div>
   


    
    
    <div style="display: none;">
      @{if model.data}
      <input type="hidden" id="productID" name="productID" placeholder=""  value="@{model.data._id}" />
      @{fi}
    </div>  
   
  
    
</form>

<div class="Hmodal" id="mod1"> 
    <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="Hrow HpaddLR-15 Hcards-content HpaddBT-5 HpaddLR-20">
        <h2 class="Hrow Htitr-3 HmarB-40 Htxt-center" data-color="#2a3642" style="color: rgb(42, 54, 66);">افزودن آفر</h2>
        <div class="Hrow" >
            <div class="Hcol-xlg-4 Hcol-lg-4 Hcol-xmd-4 Hcol-md-4 Hcol-xsm-4 Hcol-sm-4 Hcol-xs-4 Hcol-xss-12 Htxt-center">
                <label class="HpaddT-5 HpaddB-5 Hfloat-R" data-color="#777" style="direction:rtl"> تعداد اقلام</label>
                <input value="" class="Hrow Hpadd-10  Htxt-center  Hfloat-L adad" type="text" data-color="#333"  data-bgcolor="#F0F0F0" style="border:0;letter-spacing: 3px;" name="number" id="number" />    
            </div>
            <div class="Hcol-xlg-5 Hcol-lg-5 Hcol-xmd-5 Hcol-md-5 Hcol-xsm-5 Hcol-sm-5 Hcol-xs-5 Hcol-xss-12 Htxt-center">
                <label class="HpaddT-5 HpaddB-5 Hfloat-R" data-color="#777" style="direction:rtl"> قیمت (تومان)</label>
                <input value="" class="Hrow Hpadd-10  Htxt-center  Hfloat-L adad" type="text" data-color="#333"  data-bgcolor="#F0F0F0" style="border:0;border-right:1px solid #ddd;letter-spacing: 3px;" name="offerPrice" id="offerPrice" />    
            </div>
            <div class="Hcol-xlg-3 Hcol-lg-3 Hcol-xmd-3 Hcol-md-3 Hcol-xsm-3 Hcol-sm-3 Hcol-xs-3 Hcol-xss-12 Htxt-center">
                <label class="HpaddT-5 HpaddB-5 Hfloat-R" data-color="#777" style="direction:rtl">&nbsp;</label>
                <buton id="addsuggestion" class="Hrow HpaddTB-10" data-color="#fff" data-bgcolor="var(--green-v3)">افزودن</buton>
            </div>
        </div>
        <div class="Hrow HpaddTB-20" id="suggestion">
            @{if model.data && model.data.price}
            @{foreach s in Object.keys(model.data.price)}
            @{if s!=1}
            <small class="Hrow HpaddTB-10">
                <div class="Hcol-xlg-4 Hcol-lg-4 Hcol-xmd-4 Hcol-md-4 Hcol-xsm-4 Hcol-sm-4 Hcol-xs-4 Hcol-xss-12 Hpadd-5">@{s}</div>
                <div class="Hcol-xlg-6 Hcol-lg-6 Hcol-xmd-6 Hcol-md-6 Hcol-xsm-6 Hcol-sm-6 Hcol-xs-6 Hcol-xss-10 Hpadd-5">@{model.data.price[s]}</div>
                <div class="Hcol-xlg-2 Hcol-lg-2 Hcol-xmd-2 Hcol-md-2 Hcol-xsm-2 Hcol-sm-2 Hcol-xs-2 Hcol-xss-2 Htxt-left">
                    <b class="removeMe fas fa-times Hpadd-10 Hcursor-poi" style="color:red;"></b>
                </div>
            </small>
            @{fi}
            @{end}
            @{fi}
        </div>
      </div>
      <div class="Hcards-footer HpaddLR-15 HpaddB-15">
        <div class="Hrow HpaddTB-7 Hround-5 Htxt-center" id="closeMe" data-color="#fff" data-bgcolor="var(--red-v3)">بستن</div>
      </div>
    </div>
  </div>



<script src="../../../script/upload_viewer2.js"></script>

@{section footer}

<script type="text/javascript">
$(document).ready(function(){

 
    $("#selectLang").change(function(){
        location.href=`/${$(this).val()}/adminUPDproduct/${$("#productID").val()}`;
        // document.location();
    });
    
    if($("#category").attr("val")){
        $('#category').val($("#category").attr("val"));
    }

    function removeExtraSpaces(text) {
    // Remove extra spaces and trim the text
    return text.replace(/\s+/g, ' ').trim();
    }

    $("#add_warning").click(function(){
        var val=removeExtraSpaces($("#Htitle").val());
        if(val && val!=""){
            var obj='<p class="Hrow Hpadd-10" style="color:#333">'+$("#Htitle").val()+'<span class="Hfloat-L Hcursor-poi fas fa-times removeOption HpaddT-5" style="color:#c00"></span></p>';
            $("#warningOfUsageBox").append(obj);
            $("#Htitle").val("");
        }else{
            Hnotification({status:"warning",Cstyle:[{color:"#000000"}],Ctext:"لطفا مقدار معتبر وارد کنید"});
        }
    });

    $("#add_maintenance").click(function(){
        var val=removeExtraSpaces($("#Htitle2").val());
        if(val && val!=""){
            var obj='<p class="Hrow Hpadd-10" style="color:#333">'+$("#Htitle2").val()+'<span class="Hfloat-L Hcursor-poi fas fa-times removeOption HpaddT-5" style="color:#c00"></span></p>';
            $("#maintenanceBox").append(obj);
            $("#Htitle2").val("");
        }else{
            Hnotification({status:"warning",Cstyle:[{color:"#000000"}],Ctext:"لطفا مقدار معتبر وارد کنید"});
        }
    });

    $("#add_hashtag").click(function(){
        var val=removeExtraSpaces($("#Htitle3").val());
        if(val && val!=""){
            var obj='<p class="Hrow Hpadd-10" style="color:#333">'+$("#Htitle3").val()+'<span class="Hfloat-L Hcursor-poi fas fa-times removeOption HpaddT-5" style="color:#c00"></span></p>';
            $("#hashtagBox").append(obj);
            $("#Htitle3").val("");
        }else{
            Hnotification({status:"warning",Cstyle:[{color:"#000000"}],Ctext:"لطفا مقدار معتبر وارد کنید"});
        }
    });


    $(document).on('click','.removeOption',function(){
        $(this).parent().remove();
    });
   //  $(document).on("click","b.removenum",function(){
   //     $(this).parent().remove();
   //      var n=Number($(this).parent().attr("index"));
   //      n=plist.indexOf(n);
   //      (n>-1)?plist.splice(n, 1) : "";
   //      $("#plist").val(plist);
   //  });

  


    var type=`@{repository.type}`;
    var pageIndex=0;
    $(".tabButton").click(function(){
        var max=$(".Tab:not(.deactive)").length;
        var current=pageIndex;
        if($(this).attr('func')=="p"){
            pageIndex--;
            pageIndex=(pageIndex<0)?0:pageIndex;
        }else{
            pageIndex++;
            pageIndex=(pageIndex>max)?max:pageIndex;
        }
        $(".Tab:not(.deactive)").eq(pageIndex).removeClass("hide");
        $(".Tab:not(.deactive)").eq(current).addClass("hide");
    }); 

    var tabs=1;
    var Ad=($("#showAsADS").is(':checked'))? true:false;
    
    
    $(".custom-radios input[type=radio]").change(function(){
        tabs=$(this).val()*1;
    });
    
    $("#showAsADS").trigger("change");

    var offers_N=[];
    var offers_P=[];
    $("#addsuggestion").click(function(){
        const n=$("#number").val()*1;
        const p=$("#offerPrice").val()*1;
        if((n > 0) && (offers_N.indexOf(n)==-1) && ((p > 0))){
            offers_N.push(n);
            offers_P.push(p);
            const obj='<small class="Hrow HpaddTB-10"><div class="Hcol-xlg-4 Hcol-lg-4 Hcol-xmd-4 Hcol-md-4 Hcol-xsm-4 Hcol-sm-4 Hcol-xs-4 Hcol-xss-12 Hpadd-5">'+n+'</div><div class="Hcol-xlg-6 Hcol-lg-6 Hcol-xmd-6 Hcol-md-6 Hcol-xsm-6 Hcol-sm-6 Hcol-xs-6 Hcol-xss-10 Hpadd-5">'+p+'</div><div class="Hcol-xlg-2 Hcol-lg-2 Hcol-xmd-2 Hcol-md-2 Hcol-xsm-2 Hcol-sm-2 Hcol-xs-2 Hcol-xss-2 Htxt-left"><b class="removeMe fas fa-times Hpadd-10 Hcursor-poi" style="color:red;"></b></div></small>';
            $("#suggestion").append(obj);

            $('.removeMe').click(function(){
                const n=$(this).parent().prev().prev().text()*1;
                const index = offers_N.indexOf(n);
                if (index > -1) {
                    offers_N.splice(index, 1);
                    offers_P.splice(index, 1);
                }
                $(this).parent().parent().remove();
            });
        }  
        $("#number").val(""); 
        $("#offerPrice").val("");
    });

    $("#closeMe").click(function(){
        $(".Hmodal .close").trigger("click");
    });

    $('.removeMe').click(function(){
                const n=$(this).parent().prev().prev().text()*1;
                const index = offers_N.indexOf(n);
                if (index > -1) {
                    offers_N.splice(index, 1);
                    offers_P.splice(index, 1);
                }
                $(this).parent().parent().remove();
    });
    


    @{if model.data}
    var selectedValue = $('input[name="classType"]:checked').val();
    tabs=selectedValue;
 
    @{fi}
});

</script>

@{end}