{{#each this}}
<div class="col-md-12">
    <div class="panel panel-default " id="">
        <div class="panel-heading">
            <a role="button">
                <h4 class="panel-title" data-toggle="collapse" data-parent="#accordionMain" href="#collapsemain3{{@index+1}}" aria-expanded="true" aria-controls="collapsemain3">
                    <i class="material-icons notranslate lefticon">
                            how_to_reg
                                    </i> {{name}}
                    <i class="material-icons">keyboard_arrow_down</i>
                </h4>
                <button type="button" rel="tooltip" data-stage-name="{{name}}" class="btn btn-danger btn-sm  btn_Delete_stage_comm custom_action_btn_sm pull-right" data-original-title="" title=""><i class="material-icons notranslate">close</i></button>
                <button type="button" rel="tooltip" data-stage-name="{{name}}" class="btn btn-success btn_CommunityAddQuestion btn-sm custom_action_btn_sm pull-right">Q <i class="material-icons notranslate">add</i></button>
            </a>
        </div>
        <div id="collapsemain3{{@index+1}}" class="panel-collapse collapse in">
            <div class="panel-body">
                <div class="checkbox text-right advance-setbox" style="width:100%">
                    <label class="seperator">
                                                <!-- <img src="assets/img/digitalPayment.jpg" class="pgmlogo">  -->
                                                <span data-i18n='Enable_Digital_Payments'>Enable Digital Payments</span>
                                                <!-- <input type="checkbox" name="mpesaTrans" id="mpesaTrans" value="no"  />  -->
                                               
                                                {{#if wallet}}
                                                <input type="checkbox" name="digitalPayment" class="digitalPaymentcomm" value="no"  checked data-stage-name="{{name}}"/> 
                                                {{else}}
                                                <input type="checkbox" name="digitalPayment" class="digitalPaymentcomm" value="no"   data-stage-name="{{name}}"/> 
                                                 {{/if}}
        
                                            </label>
                    <label class="">
                                                    <!-- <img src="assets/img/digitalPayment.jpg" class="pgmlogo">  -->
                                                    <span data-i18n='Publish_to_Blockchain'>Publish to Blockchain</span>
                                                    <!-- <input type="checkbox" name="mpesaTrans" id="mpesaTrans" value="no"  />  -->
                                                   
                                                    {{#if blockchain}}
                                                    <input type="checkbox" name="blockchain" class="blockchaincomm" value="no"  checked data-stage-name="{{name}}"/> 
                                                    {{else}}
                                                    <input type="checkbox" name="blockchain" class="blockchaincomm" value="no"   data-stage-name="{{name}}"/> 
                                                     {{/if}}
            
                                                </label>

                </div>
                <div class="table-responsive">
                    <table class="table table-hover" id="listCommServicetable" data-stage-name="{{name}}">
                        <thead>
                            <tr>
                                <th class="text-center">#</th>
                                <th data-i18n="Questions">Questions</th>
                                <th data-i18n="Type_of_question">Type of question</th>
                                <th data-i18n="Mandatory">Mandatory</th>
                                <th class="text-right" data-i18n="Actions">Actions</th>
                                <th class="text-right" data-i18n="Sequence">Sequence</th>
                            </tr>
                        </thead>
                        <tbody>
                            {{#each dataelements}}
                            <tr>
                                <td class="text-center texttablestyle"><i class="fa fa-hand-o-right notranslate" aria-hidden="true"></i></td>
                                <td>{{name}}</td>
                                {{#if checkboxoption}}
                                <td class="texttablestyle">Checkbox</td>
                                {{else}} {{#if optionname}}
                                <td class="texttablestyle">option set</td>
                                {{else}}
                                <td class="texttablestyle">{{type}}</td>
                                {{/if}} {{/if}}{{#if mandatory}} {{#js_compare "this.mandatory === 'true'"}}
                                <td class="texttablestyle">Yes</td>
                                {{/js_compare}} {{/if}} {{#if mandatory}} {{#js_compare "this.mandatory === 'false'"}}
                                <td class="texttablestyle">No</td>
                                {{/js_compare}} {{/if}}
                                <td class="td-actions text-right">
                                    <!--
                    <button type="button" rel="tooltip" class="btn btn-info" data-original-title="" title="">
                                                                                <i class="material-icons notranslate">person</i>
                                                                            </button>
                    -->
                                    <button type="button" rel="tooltip" class="btn btn-info btn_Edit_comm" data-stage-name="{{name}}" data-original-title="" title="">
                                                                                <i class="material-icons notranslate">edit</i>
                                                                            </button>
                                    <button type="button" rel="tooltip" class="btn btn-danger btn_Delete_comm" data-stage-name="{{name}}" data-original-title="" title="">
                                                                                <i class="material-icons notranslate">close</i>
                                                                            </button>
                                </td>
                                <td class="text-right"><img src="assets/img/up_row.png" style="width: 22px;" type="button" value="{{@index+1}}" data-stage-name="{{name}}" class="movebtn upbtn move up" />
                                    <img src="assets/img/down_row.png" style="width: 22px;" type="button" value="{{@index+1}}" data-stage-name="{{name}}" class="movebtn move down" />
                                </td>
                            </tr>

                            {{/each}}
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
{{/each}}