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

if (!defined('ABSPATH'))
{
    exit;
}
?>
<div class="d-block" v-if="artCheckboxs.length">
    <button type="button" class="btn btn-primary waves-effect waves-light d-none d-xxl-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-xxl-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" v-if="artCheckboxs.length">
    <button type="button" class="btn btn-danger waves-effect waves-light d-none d-xxl-flex align-items-center justify-content-center tooltip-top" :data-tooltip="langs.remove_all" @click="confirmRemove('', 'art')">
        <i class="material-icons material-symbols-outlined me-1">delete</i>
        {{ langs.remove }}
    </button>
    <button type="button" class="btn btn-danger waves-effect waves-light p-1 d-xxl-none d-flex align-items-center justify-content-center tooltip-top" :data-tooltip="langs.remove_all" @click="confirmRemove('', 'art')">
        <i class="material-icons material-symbols-outlined">delete</i>
    </button>
</div>
<div class="d-block d-lg-none">
    <button type="button" class="btn btn-outline-light rounded-pill waves-effect p-1" v-if="!artOption.searchMobile" @click="artOption.searchMobile = true">
        <i class="material-icons material-symbols-outlined">search</i>
    </button>
    <div class="search-bar position-relative mb-sm-0" v-if="artOption.searchMobile">
        <input type="text" class="form-control" v-model="artOption.search" :placeholder="langs.art.search_file+ '...'" @keyup="artOption.paged = 1">
        <i class="material-icons material-symbols-outlined pdapp-search-icon" @click="artOption.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="artOption.search" :placeholder="langs.art.search_file+ '...'" @keyup="artOption.paged = 1">
    <i class="material-icons material-symbols-outlined">search</i>
</div>