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

if (!defined('ABSPATH'))
{
    exit;
}
?>
<div class="modal-body p-4" v-if="tempModal.modal.type == 'message'">
    <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" v-if="tempModal.modal.data.type == 'warning'">warning</i>
        <i class="material-icons material-symbols-outlined text-success fs-1" v-if="tempModal.modal.data.type == 'success'">task_alt</i>
        <i class="material-icons material-symbols-outlined text-danger fs-1" v-if="tempModal.modal.data.type == 'error'">error</i>
        <h3>{{ tempModal.modal.data.title }}</h3>
        <p class="mt-1">{{ tempModal.modal.data.text }}</p>
        <div class="d-flex gap-1 justify-content-center w-100 btn-group">
            <button v-if="tempModal.modal.close" type="button" class="btn btn-light waves-effect rounded-2" @click="tempModal.modal.show = false">{{ langs.cancel }}</button>
            <button v-if="tempModal.modal.data.confirm != undefined" type="button" class="btn rounded-2" :class="{'btn-warning':tempModal.modal.data.type == 'warning', 'btn-success':tempModal.modal.data.type == 'success', 'btn-danger':tempModal.modal.data.type == 'error'}" v-if="tempModal.modal.data.data.confirm != undefined" @click="confirmEvt(tempModal.modal.data.confirm)">{{ tempModal.modal.data.btn }}</button>
        </div>
    </div>
</div>