<div class="ui card ficha">
  <div class="content">
    <div class="header">
      {{$producto->nombre}}
    </div>
    <div class="right floated meta">
      {{$producto->segmento}}
    </div>
    <div class="descripcion">
      {{$producto->direccion->comuna}}
    </div>
  </div>
  <div class="medium image">
    @if ($producto->destacado())
      <div class="overlay">Destacado</div>
    @endif
    <img src="{{$urls->images}}/{{$producto->imagen()}}" />
  </div>
  <div class="content">
    <div class="ui basic segment">
      <span class="right floated">
        {{$producto->valor()}} UF
      </span>
      Valor depto
    </div>
    <div class="ui basic segment">
      <span class="right floated">
        {{$producto->bono}} UF
      </span>
      Bono Pie
    </div>
    <div class="ui basic segment">
      <span class="right floated">
        {{$producto->rentabilidad}}%
      </span>
      Rentabilidad
    </div>
    <div class="ui basic segment">
      <span class="right floated">
        {{$producto->cuota}} UF
      </span>
      Valor cuota
    </div>
    <div class="ui basic segment">
      <span class="right floated">
        {{$producto->entrega}}
      </span>
      Entrega Estimada
    </div>
    <span class="right floated">
      <a href="{{$urls->base}}/producto/{{$producto->id}}">
        <button class="ui inverted brand button">
          Ver
        </button>
      </a>
    </span>
  </div>
</div>
