@{section header}
<title>مونگو دی بی - نمایش لیست مجموعه</title>
<style media="screen">
  .Hgatesel{margin:10px 20px;}
  .switch ~ div{position:absolute;max-width:100%;width:100%;z-index:100000000;background-color:#00f;display:none}
  .Hgateboxer{width:100%;padding-top:100%;height:0px;background:red;overflow:hidden}
</style>
<script>
  $(document).ready(function(){
    // $(".Hgatesel").click(async function(){
    //   alert($(this).is(':checked'));
    //   let x=$(this).attr('name');
    //   if($(this).is(':checked')){
    //     $("#mod2 div").children().eq(1).children().css("display","none");
    //     $("#"+x).css("display","block");
    //     $("#ww").trigger("click");
    //     $("#gaterun").attr("data-txt",x);
    //     $(this).prop('checked', false);
    //   }else{
    //     var query="gate="+x;
    //     var res=await jqajax("/paygateoff",query,"get","loader");
    //     if(!res.status){
    //       $(this).prop('checked', true);
    //     }
    //
    //   }
    // });
    // $("#gaterun").click(async function(){
    //
    //   let a=$(this).attr("data-txt");
    //   let b=$("#"+a).children().eq(0);
    //   let x=b.val();
    //   if(x.length==b.attr("maxlength")*1){
    //     $(this).parent().prev().prev().children().eq(0).trigger("click");
    //     var query="gate="+a+"&titr="+b.attr("name")+"&data="+x;
    //     var res=await jqajax("/paygateset",query,"get","loader");
    //     if(res.status){
    //       $(".Hgatesel[name='"+a+"']").prop('checked', true);
    //     }else{
    //       alert("Err");
    //     }
    //   }
    // });
    // $(".switch").after().css("background-color","red");
    // $(".switch").after().css("background-color","red");
  });
</script>
@{end}
<div class="Hrow">
  <div class="Hcontainer Hcontainer-1200 Hpadd-2per">
	    <h2>فعالسازی درگاه پرداخت </h2>
        <label class="switch HmarLR-3">
          <img  src="https://cdn.zarinpal.com/badges/trustLogo/1.svg"  width="100%" title="رزین پال" alt="zarrin_pal_logo"/>
          <input class="Hgatesel" type="checkbox" value=true name="zarrinpal" @{if model.list.zarrinpall.turnon} checked="checked" @{fi} />
          <span class="slider"></span>
        </label>
        <label class="switch  HmarLR-3">
          <img src="https://app.idpay.ir/img/IDPay.png"  width="100%" title="آیدی پی" alt="IDpay logo"/>
          <input class="Hgatesel" type="checkbox" value=true name="idpay" @{if model.list.idpay.turnon} checked="checked" @{fi} />
          <!-- <span class="slider round"></span> -->
          <span class="slider"></span>
        </label>
  </div>
  <div id="ww"  class="Hhideall" data-selector="#mod2" data-target="Hmodal"></div>
  <div class="Hmodal" id="mod2">
      <div class="Hmodal-sm Hcards " style="border-radius:5px;">
        <div class="Hcards-header">
          <div class="close" style="background:#ff3333;border-radius:4px;"></div>
        </div>
        <div class="Hcards-content">
          <div id="zarrinpal">
              <input type="text" id="zarrinpal_id" maxlength="36" name="merchant_id" style="width:100%" value=""/>merchant_id<br/>
              برای callback_url آدرس زیر را در پنل زرین پال درج کنید<br/>
              -------------------------------------
              <span class="Hfloat-L">
                <!-- @{!model.host+model.list.zarrinpall.data.callback_url} -->
              </span>
          </div>
          <div  id="idpay">
                    merchant_id<input type="text" id="idpay_id"  maxlength="36" name="merchant_id"  value=""/><br/>
                    برای callback_url آدرس زیر را در پنل آیدی پی درج کنید<br/>
                    <span class="Hfloat-L">
                      <!-- @{!model.host+model.list.idpay.data.callback_url}  -->
                    </span>
          </div>
        </div>
        <div class="Hcards-footer Hfloat-L">
              <botton id="gaterun" data-txt="" class="Hbtn Hbtn-navy">فعالسازی</botton>
        </div>

      </div>
  </div>
</div>
@{section footer}
@{end}