title: Laravel 5.1 - Nested Loop - Blade Templating
body: <p>I have this on <strong>View</strong>:</p>
  
  <pre><code>..
  ...
  &lt;div class="section group"&gt;
      @foreach ($product as $item)
      &lt;div class="grid_1_of_4 images_1_of_4"&gt;
          &lt;h4&gt;&lt;a href="#"&gt;{!! $item-&gt;name !!}&lt;/a&gt;&lt;/h4&gt;
          &lt;div class="price-details"&gt;
              &lt;div class="price-number"&gt;
                  &lt;p&gt;&lt;span class="price"&gt;$ {!! $item-&gt;price !!} &lt;/span&gt;&lt;/p&gt;
              &lt;/div&gt;
              &lt;div class="add-cart"&gt;                              
                  &lt;h4&gt;&lt;a href="#"&gt;More Info&lt;/a&gt;&lt;/h4&gt;
              &lt;/div&gt;
              &lt;div class="clear"&gt;&lt;/div&gt;
          &lt;/div&gt;                           
      &lt;/div&gt;         
      @endforeach
  &lt;/div&gt;
  ...
  ..
  </code></pre>
  
  <p>And this on <strong>Controller</strong>:</p>
  
  <pre><code>..
  ...
  public function index(){
      $product = product::paginate(8);
      return view('shop.index', compact('product'));
  }
  ...
  ..
  </code></pre>
  
  <p>I want to show to the <strong>eight</strong> data I set the controller into two parts, so the output will be like this:</p>
  
  <pre><code>&lt;div class="section group"&gt;
      &lt;div class="grid_1_of_4 images_1_of_4"&gt;
          &lt;h4&gt;&lt;a href="#"&gt;item 01&lt;/a&gt;&lt;/h4&gt;
          &lt;div class="price-details"&gt;
              &lt;div class="price-number"&gt;
                  &lt;p&gt;&lt;span class="price"&gt;$ price 01 &lt;/span&gt;&lt;/p&gt;
              &lt;/div&gt;
              &lt;div class="add-cart"&gt;                              
                  &lt;h4&gt;&lt;a href="#"&gt;More Info&lt;/a&gt;&lt;/h4&gt;
              &lt;/div&gt;
              &lt;div class="clear"&gt;&lt;/div&gt;
          &lt;/div&gt;                           
      &lt;/div&gt;
      &lt;div class="grid_1_of_4 images_1_of_4"&gt;
          &lt;h4&gt;&lt;a href="#"&gt;item 02&lt;/a&gt;&lt;/h4&gt;
          &lt;div class="price-details"&gt;
              &lt;div class="price-number"&gt;
                  &lt;p&gt;&lt;span class="price"&gt;$ price 02 &lt;/span&gt;&lt;/p&gt;
              &lt;/div&gt;
              &lt;div class="add-cart"&gt;                              
                  &lt;h4&gt;&lt;a href="#"&gt;More Info&lt;/a&gt;&lt;/h4&gt;
              &lt;/div&gt;
              &lt;div class="clear"&gt;&lt;/div&gt;
          &lt;/div&gt;                           
      &lt;/div&gt;
      &lt;div class="grid_1_of_4 images_1_of_4"&gt;
          &lt;h4&gt;&lt;a href="#"&gt;item 03&lt;/a&gt;&lt;/h4&gt;
          &lt;div class="price-details"&gt;
              &lt;div class="price-number"&gt;
                  &lt;p&gt;&lt;span class="price"&gt;$ price 03 &lt;/span&gt;&lt;/p&gt;
              &lt;/div&gt;
              &lt;div class="add-cart"&gt;                              
                  &lt;h4&gt;&lt;a href="#"&gt;More Info&lt;/a&gt;&lt;/h4&gt;
              &lt;/div&gt;
              &lt;div class="clear"&gt;&lt;/div&gt;
          &lt;/div&gt;                           
      &lt;/div&gt;
      &lt;div class="grid_1_of_4 images_1_of_4"&gt;
          &lt;h4&gt;&lt;a href="#"&gt;item 04&lt;/a&gt;&lt;/h4&gt;
          &lt;div class="price-details"&gt;
              &lt;div class="price-number"&gt;
                  &lt;p&gt;&lt;span class="price"&gt;$ price 04 &lt;/span&gt;&lt;/p&gt;
              &lt;/div&gt;
              &lt;div class="add-cart"&gt;                              
                  &lt;h4&gt;&lt;a href="#"&gt;More Info&lt;/a&gt;&lt;/h4&gt;
              &lt;/div&gt;
              &lt;div class="clear"&gt;&lt;/div&gt;
          &lt;/div&gt;                           
      &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;div class="section group"&gt;
      &lt;div class="grid_1_of_4 images_1_of_4"&gt;
          &lt;h4&gt;&lt;a href="#"&gt;item 05&lt;/a&gt;&lt;/h4&gt;
          &lt;div class="price-details"&gt;
              &lt;div class="price-number"&gt;
                  &lt;p&gt;&lt;span class="price"&gt;$ price 05 &lt;/span&gt;&lt;/p&gt;
              &lt;/div&gt;
              &lt;div class="add-cart"&gt;                              
                  &lt;h4&gt;&lt;a href="#"&gt;More Info&lt;/a&gt;&lt;/h4&gt;
              &lt;/div&gt;
              &lt;div class="clear"&gt;&lt;/div&gt;
          &lt;/div&gt;                           
      &lt;/div&gt;
      &lt;div class="grid_1_of_4 images_1_of_4"&gt;
          &lt;h4&gt;&lt;a href="#"&gt;item 06&lt;/a&gt;&lt;/h4&gt;
          &lt;div class="price-details"&gt;
              &lt;div class="price-number"&gt;
                  &lt;p&gt;&lt;span class="price"&gt;$ price 06 &lt;/span&gt;&lt;/p&gt;
              &lt;/div&gt;
              &lt;div class="add-cart"&gt;                              
                  &lt;h4&gt;&lt;a href="#"&gt;More Info&lt;/a&gt;&lt;/h4&gt;
              &lt;/div&gt;
              &lt;div class="clear"&gt;&lt;/div&gt;
          &lt;/div&gt;                           
      &lt;/div&gt;
      &lt;div class="grid_1_of_4 images_1_of_4"&gt;
          &lt;h4&gt;&lt;a href="#"&gt;item 07&lt;/a&gt;&lt;/h4&gt;
          &lt;div class="price-details"&gt;
              &lt;div class="price-number"&gt;
                  &lt;p&gt;&lt;span class="price"&gt;$ price 07 &lt;/span&gt;&lt;/p&gt;
              &lt;/div&gt;
              &lt;div class="add-cart"&gt;                              
                  &lt;h4&gt;&lt;a href="#"&gt;More Info&lt;/a&gt;&lt;/h4&gt;
              &lt;/div&gt;
              &lt;div class="clear"&gt;&lt;/div&gt;
          &lt;/div&gt;                           
      &lt;/div&gt;
      &lt;div class="grid_1_of_4 images_1_of_4"&gt;
          &lt;h4&gt;&lt;a href="#"&gt;item 08&lt;/a&gt;&lt;/h4&gt;
          &lt;div class="price-details"&gt;
              &lt;div class="price-number"&gt;
                  &lt;p&gt;&lt;span class="price"&gt;$ price 08 &lt;/span&gt;&lt;/p&gt;
              &lt;/div&gt;
              &lt;div class="add-cart"&gt;                              
                  &lt;h4&gt;&lt;a href="#"&gt;More Info&lt;/a&gt;&lt;/h4&gt;
              &lt;/div&gt;
              &lt;div class="clear"&gt;&lt;/div&gt;
          &lt;/div&gt;                           
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I think it should use nested loop, but i have no idea how to write it in laravel.</p>
  
  <p>Anyone have any idea how it should be?</p>