From 4ee7dbda6d14588808fd1fb9d33872d82b63c8c5 Mon Sep 17 00:00:00 2001
From: Andres2908 <saavedratrejo24@gmail.com>
Date: Thu, 20 Jan 2022 00:23:03 -0600
Subject: [PATCH] Creacion del admin

---
 components/admin/fechasInscripcion.vue | 31 ++++++++++++++++++++++++++
 components/admin/tableTickets.vue      | 12 ++++++++++
 pages/admin/index.vue                  | 22 ++++++++++++++++--
 3 files changed, 63 insertions(+), 2 deletions(-)
 create mode 100644 components/admin/fechasInscripcion.vue
 create mode 100644 components/admin/tableTickets.vue

diff --git a/components/admin/fechasInscripcion.vue b/components/admin/fechasInscripcion.vue
new file mode 100644
index 0000000..d237646
--- /dev/null
+++ b/components/admin/fechasInscripcion.vue
@@ -0,0 +1,31 @@
+<template>
+  <div>
+    <div class="columns">
+      <b-field class="column" label="Apertura de inscripciones">
+        <b-datepicker
+          placeholder="Type or select a date..."
+          icon="calendar-today"
+          editable
+        >
+        </b-datepicker>
+      </b-field>
+
+      <b-field class="column" label="Termino de inscripciones">
+        <b-datepicker
+          placeholder="Type or select a date..."
+          icon="calendar-today"
+          editable
+        >
+        </b-datepicker>
+      </b-field>
+    </div>
+
+    <div class="has-text-centered pt-3">
+      <b-button class="is-success"> Asignar Fechas </b-button>
+    </div>
+  </div>
+</template>
+
+<script></script>
+
+<style scoped></style>
diff --git a/components/admin/tableTickets.vue b/components/admin/tableTickets.vue
new file mode 100644
index 0000000..b62331b
--- /dev/null
+++ b/components/admin/tableTickets.vue
@@ -0,0 +1,12 @@
+<template>
+  <div>
+    <b-table class="box">
+      <b-table-column field="numeroCuenta" label="Número de cuenta" centered>
+      </b-table-column>
+
+      <b-table-column field="ticket" label="Ticket" centered>
+        <b-button type="is-info">Ver ticket</b-button>
+      </b-table-column>
+    </b-table>
+  </div>
+</template>
diff --git a/pages/admin/index.vue b/pages/admin/index.vue
index 7dff8d1..f55ed55 100644
--- a/pages/admin/index.vue
+++ b/pages/admin/index.vue
@@ -1,7 +1,25 @@
 <template>
-  <div class="container"></div>
+  <div class="container">
+    <section class="box">
+      <p class="subtitle is-3">Asignar fechas de inscripción</p>
+
+      <FechasInscripcion />
+    </section>
+
+    <TableTickets />
+  </div>
 </template>
 
-<script></script>
+<script>
+import TableTickets from '~/components/admin/tableTickets.vue'
+import FechasInscripcion from '~/components/admin/fechasInscripcion.vue'
+
+export default {
+  components: {
+    TableTickets,
+    FechasInscripcion,
+  },
+}
+</script>
 
 <style></style>