Untitled

<template>
  <v-container>
    <!-- Dacă există parfumuri, le afișăm -->
    <v-row v-if="perfumes.length > 0">
      <v-col v-for="perfume in perfumes" :key="perfume.id" cols="12" md="4">
        <v-card>
          <v-card-title>{{ perfume.name }}</v-card-title>
          <v-img :src="perfume.image" alt="Imaginea parfumului" max-height="200"></v-img>
          <v-card-subtitle>{{ perfume.description }}</v-card-subtitle>
          <v-card-subtitle>Pret: {{ perfume.price }}</v-card-subtitle>
          <v-card-actions v-if="isAuthenticated">
            <v-btn color="primary" @click="navigateToEdit(perfume)">Modify</v-btn>
            <v-btn class="ma-2" color="red" @click="deletePerfume(perfume.id)">Delete</v-btn>
          </v-card-actions>
        </v-card>
      </v-col>
    </v-row>

    <!-- Mesaj simplu de tip "Nu am găsit niciun parfum" dacă nu sunt parfumuri -->
    <v-row v-else>
      <v-col>
        <v-alert type="info" outlined>
          Nu am găsit niciun parfum care să corespundă căutării.
        </v-alert>
      </v-col>
    </v-row>
  </v-container>
</template>