@{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>
    @{foreach x in model.active}
    <form action="setgate" method="post">
      <input type="hidden" name="id"  value="@{!model.id}"/>
      <input type="hidden" name="set"  value="@{!x}"/>
      <input type="image" src="@{!model.list[x].image.url}" />
    </form>
    @{end}
  </div>


</div>

@{section footer}
@{end}