<h2 class="floating-title">{{ title }}</h2>

<div class="main-content">
  <div class="container-fluid">
    <div class="row">
      <div class="col-12 align-right">
        <div class="align-container">
          <nav aria-label="breadcrumb">
            <ol class="breadcrumb">
              <li class="breadcrumb-item">
                <a [routerLink]="['/']">Dashboard</a>
              </li>
              <li class="breadcrumb-item">
                <a [routerLink]="['/investment-proposals']">
                  Propuestas de inversión
                </a>
              </li>
              <li class="breadcrumb-item">Histórico</li>
            </ol>
          </nav>
        </div>
      </div>

      <br />
    </div>
    <br />
    <div class="row justify-content-center">
      <div class="col-12">
        <div class="align-container">
          <div class="card borderless">
            <div class="card-header card-header-icon card-header-rose">
              <h4 class="card-title">
                Histórico de cambios para inversión: {{ investmentCode }}
              </h4>
            </div>
            <div class="card-body">
              <div class="align-container">
                <ul class="list-unstyled">
                  <li *ngFor="let item of logs; let i = index">
                    <div
                      [ngClass]="
                        i % 2 == 0 ? 'log secondary-bg' : 'log info-bg'
                      "
                    >
                      <div class="media">
                        <div class="user-icon">
                          <i class="material-icons">
                            person
                          </i>
                        </div>
                        <div class="media-body">
                          <h6 class="mt-0 ">
                            {{ item.created_by }}
                            <div class="float-right">
                              {{ item.created_date }}
                            </div>
                          </h6>
                          <p class="mt-10">Estado: {{ item.estado_final }}</p>
                          <p>Comentario: {{ item.comentario }}</p>
                          <p *ngIf="item.evidencia != null">
                            Archivo
                            <a
                              [href]="fileDownload + item.evidencia"
                              target="_blank"
                              >Descargar archivo</a
                            >
                          </p>
                        </div>
                      </div>
                    </div>
                  </li>
                </ul>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
