<?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 == 'confirmRemoveImg' || modal.type == 'confirmRemoveDesign'">
    <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 v-if="modal.type == 'confirmRemoveImg'">{{ langs.toolbar.confirm_remove_file }}</h3>
        <h3 v-else>{{ langs.confirm_remove_title }}</h3>
        <p class="mt-1" v-if="modal.type == 'confirmRemoveImg'">{{ langs.toolbar.confirm_remove_file_desc }}</p>
        <p class="mt-1" v-else>{{ langs.confirm_remove_desc }}</p>
        <div class="d-flex justify-content-center w-100 gap-2">
            <button type="button" class="btn btn-warning rounded-2" v-if="modal.type == 'confirmRemoveImg'" @click="removeFileIssues">{{ langs.ok }}</button>
            <template v-else>
                <button type="button" class="btn btn-light rounded-2" @click="backToDesign">{{ langs.close }}</button>
                <button type="button" class="btn btn-warning rounded-2" @click="startRemoveDesign">{{ langs.delete }}</button>
            </template>
        </div>
    </div>
</div>