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

if (!defined('ABSPATH'))
{
    exit;
}
?>
<div class="modal-body p-4" v-if="modal.type == 'confirmView'">
    <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>
        <template v-if="modal.addview">
            <h3>{{ langs.confirm_add_view }}</h3>
            <p class="mt-1">{{ langs.confirm_add_view_desc }}</p>
            <div class="d-flex gap-1 justify-content-center w-100 btn-group">
                <button type="button" class="btn btn-warning rounded-2" @click="addDesign(modal.data)">{{ langs.no }}</button>
                <button type="button" class="btn btn-primary rounded-2" @click="addCustomView">{{ langs.yes }}</button>
            </div>
        </template>
        <template v-else>
            <h3>{{ langs.confirm_cannot_add_view }}</h3>
            <p class="mt-1">{{ langs.confirm_cannot_add_view_desc }}</p>
            <div class="d-flex gap-1 justify-content-center w-100 btn-group">
                <button type="button" class="btn btn-primary rounded-2" @click="addCustomView">{{ langs.ok }}</button>
            </div>
        </template>
    </div>
</div>