title: Cannot end a section without first starting one in Laravel
body: <pre><code>    @extends('main')
      @foreach ($hotel as $hotel)
      @foreach ($city as $city)
      @section('title'," $hotel-&gt;hotel - $city-&gt;city")
      @endsection
      @section('content')
        {{-- Header --}}
        &lt;div style="background-image:url('../img/{{ $hotel-&gt;id }}.jpg'); height:400px; background-size:cover;"&gt;
            &lt;div class="container"&gt;
              @include('partials._nav')
            &lt;div class="row"&gt;
              &lt;center&gt;
                &lt;h2&gt;
                  &lt;div class="col-md-12 hotel-name"&gt;
                  {{ $hotel-&gt;hotel }}
                &lt;p class="city"&gt;
                &lt;/h2&gt;
                    {{ $city-&gt;city }}
                  @endforeach
                &lt;/p&gt;
              &lt;/div&gt;
            &lt;/center&gt;
            &lt;/div&gt;
            &lt;/div&gt;
            {{-- End Search bar --}}
  
  
            &lt;/div&gt;
         &lt;/div&gt;
         {{-- Header End here --}}
        &lt;/div&gt;
        &lt;/div&gt;
        &lt;/div&gt;
        {{-- Modal Closed --}}
        &lt;div class="container"&gt;
          {{-- Tab Start here --}}
        &lt;div class="tabs"&gt;
  
          &lt;!-- Nav tabs --&gt;
          &lt;ul class="nav nav-tabs" role="tablist"&gt;
            &lt;li role="presentation" class="active"&gt;&lt;a href="#home" aria-controls="home" role="tab" data-toggle="tab"&gt;Overview&lt;/a&gt;&lt;/li&gt;
            &lt;li role="presentation"&gt;&lt;a href="#profile" aria-controls="profile" role="tab" data-toggle="tab"&gt;Menu&lt;/a&gt;&lt;/li&gt;
            &lt;li role="presentation"&gt;&lt;a href="#messages" aria-controls="messages" role="tab" data-toggle="tab"&gt;Comments &lt;span class="disqus-comment-count" data-disqus-identifier="article_1_identifier"&gt;&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;
            &lt;li role="presentation"&gt;&lt;a href="#settings" aria-controls="settings" role="tab" data-toggle="tab"&gt;Photo&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
  
          &lt;!-- Tab panes --&gt;
          &lt;div class="tab-content"&gt;
            &lt;div role="tabpanel" class="tab-pane active" id="home"&gt;
              &lt;div class="row"&gt;
                &lt;div class="col-md-3"&gt;
                  &lt;h3&gt;Contact No.&lt;/h3&gt;
                  &lt;p class="contactno"&gt;{{ $hotel-&gt;contactno }}&lt;/p&gt;
                  &lt;p class="remark"&gt;{{ $hotel-&gt;remark }}&lt;/p&gt;
  
                  &lt;h3&gt;Cuisines&lt;/h3&gt;
                  &lt;p class="cuisines"&gt;{{ $hotel-&gt;cuisines }}&lt;/p&gt;
  
                  &lt;h3&gt;Cost&lt;/h3&gt;
                  &lt;p class="cost"&gt;{{ $hotel-&gt;cost }}&lt;/p&gt;
                &lt;/div&gt;
                &lt;div class="col-md-3"&gt;
                  &lt;h3&gt;Opening Hours&lt;/h3&gt;
                  &lt;p class="hours"&gt;{{ date('h:ia', strtotime($hotel-&gt;openfrom)) }} - {{ date('h:ia', strtotime($hotel-&gt;opento)) }}&lt;/p&gt;
  
                  &lt;h3&gt;Address&lt;/h3&gt;
                  &lt;p class="address"&gt;{{ $hotel-&gt;address }}&lt;/p&gt;
                  &lt;div id="map" style="width:150px;height:100px;"&gt;&lt;/div&gt;
  
                &lt;/div&gt;
                &lt;div class="col-md-3"&gt;
                  &lt;h3&gt;Highlights&lt;/h3&gt;
                  &lt;p class="highlight"&gt;{{ $hotel-&gt;highlight }}&lt;/p&gt;
  
                  &lt;h3&gt;Featured in Collection&lt;/h3&gt;
                  &lt;p class="featured"&gt;{{ $hotel-&gt;featured }}&lt;/p&gt;
                &lt;/div&gt;
              &lt;/div&gt;
            &lt;/div&gt;
            &lt;div role="tabpanel" class="tab-pane" id="profile"&gt;
              &lt;table class="table"&gt;
                &lt;tr&gt;
                  &lt;th&gt;#&lt;/th&gt;
                &lt;th&gt;Dish&lt;/th&gt;
                &lt;th&gt;Price&lt;/th&gt;
              &lt;/tr&gt;
                @foreach ($menu as $menu)
                &lt;tr&gt;
                  &lt;td&gt;{{ $menu-&gt;id }}&lt;/td&gt;
                  &lt;td&gt;{{ $menu-&gt;dish_name }}&lt;/td&gt;
                  &lt;td&gt;{{ $menu-&gt;price }}&lt;/td&gt;
                &lt;/tr&gt;
                @endforeach
              &lt;/table&gt;
            &lt;/div&gt;
            &lt;div role="tabpanel" class="tab-pane" id="messages"&gt;
  
              {{-- Disqus Start from here --}}
              &lt;div id="disqus_thread"&gt;&lt;/div&gt;
                &lt;script&gt;
  
                /**
                *  RECOMMENDED CONFIGURATION VARIABLES: EDIT AND UNCOMMENT THE SECTION BELOW TO INSERT DYNAMIC VALUES FROM YOUR PLATFORM OR CMS.
                *  LEARN WHY DEFINING THESE VARIABLES IS IMPORTANT: https://disqus.com/admin/universalcode/#configuration-variables*/
                /*
                var disqus_config = function () {
                this.page.url = PAGE_URL;  // Replace PAGE_URL with your page's canonical URL variable
                this.page.identifier = PAGE_IDENTIFIER; // Replace PAGE_IDENTIFIER with your page's unique identifier variable
                };
                */
                (function() { // DON'T EDIT BELOW THIS LINE
                var d = document, s = d.createElement('script');
                s.src = '//gobumpr.disqus.com/embed.js';
                s.setAttribute('data-timestamp', +new Date());
                (d.head || d.body).appendChild(s);
                })();
                &lt;/script&gt;
                &lt;noscript&gt;Please enable JavaScript to view the &lt;a href="https://disqus.com/?ref_noscript"&gt;comments powered by Disqus.&lt;/a&gt;&lt;/noscript&gt;
            &lt;/div&gt;
            {{-- Disqus End Here --}}
  
            &lt;div role="tabpanel" class="tab-pane" id="settings"&gt;&lt;/div&gt;
          &lt;/div&gt;
  
        &lt;/div&gt;
  
  
      {{-- Tab End Here --}}
  
      &lt;/div&gt;
      @endsection
      @section('javascript')
        &lt;script&gt;
      function myMap() {
        var mapCanvas = document.getElementById("map");
        var mapOptions = {
          center: new google.maps.LatLng({{ $hotel-&gt;directions }}),
          zoom: 10
        }
        var map = new google.maps.Map(mapCanvas, mapOptions);
      }
      &lt;/script&gt;
      &lt;script src="https://maps.googleapis.com/maps/api/js?callback=myMap"&gt;&lt;/script&gt;
      &lt;script id="dsq-count-scr" src="//gobumpr.disqus.com/count.js" async&gt;&lt;/script&gt;
      @endforeach
      {{-- &lt;script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDu9JV__AvYU6auWV-QsJuV82TnLtrytm0&amp;callback=initMap" async defer&gt;&lt;/script&gt; --}}
      @endsection
  </code></pre>
  
  <p><img src="https://i.stack.imgur.com/btesJ.png" alt="enter image description here"></p>
  
  <p>I am getting this:</p>
  
  <blockquote>
    <p>Error:: 
    ErrorException in Factory.php line 587:
    Cannot end a section without first starting one. (View: E:\Other\gobumpr\resources\views\pages\select.blade.php)</p>
  </blockquote>