#LOCAL("AppName", #App.name)#LOCAL("Scope", "")
<div class="Dialog">
<table class="LeftPaddingWide TopPaddingWide">
  <tr>
    <td>
     <div style="display: table;" >
       <div style="display: table-cell; width: 150px;" class="FontBreak PaddingRight PaddingTop PaddingBottom">
            <img src="#App.iconUrl" style="width: 64px; height: 64px;" />
            <h3 class="TopPadding">#App.name</h3>
        </div>
        <div style="display: table-cell; width: 150px;" class="PaddingRight PaddingLeft PaddingTop PaddingBottom">
           <i class="icon-resize-horizontal" style="color: #888; font-size: 4em; vertical-align: text-top;"></i>
        </div>
        <div style="display: table-cell; width: 150px;" class="FontBreak PaddingRight PaddingLeft PaddingTop PaddingBottom">
            <img src="#Shop.Logo[webpath]" style="height: 64px;" />
            <h3 class="TopPadding">#Shop.NameOrAlias</h3>
        </div>
     </div>
    </td>
  </tr>
  <tr>
    <td colspan="3" class="TopPaddingWide RightPaddingWide BottomPaddingWide">
        <h3>{YoureAboutToInstallApp}</h3>
    </td>
  </tr>
  <tr>
    <td colspan="2" class="RightPaddingWide BottomPaddingWide">
       <h4>{ThisAppWillBeAbleTo}</h4>
    </td>
  </tr>
  <tr>
    <td class="RightPaddingWide">
    #LOOP(#FROMPLAINLOOP(#App.scopes))
    <i class="icon-ok" style="color: #6ca80d;"></i>
    <span class="LeftPaddingSmall">
    #IF(#Element EQ "products_read"){RoleProductsRead} #SET("Scope","products_read,") #ENDIF
    #IF(#Element EQ "products_read_batch"){RoleProductsReadBatch}  #SET("Scope",#Scope."products_read_batch,") #ENDIF
    #IF(#Element EQ "orders_read"){RoleOrdersRead}  #SET("Scope",#Scope."orders_read,") #ENDIF
    #IF(#Element EQ "orders_write"){RoleOrdersWrite} #SET("Scope",#Scope."orders_write,") #ENDIF
    #IF(#Element EQ "products_write"){RoleProductsWrite} #SET("Scope",#Scope."products_write,") #ENDIF
    </span><br/>
    #ENDLOOP
    </td>
  </tr>
  <tr>
    <td colspan="2" class="RightPaddingWide BottomPaddingWide TopPaddingWide">
       <span>{ContactAppSupport}</span>
    </td>
  </tr>
</table>
<table>
  <tr>
    <td class="LeftPaddingWide BottomPaddingWide" colspan="2">
       <form action="?ChangeAction=SubmitAppConsent&amp;ObjectID=#ObjectID" method="post" class="ep-js" data-js=".uiForm({showSaveWarn:true})">
         <input type="hidden" name="appID" value="#INPUT.appID" />
         <input type="hidden" name="scope" value="#Scope" />
         <input type="hidden" name="devApp" value="0" />
         <button class="Button SaveButton">{InstallApp}</button>
       </form>
     </td>
     <td class="BottomPaddingWide">
       <a href="?ViewAction=MBO-ViewAppDetails&amp;appID=#App.id&amp;ObjectID=#Shop.ID" class="text-decoration-none" style="color: white;">
         <button class="Button">{Cancel}</button>
       </a>
      </td>
  </tr>
  </table>
  </div>
#ENDLOCAL#ENDLOCAL