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

if (!defined('ABSPATH'))
{
    exit;
}
?>
<div class="card w-100">
    <div class="card-body">
        <div class="row">
            <div class="col-6 col-xl-4">
                <div class="d-flex align-items-start flex-column mb-3">
                    <h4 class="header-title">{{ langs.setting.cache_dashboards }}</h4>
                    <button type="button" class="btn btn-danger waves-effect waves-light float-end" :disabled="loading == 'dashboard'" @click="removeCache('dashboard')">
                        <span class="spinner-border spinner-border-sm me-1" role="status" aria-hidden="true" v-if="loading == 'dashboard'"></span>
                        <i v-else class="material-icons material-symbols-outlined me-1">close</i>
                        {{ langs.setting.remove_cache }}
                    </button>
                </div>
            </div>
            <div class="col-6 col-xl-4">
                <div class="d-flex align-items-start flex-column mb-3">
                    <h4 class="header-title">{{ langs.setting.cache_orders }}</h4>
                    <button type="button" class="btn btn-danger waves-effect waves-light float-end" :disabled="loading == 'order'" @click="removeCache('order')">
                        <span class="spinner-border spinner-border-sm me-1" role="status" aria-hidden="true" v-if="loading == 'order'"></span>
                        <i v-else class="material-icons material-symbols-outlined me-1">close</i>
                        {{ langs.setting.remove_cache }}
                    </button>
                </div>
            </div>
            <div class="col-6 col-xl-4">
                <div class="d-flex align-items-start flex-column mb-3">
                    <h4 class="header-title">{{ langs.setting.cache_quotes }}</h4>
                    <button type="button" class="btn btn-danger waves-effect waves-light float-end" disabled>
                        <i class="material-icons material-symbols-outlined me-1">close</i>
                        {{ langs.setting.remove_cache }}
                    </button>
                </div>
            </div>
            <div class="col-6 col-xl-4">
                <div class="d-flex align-items-start flex-column mb-3">
                    <h4 class="header-title">{{ langs.setting.cache_products }}</h4>
                    <button type="button" class="btn btn-danger waves-effect waves-light float-end" :disabled="loading == 'product'" @click="removeCache('product')">
                        <span class="spinner-border spinner-border-sm me-1" role="status" aria-hidden="true" v-if="loading == 'product'"></span>
                        <i v-else class="material-icons material-symbols-outlined me-1">close</i>
                        {{ langs.setting.remove_cache }}
                    </button>
                </div>
            </div>
            <div class="col-6 col-xl-4">
                <div class="d-flex align-items-start flex-column mb-3">
                    <h4 class="header-title">{{ langs.setting.cache_arts }}</h4>
                    <button type="button" class="btn btn-danger waves-effect waves-light float-end" :disabled="loading == 'art'" @click="removeCache('art')">
                        <span class="spinner-border spinner-border-sm me-1" role="status" aria-hidden="true" v-if="loading == 'art'"></span>
                        <i v-else class="material-icons material-symbols-outlined me-1">close</i>
                        {{ langs.setting.remove_cache }}
                    </button>
                </div>
            </div>
            <div class="col-6 col-xl-4">
                <div class="d-flex align-items-start flex-column mb-3">
                    <h4 class="header-title">{{ langs.setting.cache_templates }}</h4>
                    <button type="button" class="btn btn-danger waves-effect waves-light float-end" :disabled="loading == 'template'" @click="removeCache('template')">
                        <span class="spinner-border spinner-border-sm me-1" role="status" aria-hidden="true" v-if="loading == 'template'"></span>
                        <i v-else class="material-icons material-symbols-outlined me-1">close</i>
                        {{ langs.setting.remove_cache }}
                    </button>
                </div>
            </div>
            <div class="col-6 col-xl-4">
                <div class="d-flex align-items-start flex-column mb-3">
                    <h4 class="header-title">{{ langs.setting.cache_prints }}</h4>
                    <button type="button" class="btn btn-danger waves-effect waves-light float-end" :disabled="loading == 'print'" @click="removeCache('print')">
                        <span class="spinner-border spinner-border-sm me-1" role="status" aria-hidden="true" v-if="loading == 'print'"></span>
                        <i v-else class="material-icons material-symbols-outlined me-1">close</i>
                        {{ langs.setting.remove_cache }}
                    </button>
                </div>
            </div>
            <div class="col-6 col-xl-4">
                <div class="d-flex align-items-start flex-column mb-3">
                    <h4 class="header-title">{{ langs.setting.cache_fonts }}</h4>
                    <button type="button" class="btn btn-danger waves-effect waves-light float-end" :disabled="loading == 'font'" @click="removeCache('font')">
                        <span class="spinner-border spinner-border-sm me-1" role="status" aria-hidden="true" v-if="loading == 'font'"></span>
                        <i v-else class="material-icons material-symbols-outlined me-1">close</i>
                        {{ langs.setting.remove_cache }}
                    </button>
                </div>
            </div>
            <div class="col-6 col-xl-4">
                <div class="d-flex align-items-start flex-column mb-3">
                    <h4 class="header-title">{{ langs.setting.cache_settings }}</h4>
                    <button type="button" class="btn btn-danger waves-effect waves-light float-end" :disabled="loading == 'setting'" @click="removeCache('setting')">
                        <span class="spinner-border spinner-border-sm me-1" role="status" aria-hidden="true" v-if="loading == 'setting'"></span>
                        <i v-else class="material-icons material-symbols-outlined me-1">close</i>
                        {{ langs.setting.remove_cache }}
                    </button>
                </div>
            </div>
            <div class="col-12">
                <div class="d-flex align-items-start flex-column">
                    <h4 class="header-title">{{ langs.setting.all_caches }}</h4>
                    <button type="button" class="btn btn-danger waves-effect waves-light float-end" :disabled="loading == 'all'" @click="removeCache('all')">
                        <span class="spinner-border spinner-border-sm me-1" role="status" aria-hidden="true" v-if="loading == 'all'"></span>
                        <i v-else class="material-icons material-symbols-outlined me-1">close</i>
                        {{ langs.setting.remove_all_cache }}
                    </button>
                </div>
            </div>
        </div>
    </div>
</div>