<?php
/*
* Plugin-Name: Product Designer App
* Plugin-URI: https://productdesignerapp.com
* Author: productdesignerapp
* Page: Upgrades
*/

if (!defined('ABSPATH'))
{
    exit;
}
?>
<div class="modal fade show" role="dialog" style="display: block;" v-if="modal.show && modal.type == 'message'">
    <div class="modal-dialog modal-dialog-centered modal-md">
        <div class="modal-content">
            <div class="modal-body p-4">
                <div class="d-flex justify-content-center align-items-center flex-column gap-2 text-center">
                    <i class="material-icons material-symbols-outlined text-warning fs-1">warning</i>
                    <h3>{{ langs.upgrade.upgrade_message }}</h3>
                    <p class="mt-1">{{ langs.upgrade.upgrade_message_desc }}</p>
                    <div class="d-flex gap-1 justify-content-center w-100 btn-group">
                        <button type="button" class="btn btn-light waves-effect rounded-2" @click="modal.show = false">{{ langs.cancel }}</button>
                        <button type="button" class="btn btn-primary rounded-2" :disabled="modal.loading" @click="installUpgrade">
                            <template v-if="modal.loading"><span class="spinner-border spinner-border-sm me-1" role="status" aria-hidden="true"></span> {{ langs.upgrade.updating }}...</template>
                            <template v-else>{{ langs.upgrade.upgrade }}</template>
                        </button>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="modal-backdrop fade show" @click="modal.show = pdappPurchasedCode != '' ? true : false"></div>
</div>