<?xml version="1.0" encoding="UTF-8"?>
<template id="template" xml:space="preserve">

    <!-- LAYOUT TEMPLATES -->
    <div t-name="iap.redirect_to_odoo_credit" t-att-style="style" owl="1">
        <t t-if="props.errorData.body">
            <div t-raw="props.errorData.body"/>
        </t>
        <t t-if="!props.errorData.body">
            <t t-if="props.errorData.message">
                <span t-esc="props.errorData.message"/>
            </t>
            <t t-if="!props.errorData.message">
                <span>Insufficient credit to perform this service.</span>
            </t>
        </t>
    </div>

    <div t-name="iap.InsufficientCreditFooter" owl="1">
        <button class="btn btn-primary" t-on-click="buyCredits" t-esc="buttonMessage"/>
        <button class="btn" t-on-click="close">Cancel</button>
    </div>

    <t t-extend="DashboardMain">
        <t t-jquery=".o_web_settings_apps" t-operation="after">
            <div class="o_web_settings_iap"></div>
        </t>
    </t>
    
    <div t-name="iap.buy_more_credits" class="mt-2 row">
        <div class="col-sm">
            <button class="btn btn-link buy_credits px-0 o-hidden-ios"><i class="fa fa-arrow-right"/> Buy credits</button><br/>
            <button t-if="!hideService" class="btn btn-link o_iap_view_my_services px-0 o-hidden-ios"><i class="fa fa-arrow-right mr-1"/>View My Services</button>
        </div>
    </div>
</template>
