<template>
  <div id="datosPersonales">
    <p class="is-size-3"><b>Datos personales</b></p>
    <p class="is-size-5 mt-3" v-if="alumno.Usuario.nombre">
      <b>Nombre: </b>{{ alumno.Usuario.nombre }}
    </p>
    <p class="is-size-5 mt-3" v-if="alumno.Usuario.usuario">
      <b>Número de cuenta: </b>{{ alumno.Usuario.usuario }}
    </p>
    <p class="is-size-5 mt-3" v-if="alumno.Carrera.carrera">
      <b>Carrera: </b>{{ alumno.Carrera.carrera }}
    </p>
    <p class="is-size-5 mt-3" v-if="alumno.correo">
      <b>Correo: </b>{{ alumno.correo }}
    </p>
    <p class="is-size-5 mt-3" v-if="alumno.creditos">
      <b>Créditos: </b>{{ alumno.creditos + "%" }}
    </p>
    <p class="is-size-5 mt-3" v-if="alumno.fechaInicio">
      <b>Fecha de inicio: </b>{{ fecha(alumno.fechaInicio) }}
    </p>
    <p class="is-size-5 mt-3" v-if="alumno.fechaFin">
      <b>Fecha de fin: </b>{{ fecha(alumno.fechaFin) }}
    </p>
    <p class="is-size-5 mt-3" v-if="alumno.telefono">
      <b>Teléfono: </b>{{ alumno.telefono }}
    </p>
    <p class="is-size-5 mt-3" v-if="alumno.direccion">
      <b>Dirección: </b>{{ alumno.direccion }}
    </p>
    <p class="is-size-5 mt-3" v-if="alumno.fechaNacimiento">
      <b>Fecha de nacimiento: </b>{{ fecha(alumno.fechaNacimiento) }}
    </p>
  </div>
</template>

<script>
import moment from "moment";

export default {
  props: {
    alumno: Object,
  },
  methods: {
    fecha(date) {
      const fecha = moment(date.substr(0, 10));
      return `${fecha.date()}/${fecha.month() + 1}/${fecha.year()}`;
    },
  },
};
</script>
