@extends('main') @foreach ($hotel as $hotel) @foreach ($city as $city) @section('title'," $hotel->hotel - $city->city") @endsection @section('content') {{-- Header --}} <div style="background-image:url('../img/{{ $hotel->id }}.jpg'); height:400px; background-size:cover;"> <div class="container"> @include('partials._nav') <div class="row"> <center> <h2> <div class="col-md-12 hotel-name"> {{ $hotel->hotel }} <p class="city"> </h2> {{ $city->city }} @endforeach </p> </div> </center> </div> </div> {{-- End Search bar --}} </div> </div> {{-- Header End here --}} </div> </div> </div> {{-- Modal Closed --}} <div class="container"> {{-- Tab Start here --}} <div class="tabs"> <!-- Nav tabs --> <ul class="nav nav-tabs" role="tablist"> <li role="presentation" class="active"><a href="#home" aria-controls="home" role="tab" data-toggle="tab">Overview</a></li> <li role="presentation"><a href="#profile" aria-controls="profile" role="tab" data-toggle="tab">Menu</a></li> <li role="presentation"><a href="#messages" aria-controls="messages" role="tab" data-toggle="tab">Comments <span class="disqus-comment-count" data-disqus-identifier="article_1_identifier"></span></a></li> <li role="presentation"><a href="#settings" aria-controls="settings" role="tab" data-toggle="tab">Photo</a></li> </ul> <!-- Tab panes --> <div class="tab-content"> <div role="tabpanel" class="tab-pane active" id="home"> <div class="row"> <div class="col-md-3"> <h3>Contact No.</h3> <p class="contactno">{{ $hotel->contactno }}</p> <p class="remark">{{ $hotel->remark }}</p> <h3>Cuisines</h3> <p class="cuisines">{{ $hotel->cuisines }}</p> <h3>Cost</h3> <p class="cost">{{ $hotel->cost }}</p> </div> <div class="col-md-3"> <h3>Opening Hours</h3> <p class="hours">{{ date('h:ia', strtotime($hotel->openfrom)) }} - {{ date('h:ia', strtotime($hotel->opento)) }}</p> <h3>Address</h3> <p class="address">{{ $hotel->address }}</p> <div id="map" style="width:150px;height:100px;"></div> </div> <div class="col-md-3"> <h3>Highlights</h3> <p class="highlight">{{ $hotel->highlight }}</p> <h3>Featured in Collection</h3> <p class="featured">{{ $hotel->featured }}</p> </div> </div> </div> <div role="tabpanel" class="tab-pane" id="profile"> <table class="table"> <tr> <th>#</th> <th>Dish</th> <th>Price</th> </tr> @foreach ($menu as $menu) <tr> <td>{{ $menu->id }}</td> <td>{{ $menu->dish_name }}</td> <td>{{ $menu->price }}</td> </tr> @endforeach </table> </div> <div role="tabpanel" class="tab-pane" id="messages"> {{-- Disqus Start from here --}} <div id="disqus_thread"></div> <script> /** * 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); })(); </script> <noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript> </div> {{-- Disqus End Here --}} <div role="tabpanel" class="tab-pane" id="settings"></div> </div> </div> {{-- Tab End Here --}} </div> @endsection @section('javascript') <script> function myMap() { var mapCanvas = document.getElementById("map"); var mapOptions = { center: new google.maps.LatLng({{ $hotel->directions }}), zoom: 10 } var map = new google.maps.Map(mapCanvas, mapOptions); } </script> <script src="https://maps.googleapis.com/maps/api/js?callback=myMap"></script> <script id="dsq-count-scr" src="//gobumpr.disqus.com/count.js" async></script> @endforeach {{-- <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDu9JV__AvYU6auWV-QsJuV82TnLtrytm0&callback=initMap" async defer></script> --}} @endsection 
I am getting this:
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)