{% from "inc.macro.age_from_datetime_string.html" import ageFromDateTimeString as ageFromDateTimeString with context %}

<div class="card-body pb-0 text-center">
  <h4 class="card-title mt-2">{{ patient.first_name }} {{ patient.last_name }}</h4>
</div>
<div>
  <hr>
</div>

<div class="card-body pt-0">
  <div class="row justify-content-center text-center text-md-left">
    <div class="col-12 col-sm-4 col-md-12">
      <small class="text-muted db">{{ gettext("Género") }}</small>
      <h6>{{ patient.gender }}</h6>
    </div>
    <div class="col-12 col-sm-4 col-md-12 pt-4 pt-sm-0 pt-md-4">
      <small class="text-muted db">{{ gettext("Fecha de nacimiento") }}</small>
      <h6>{{ moment(patient.birthdate).format("L") }}</h6>
    </div>
    <div class="col-12 col-sm-4 col-md-12 pt-4 pt-sm-0 pt-md-4">
      <small class="text-muted db">{{ gettext("Edad") }}</small>
      <h6>{{ ageFromDateTimeString(patient.birthdate)|striptags|trim }}</h6>
    </div>
    <div class="col-12 col-sm-4 col-md-12 pt-4">
      <small class="text-muted db">{{ gettext("Email") }}</small>
      <h6>{{ patient.email }}</h6>
    </div>
    <div class="col-12 col-sm-4 col-md-12 pt-4">
      <small class="text-muted db">{{ gettext("Teléfono") }}</small>
      <h6>{{ patient.telephone }}</h6>
    </div>
  </div>
</div>