<div id="resumen">
  <div class="ui container">
    <div class="ui center aligned grid">
      <div class="three wide column">
        <div class="ui inverted circular segment">
          <div class="ui big header">
            123
            <div class="sub header">
              Negocios Cerrados
            </div>
          </div>
        </div>
      </div>
      <div class="column"></div>
      <div class="three wide column">
        <div class="ui inverted circular segment">
          <div class="ui big header">
            12
            <div class="sub header">
              Proyectos Publicados
            </div>
          </div>
        </div>
      </div>
      <div class="column"></div>
      <div class="three wide column">
        <div class="ui inverted circular segment">
          <div class="ui big header">
            10
            <div class="sub header">
              Texto Relleno
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

@push('styles')
  <style type="text/css">
    #resumen {
      background-image: url('{{$urls->images}}/indicadores.jpg');
    }
  </style>
@endpush

@push('scripts')
  <script type="text/javascript">
    var max_width = 0
    $(document).ready(function() {
      $('#resumen .circular.segment').each(function(i, el) {
        var width = $(this).css('width')
        var w = parseInt(width)
        if (w > max_width) {
          max_width = w
        }
        $(this).css('width', max_width + 'px')
        $(this).css('height', max_width + 'px')
      })
    })
  </script>
@endpush
