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

if (!defined('ABSPATH'))
{
    exit;
}
?>
<template v-if="tempCheckboxs.length">
    <div class="d-block">
        <button type="button" class="btn btn-primary waves-effect waves-light d-none d-xl-flex align-items-center justify-content-center tooltip-top" :data-tooltip="langs.update_all" @click="saveUpdate">
            <i class="material-icons material-symbols-outlined me-1">save</i>
            {{ langs.update }}
        </button>
        <button type="button" class="btn btn-primary waves-effect waves-light p-1 d-xl-none d-flex align-items-center justify-content-center tooltip-top" :data-tooltip="langs.update_all" @click="saveUpdate">
            <i class="material-icons material-symbols-outlined">save</i>
        </button>
    </div>

    <div class="d-block">
        <button type="button" class="btn btn-danger waves-effect waves-light d-none d-xl-flex align-items-center justify-content-center tooltip-top" :data-tooltip="langs.remove_all" @click="confirmRemove('', 'temp')">
            <i class="material-icons material-symbols-outlined">delete</i>
            {{ langs.remove }}
        </button>
        <button type="button" class="btn btn-danger waves-effect waves-light p-1 d-xl-none d-flex align-items-center justify-content-center tooltip-top" :data-tooltip="langs.remove_all" @click="confirmRemove('', 'temp')">
            <i class="material-icons material-symbols-outlined">delete</i>
        </button>
    </div>
</template>

<div class="d-block d-lg-none">
    <button type="button" class="btn btn-outline-light rounded-pill waves-effect p-1" v-if="!tempOption.searchMobile" @click="tempOption.searchMobile = true">
        <i class="material-icons material-symbols-outlined">search</i>
    </button>
    <div class="search-bar position-relative mb-sm-0" v-if="tempOption.searchMobile">
        <input type="text" class="form-control" v-model="tempOption.search" :placeholder="langs.temp.search_temp+ '...'" @keyup="tempOption.paged = 1">
        <i class="material-icons material-symbols-outlined pdapp-search-icon" @click="tempOption.searchMobile = false">search</i>
    </div>
</div>
<div class="search-bar position-relative mb-sm-0 d-none d-lg-block">
    <input type="text" class="form-control" v-model="tempOption.search" :placeholder="langs.temp.search_temp+ '...'" @keyup="tempOption.paged = 1">
    <i class="material-icons material-symbols-outlined">search</i>
</div>