From 13e29437a35ce5424eef4c5130ea4d97faa5c390 Mon Sep 17 00:00:00 2001
From: RogerKoala <heitorreyessanches@gmail.com>
Date: Tue, 16 Jun 2026 11:30:16 -0300
Subject: [PATCH] Cria e adiciona componente `footer.vue` ao painel

---
 .../src/components/painel/PainelFooter.vue    | 62 +++++++++++++++++++
 1 file changed, 62 insertions(+)
 create mode 100644 frontend/src/components/painel/PainelFooter.vue

diff --git a/frontend/src/components/painel/PainelFooter.vue b/frontend/src/components/painel/PainelFooter.vue
new file mode 100644
index 000000000..c2ffea383
--- /dev/null
+++ b/frontend/src/components/painel/PainelFooter.vue
@@ -0,0 +1,62 @@
+<template>
+    <div class="painel position-relative bottom-0 hora-brasao">
+        <div class="row justify-content-center align-items-center">
+            <div class="col-4 text-center" id="logo-container" v-if="brasao">
+                <img :src="brasao" id="logo-painel" class="logo-painel" alt="Brasão" />
+            </div>
+            <div :class="['text-center', brasao ? 'col-4' : 'col-12 mt-5']" id="relogio-container">
+                <span class="fs-1 fw-bold" id="relogio">{{ relogio }}</span>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script>
+import { mapState } from 'vuex';
+export default {
+  name: 'PainelFooter',
+  props: {
+  },
+
+  data() {
+    return {
+      brasao: "",
+      data_atual: "",
+      relogio: "",
+      currentDateTimeId: null,
+    }
+  },
+
+  methods: {
+    startCurrentDateTime() {
+         this.data_atual = moment().utcOffset(-3).format("DD/MM/YY");
+         this.currentDateTimeId = setInterval(() => {
+            this.relogio = moment.utc().utcOffset(-3).format("HH:mm:ss");
+         }, 500);
+    },
+  },
+  beforeDestroy() {
+      if (this.currentDateTimeId) {
+        clearInterval(this.currentDateTimeId);
+        console.log('currentDateTimeId Interval cleared.');
+      }
+  },
+  computed: {
+    ...mapState(["sessao_aberta", "painel_aberto"])
+  },
+  mounted() {
+    console.log('PainelFooter component mounted');
+    this.startCurrentDateTime();
+  }
+}
+</script>
+
+<style scoped>
+.logo-painel {
+  max-height: 150px;
+  width: auto;
+}
+.hora-brasao {
+  border-top: 1px solid #333;
+}
+</style>
\ No newline at end of file