{% load i18n %}

<div class="row">
            <div class="col-sm-12 col-md-12 col-lg-4">
              <div class="oh-card oh-card--margin">
                <div class="oh-card__header">
                  <span class="oh-card__title oh-card__title--sm fw-bold me-2"
                    >{% trans "Personal Information" %}</span
                  >
                </div>
                <div class="oh-card__body mt-4">
                  <ul class="oh-profile__card-info-list">
                    <li class="oh-profile__card-info-item">
                      <span class="oh-profile__info-label mb-1">
                        <ion-icon name="calendar-outline"></ion-icon>
                        <span>{% trans "Date of Birth" %}</span>
                      </span>
                      <span class="oh-profile__info-value dateformat_changer"
                        >{{candidate.dob}}</span
                      >
                    </li>
                    <li class="oh-profile__card-info-item">
                      <span class="oh-profile__info-label mb-1">
                        <ion-icon name="transgender-outline"></ion-icon>
                        <span>{% trans "Gender" %}</span>
                      </span>
                      <span class="oh-profile__info-value"
                        >{{candidate.gender|capfirst}}</span
                      >
                    </li>
                    <li class="oh-profile__card-info-item">
                      <span class="oh-profile__info-label mb-1">
                        <ion-icon name="home-outline"></ion-icon>
                        <span>{% trans "Address" %}</span>
                      </span>
                      <p class="oh-profile__info-value mb-0">
                        {{candidate.address}}
                      </p>
                    </li>
                    <li class="oh-profile__card-info-item">
                      <span class="oh-profile__info-label mb-1">
                        <ion-icon name="flag-outline"></ion-icon>
                        <span>{% trans "Country" %}</span>
                      </span>
                      <span class="oh-profile__info-value">
                        {{candidate.country}}
                      </span>
                    </li>
                    <li class="oh-profile__card-info-item">
                      <span class="oh-profile__info-label mb-1">
                        <ion-icon name="compass-outline"></ion-icon>
                        <span>{% trans "State" %}</span>
                      </span>
                      <span class="oh-profile__info-value">
                        {{candidate.state}}
                      </span>
                    </li>
                    <li class="oh-profile__card-info-item">
                      <span class="oh-profile__info-label mb-1">
                        <ion-icon name="brush-outline"></ion-icon>
                        <span>{% trans "Portfolio" %}</span>
                      </span>
                      <span class="oh-profile__info-value">
                        {{candidate.portfolio}}
                      </span>
                    </li>
                  </ul>
                </div>
              </div>
            </div>
            <div class="col-sm-12 col-md-12 col-lg-8">
              <div class="oh-card oh-card--margin">
                <div class="oh-card__header">
                  <span class="oh-card__title oh-card__title--sm fw-bold me-2"
                    >{% trans "Recruitment Information" %}</span
                  >
                </div>
                <div class="oh-card__body mt-4">
                  <div class="row">
                    <div class="col-12 col-sm-12 col-md-12 col-lg-6">
                      <ul class="oh-profile__card-info-list">
                        <li class="oh-profile__card-info-item">
                          <span class="oh-profile__info-label mb-1">
                            <ion-icon name="construct-outline"></ion-icon>
                            <span>{% trans "Recruitment" %}</span>
                          </span>
                          <span class="oh-profile__info-value"
                            >{{candidate.recruitment_id}}</span
                          >
                        </li>
                        <li class="oh-profile__card-info-item">
                          <span class="oh-profile__info-label mb-1">
                            <ion-icon name="briefcase-outline"></ion-icon>

                            <span>{% trans "Department" %}</span>
                          </span>
                          <span class="oh-profile__info-value"
                            >{{candidate.job_position_id.department_id}}</span
                          >
                        </li>
                        <li class="oh-profile__card-info-item">
                          <span class="oh-profile__info-label mb-1">
                            <ion-icon
                              name="file-tray-stacked-outline"
                            ></ion-icon>
                            <span>{% trans "Source" %}</span>
                          </span>
                          {% if candidate.get_source_display != None %}
                            <span class="oh-profile__info-value"
                              >{{candidate.get_source_display}}</span
                            >
                          {% endif %}
                        </li>
                      </ul>
                    </div>

                    <div class="col-12 col-sm-12 col-md-12 col-lg-6">
                      <ul class="oh-profile__card-info-list">
                        <li class="oh-profile__card-info-item">
                          <span class="oh-profile__info-label mb-1">
                            <ion-icon
                              name="file-tray-stacked-outline"
                            ></ion-icon>
                            <span>{% trans "Current Stage" %}</span>
                          </span>
                          <span class="oh-profile__info-value"
                            >{{candidate.stage_id}}</span
                          >
                        </li>
                        <li class="oh-profile__card-info-item">
                          <span class="oh-profile__info-label mb-1">
                            <ion-icon name="briefcase-outline"></ion-icon>
                            <span>{% trans "Job Position" %}</span>
                          </span>
                          <span class="oh-profile__info-value"
                            >{{candidate.job_position_id}}</span
                          >
                        </li>
                        <li class="oh-profile__card-info-item">
                          <span class="oh-profile__info-label mb-1">
                            <ion-icon name="people-outline"></ion-icon>
                            <span>{% trans "Referral" %}</span>
                          </span>
                          <span class="oh-profile__info-value"
                            >{{candidate.referral}}</span
                          >
                        </li>
                      </ul>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>