<template>
  <v-icon size="small" @click="deleteDialog = true"> mdi-delete </v-icon>
  <v-dialog v-model="deleteDialog" width="600" persistent>
    <v-card max-width="600">
      <v-card-title>
        <span class="headline">Delete License</span>
      </v-card-title>
      <v-card-subtitle>
        <span>Delete a License inside the database</span>
      </v-card-subtitle>
      <v-card-text>
        <h4>This action is irreversible!</h4>
      </v-card-text>
      <v-card-actions>
        <v-row>
          <v-col cols="8" align="right" no-gutters>
            <v-btn
              class="ms-auto"
              text="Cancel"
              color="blue darken-1"
              @click="deleteDialog = false"
            ></v-btn>
          </v-col>
          <v-col>
            <v-btn
              class="ms-auto"
              text="Confirm Delete"
              type="submit"
              color="red darken-1"
            ></v-btn>
          </v-col>
        </v-row>
      </v-card-actions>
    </v-card>
  </v-dialog>
</template>

<script setup lang="ts">
import { ref } from "vue";

const deleteDialog = ref(false);
</script>

<style scoped></style>
