KI/resources/views/proyectos/proyecto/datos.blade.php

<div id="datos">
  <div class="ui top attached tabular menu">
    <a class="active item" data-tab="informacion">Informaci&oacute;n</a>
    <a class="item" data-tab="mapa">Ver Mapa</a>
    <a class="item" data-tab="video">Video</a>
    <a class="item" data-tab="estado">Estado del Proyecto</a>
  </div>
  <div class="ui bottom attached basic segment active tab" data-tab="informacion">
    <div class="ui grid">
      <div class="four wide column">
        <div class="ui two columns grid informacion">
          <div class="row">
            <div class="column">
              Precio:
            </div>
            <div class="column">
              {{$proyecto->valor}} UF
            </div>
          </div>
          <div class="row">
            <div class="column">
              Estado:
            </div>
            <div class="column">
              {{$proyecto->estado}}
            </div>
          </div>
          <div class="row">
            <div class="column">
              Tipo:
            </div>
            <div class="column">
              {{$proyecto->segmento}}
            </div>
          </div>
          <div class="row">
            <div class="column">
              Ubicaci&oacute;n:
            </div>
            <div class="column">
              {{$proyecto->comuna}}, {{$proyecto->ciudad}}
            </div>
          </div>
          <div class="row">
            <div class="column">
              Unidades:
            </div>
            <div class="column">
              {{$proyecto->unidades}}
            </div>
          </div>
          <div class="row">
            <div class="column">
              Modelos:
            </div>
            <div class="column">
              {{$proyecto->modelos}}
            </div>
          </div>
          <div class="row">
            <div class="column">
              Tama&ntilde;o
            </div>
            <div class="column">
              {{$proyecto->tamaño}}
            </div>
          </div>
        </div>
      </div>
      <div class="twelve wide column">
        {{$proyecto->descripcion}}
      </div>
    </div>
  </div>
  <div class="ui bottom attached basic segment tab" data-tab="mapa">
    <div class="ui fluid placeholder">
      <div class="image"></div>
    </div>
  </div>
  <div class="ui bottom attached basic segment tab" data-tab="video">
    <div class="ui fluid placeholder">
      <div class="image"></div>
    </div>
  </div>
  <div class="ui bottom attached basic segment tab" data-tab="estado">
    <div class="ui fluid placeholder">
      <div class="paragraph">
        <div class="full line"></div>
        <div class="full line"></div>
        <div class="full line"></div>
        <div class="full line"></div>
        <div class="full line"></div>
        <div class="full line"></div>
        <div class="full line"></div>
        <div class="full line"></div>
        <div class="full line"></div>
      </div>
    </div>
  </div>
</div>

@push('scripts')
  <script type="text/javascript">
    $(document).ready(() => {
      $('#datos').find('.tabular .item').tab()
    })
  </script>
@endpush