<xf:title>{{ phrase('xs_uup_renew') }}</xf:title>
<xf:css src="xs_uup_renew.less" />
<xf:js src="XenSoluce/UserUpgradePro/upgrade-page.js" />
<div class="block">
<div class="block-container">
<ul class="block-body">
<li>
<xf:form action="{{ link('purchase', $upgrade, {'user_upgrade_id': $upgrade.user_upgrade_id}) }}" ajax="true" data-xf-init="payment-provider-container">
<xf:hiddenval name="duration" id="duration">no</xf:hiddenval>
<xf:hiddenval name="renew">no</xf:hiddenval>
<xf:formrow rowtype="button"
label="{$upgrade.title}"
hint="{$upgrade.cost_phrase}"
explain="{$upgrade.description|raw}">
<div class="inputGroup">
<xf:if is="{{ count($upgrade.payment_profile_ids) > 1 }}">
<xf:select name="payment_profile_id">
<xf:option>{{ phrase('(choose_payment_method)') }}</xf:option>
<xf:foreach loop="$upgrade.payment_profile_ids" value="$profileId">
<xf:option value="{$profileId}">{$profiles.{$profileId}}</xf:option>
</xf:foreach>
</xf:select>
<span class="inputGroup-splitter"></span>
<xf:button type="submit" icon="purchase" />
<xf:else />
<xf:button type="submit" icon="purchase" />
<xf:hiddenval name="payment_profile_id">{$upgrade.payment_profile_ids|first}</xf:hiddenval>
</xf:if>
</div>
</xf:formrow>
</xf:form>
<div class="js-paymentProviderReply-user_upgrade{$upgrade.user_upgrade_id}"></div>
</li>
</ul>
</div>
</div>