title: Laravel blade @extends doesn't work
body: <p>I have strange issue in laravel blade  everything works normally until  I edit something in the file  the master layout stop loading correctly for no reason 
  sometime the page html content  load partially</p>
  
  <p>It works fine on localhost but on the server  </p>
  
  <p>I stopped cloudflare and all caches </p>
  
  <p>As I said the issue occurs only when I edit some file  only that page stop working the other pages works normally unless I edit them or add something to them </p>
  
  <p>I hope you can help me. </p>
  
  <p>master file</p>
  
  <pre><code>&lt;!doctype html&gt;
  &lt;html class="no-js" lang="en"&gt;
  &lt;head&gt;
      &lt;meta charset="UTF-8"&gt;
      &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"/&gt;
  
      &lt;meta name="csrf-token" content="{{ csrf_token() }}"/&gt;
      &lt;link rel="icon" type="image/png" href="{{asset('../storage/app/public/Favicon_reviews.png')}}"&gt;
      &lt;title&gt;
          {{(is_array(($web_title ?? ''))? $web_title[1]  ?? '': $web_title ?? '') ?? 'Home'}}
  
      &lt;/title&gt;
  
  
      {{--foundation css--}}
      &lt;link rel="stylesheet" href="{{asset('css/foundation.css')}}"&gt;
      &lt;!-- Custom styles for this template --&gt;
  
      &lt;link rel="stylesheet" href="{{asset('css/dashboard.css')}}"&gt;
      &lt;link rel="stylesheet" href="{{asset('css/style.css')}}"&gt;
      &lt;link rel="stylesheet" href="{{asset('css/dripicon.css')}}"&gt;
      &lt;link rel="stylesheet" href="{{asset('css/typicons.css')}}"&gt;
      &lt;link rel="stylesheet" href="{{asset('css/font-awesome.min.css')}}"&gt;
      &lt;link rel="stylesheet" href="{{asset('css/theme.css')}}"&gt;
      &lt;link rel="stylesheet" href="{{asset('css/jquery.toastmessage.css')}}"&gt;
      &lt;link rel="stylesheet" href="{{asset('js/circle-progress/jquery.circliful.css')}}"&gt;
  
      &lt;!-- pace loader --&gt;
      {{--for top blue line loader--}}
      &lt;script src="{{asset('js/pace/pace.js')}}"&gt;&lt;/script&gt;
      &lt;link rel="stylesheet" href="{{asset('js/pace/themes/green/pace-theme-flash.css')}}"&gt;
      {{--&lt;link rel="stylesheet" href="{{asset('js/pace/themes/templates/pace-theme-barber-shop.tmpl.css')}}"&gt;--}}
      {{--    &lt;link rel="stylesheet" href="{{asset('js/pace/themes/green/pace-theme-big-counter.css')}}"&gt;--}}
      {{--end pace--}}
  
      &lt;link rel="stylesheet" href="{{asset('js/slicknav/slicknav.css')}}"&gt;
      {{--to support effects in old broswer--}}
      &lt;script src="{{asset('js/vendor/modernizr.js')}}"&gt;&lt;/script&gt;
  
      &lt;link rel="stylesheet" href="{{asset('css/main-style.css')}}"&gt;
      {{--js scripts--}}
      @yield('css')
  &lt;/head&gt;
  
  &lt;body&gt;
  &lt;!-- preloader --&gt;
  &lt;div id="preloader"&gt;
      &lt;div id="status"&gt;&amp;nbsp;&lt;/div&gt;
  &lt;/div&gt;
  &lt;!-- End of preloader --&gt;
  
  &lt;div class="off-canvas-wrap content" data-offcanvas&gt;
      &lt;!-- right sidebar wrapper --&gt;
      &lt;div class="inner-wrap"&gt;
  
          &lt;!-- Right sidemenu --&gt;
          &lt;div id="skin-select"&gt;
              &lt;!--      Toggle sidemenu icon button --&gt;
              &lt;a id="toggle"&gt;
                  &lt;span class="fa icon-menu"&gt;&lt;/span&gt;
              &lt;/a&gt;
              &lt;!--      End of Toggle sidemenu icon button --&gt;
  
              &lt;div class="skin-part"&gt;
                  &lt;div id="tree-wrap"&gt;
                      @include('main.left-nav')
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;!-- end of Rightsidemenu --&gt;
  
          &lt;div class="wrap-fluid" id="paper-bg"&gt;
              &lt;!-- top nav --&gt;
              &lt;div class="top-bar-nest"&gt;
                  &lt;nav class="top-bar" data-topbar role="navigation" data-options="is_hover: false"&gt;
                      @include('main.top-nav')
                  &lt;/nav&gt;
              &lt;/div&gt;
              &lt;!-- end of top nav --&gt;
  
              &lt;!-- breadcrumbs --&gt;
              &lt;ul class="breadcrumbs "&gt;
                  &lt;li&gt;&lt;a href="{{url('/')}}"&gt;&lt;span style="    font-size: 15px; position: relative; top: -3px;"
                                                   class="fa fa-home"&gt;&lt;/span&gt;&lt;/a&gt;
                  &lt;/li&gt;
                  @if(is_array(($web_title ?? false)))
                      @foreach($web_title as $title)
                          &lt;li&gt;
                              {!! $title ?? '' !!}
                          &lt;/li&gt;
                      @endforeach
                  @else
                      &lt;li&gt;
                          {{$web_title ?? ''}}
                      &lt;/li&gt;
                  @endif
  
                  {{--&lt;li&gt;{{$web_title}}
                  &lt;/li&gt;--}}
              &lt;/ul&gt;
              &lt;!-- end of breadcrumbs --&gt;
  
              &lt;!-- Container Begin --&gt;
              &lt;div class="row" style="margin-top:-20px"&gt;
                  @yield('container')
              &lt;/div&gt;
              &lt;!-- End of Container Begin --&gt;
  
              @include('main.footer')
          &lt;/div&gt;
  
          &lt;!-- Right Menu --&gt;
          &lt;aside class="right-off-canvas-menu"&gt;
              {{--@include('main.right-nav')--}}
          &lt;/aside&gt;
          &lt;!-- close the off-canvas menu --&gt;
          &lt;a class="exit-off-canvas"&gt;&lt;/a&gt;
          &lt;!-- End of Right Menu --&gt;
      &lt;/div&gt;
      &lt;!-- end paper bg --&gt;
  
  &lt;/div&gt;
  &lt;!-- end of off-canvas-wrap --&gt;
  
  &lt;!-- end of inner-wrap --&gt;
  
  &lt;!-- main javascript library --&gt;
  
  &lt;script src="{{asset('/js/jquery.js')}}"&gt;&lt;/script&gt;
  &lt;script src="{{asset('/js/waypoints.min.js')}}"&gt;&lt;/script&gt;
  &lt;script src="{{asset('/js/preloader-script.js')}}"&gt;&lt;/script&gt;
  &lt;!-- foundation javascript --&gt;
  &lt;script src="{{asset('/js/foundation.min.js')}}"&gt;&lt;/script&gt;
  &lt;script src="{{asset('/js/foundation/foundation.dropdown.js')}}"&gt;&lt;/script&gt;
  
  &lt;!-- main edumix javascript --&gt;
  {{--add scroll bar to divs--}}
  &lt;script src="{{asset('/js/slimscroll/jquery.slimscroll.js')}}"&gt;&lt;/script&gt;
  {{--mobile menu--}}
  &lt;script src="{{asset('/js/slicknav/jquery.slicknav.js')}}"&gt;&lt;/script&gt;
  &lt;script src="{{asset('/js/sliding-menu.js')}}"&gt;&lt;/script&gt;
  &lt;script src="{{asset('/js/scriptbreaker-multiple-accordion-1.js')}}"&gt;&lt;/script&gt;
  &lt;script src="{{asset('/js/number/jquery.counterup.min.js')}}"&gt;&lt;/script&gt;
  &lt;script src="{{asset('/js/circle-progress/jquery.circliful.min.js')}}"&gt;&lt;/script&gt;
  &lt;script src="{{asset('/js/jquery.toastmessage.js')}}"&gt;&lt;/script&gt;
  
  &lt;script src="{{asset('/js/app.js')}}"&gt;&lt;/script&gt;
  
  &lt;script type="text/javascript"&gt;
      $.ajaxSetup({
          headers: {
              'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
          }
      });
  &lt;/script&gt;
  
  &lt;script type="text/javascript"&gt;
      (function ($) {
          "use strict";
  
  
      })(jQuery);
  &lt;/script&gt;
  
  &lt;script&gt;
      $(document).foundation();
  &lt;/script&gt;
  
  &lt;script&gt;
      /*helper functions*/
  
      function confirm(title, message, callback) {
          // create your modal template
          var modal = '&lt;div class="reveal-modal tiny" id="confirmation" data-reveal aria-labelledby="modalTitle" aria-hidden="true" role="dialog" data-animation-in="slide-in-down"&gt;' +
              '&lt;h2&gt;' + title + '&lt;/h2&gt;' +
              '&lt;p class="lead"&gt;' + message + '&lt;/p&gt;' +
              '&lt;button class="button success yes" style="margin-right: 50px;"&gt;Yes&lt;/button&gt;' +
              '&lt;button class="button alert float-right close-reveal" &gt;No&lt;/button&gt;' +
              '&lt;/div&gt;';
          // appending new reveal modal to the page
          $('body').append(modal);
          // registergin this modal DOM as Foundation reveal
          /*   var confirmation = new Foundation.Reveal($('#confirmation'));
           // open
           confirmation.open();*/
          var confirm_selector = $('#confirmation');
          confirm_selector.foundation('reveal', 'open');
          // listening for yes click
  
          confirm_selector.children('.yes').on('click', function () {
              // close and REMOVE FROM DOM to avoid multiple binding
              confirm_selector.foundation('reveal', 'close');
              confirm_selector.remove();
              // calling the function to process
              callback.call();
          });
          $(document).on('closed.zf.reveal', '#confirmation', function () {
              // remove from dom when closed
  
              confirm_selector.foundation('reveal', 'close');
          });
      }
  
      $(document).on('click', '.close-reveal', function () {
  
          $('#confirmation').foundation('reveal', 'close');
  
      });
  &lt;/script&gt;
  
  {{--header javascript--}}
  
  {{--search process img--}}
  &lt;script&gt;
      $(document).ready(function () {
          $('#search_form').submit(function (e) {
              $('#search_loading').show();
          });
      });
  &lt;/script&gt;
  &lt;script&gt;
      $(document).ready(function () {
          $('#contact_us_form').submit(function (event) {
              event.preventDefault();
              $('.message_button').prop('disabled', true);
              $.ajax({
                  url: '{{url('/contact_us')}}',
                  type: 'POST',
                  data: $(this).serialize(),
                  success: function (data) {
  //                    console.log(data);
                      $().toastmessage('showToast', {
                          text: data.success,
                          stayTime: 3000,
                          sticky: false,
                          position: 'top-center',
                          type: 'success',
                          closeText: '',
                          close: null
                      });
                      $('.message_button').prop('disabled', false);
                      $('#requests').foundation('reveal', 'close');
                      $("#contact_us_form")[0].reset();
                  }
              });
          })
      });
  &lt;/script&gt;
  {{--request form--}}
  
  
  &lt;script&gt;
      $(document).ready(function () {
          $('#requests_form').submit(function (event) {
              event.preventDefault();
              $('.message_button').prop('disabled', true);
              $.ajax({
                  url: '{{url('/contact_us')}}',
                  type: 'POST',
                  data: $(this).serialize(),
                  success: function (data) {
                      $().toastmessage('showToast', {
                          text: data.success,
                          stayTime: 3000,
                          sticky: false,
                          position: 'top-center',
                          type: 'success',
                          closeText: '',
                          close: null
                      });
                      $('.message_button').prop('disabled', false);
                      $('#requests').foundation('reveal', 'close');
                      $("#requests_form")[0].reset();
                  }
              });
          })
      });
  &lt;/script&gt;
  
  
  &lt;script&gt;
  
      $('.input_option').change(function () {
          if ($(this).val() == 'tag') {
              $('.tag_messages').html('You can add more then one tag by adding comma Ex(tag1,tag2,.....)');
          } else {
              $('.tag_messages').html('');
          }
      });
  
  &lt;/script&gt;
  
  &lt;script&gt;
      var textarea = null;
      window.addEventListener("load", function () {
          textarea = window.document.querySelector("#contact_area");
          textarea.addEventListener("keypress", function () {
              if (textarea.scrollTop != 0) {
                  textarea.style.height = textarea.scrollHeight + "px";
              }
          }, false);
      }, false);
  &lt;/script&gt;
  &lt;script&gt;
      var textarea = null;
      window.addEventListener("load", function () {
          textarea = window.document.querySelector("#contact_area1");
          textarea.addEventListener("keypress", function () {
              if (textarea.scrollTop != 0) {
                  textarea.style.height = textarea.scrollHeight + "px";
              }
          }, false);
      }, false);
  &lt;/script&gt;
  @yield('javascript')
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Home page</p>
  
  <pre><code>@extends('main.master')
  
  
  
  @section('container')
  
      &lt;div class="row" style="margin-top:-20px"&gt;
          &lt;div class="large-12 columns"&gt;
              &lt;blockquote style="border-right: 3px solid #8c92a3;text-align: center;margin-top: 5px;"&gt;
                  Thank you for installing the application, please take a moment of your time and rate the app. It will help us to improve the application for you.
                  &lt;a&gt;Rate Here&lt;/a&gt;
              &lt;/blockquote&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="row" &gt;
          &lt;div class="large-8 columns"&gt;
              &lt;div class="box bg-transparent "&gt;
                  &lt;!-- /.box-header --&gt;
                  &lt;div class="box-header no-pad bg-transparent"&gt;
  
                      &lt;h3 style="margin-bottom:20px;" class="box-title"&gt;
                          &lt;span&gt;Daily Visitors&lt;/span&gt;
                      &lt;/h3&gt;
  
  
                  &lt;/div&gt;
                  &lt;div class="box-body no-pad"&gt;
  
                      &lt;div id="line-chart" style="height: 235px; padding: 0px; position: relative;"&gt;
                          &lt;canvas class="flot-base"
                                  style="direction: ltr; position: absolute; left: 0px; top: 0px; width: 785px; height: 235px;"
                                  width="863" height="258"&gt;&lt;/canvas&gt;
                          &lt;div class="flot-text"
                               style="position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; font-size: smaller; color: rgb(84, 84, 84);"&gt;
                              &lt;div class="flot-x-axis flot-x1-axis xAxis x1Axis"
                                   style="position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; display: block;"&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
                          &lt;canvas class="flot-overlay"
                                  style="direction: ltr; position: absolute; left: 0px; top: 0px; width: 785px; height: 235px;"
                                  width="863" height="258"&gt;&lt;/canvas&gt;
                      &lt;/div&gt;
  
                  &lt;/div&gt;
                  &lt;!-- /.box-body --&gt;
              &lt;/div&gt;
              &lt;!-- /.box --&gt;
          &lt;/div&gt;
  
          &lt;div class="large-4 columns"&gt;
              &lt;div class="box bg-transparent "&gt;
                  &lt;!-- /.box-header --&gt;
                  &lt;div class="box-header no-pad bg-transparent"&gt;
  
                      &lt;h3 style="margin:0 20px 0 -5px;" class="box-title"&gt;
                          &lt;span&gt;Visitors&lt;/span&gt;
                      &lt;/h3&gt;
  
  
                  &lt;/div&gt;
                  &lt;div style="margin:15px 0 0" class="box-body no-pad"&gt;
  
                      &lt;div class="stats-wrap"&gt;
                          &lt;h2&gt;&lt;b class="counter-up" style="color:#666;"&gt;{{$counter_visitors_data[0]['year'] ?? 0 }}&lt;/b&gt; &lt;span
                                      style="background:#666;"&gt;+&lt;b
                                          class="counter-up"&gt;{{($counter_visitors_data[0]['year_rating'] ?? 0)   &lt;= 100 ? ($counter_visitors_data[0]['year_rating']?? 0): 100 }}&lt;/b&gt;%&lt;/span&gt;
                          &lt;/h2&gt;
                          &lt;p class="text-grey"&gt;Total Visitors
                              &lt;small&gt;This Year vs last year&lt;/small&gt;
                          &lt;/p&gt;
                          &lt;h4&gt;&lt;b class="counter-up" style="color:#888;"&gt;{{$counter_visitors_data[1]['month'] ?? 0 }}&lt;/b&gt; &lt;span
                                      style="background:#888;"&gt;+&lt;b
                                          class="counter-up"&gt;{{($counter_visitors_data[1]['month_rating'] ?? 0) &lt;= 100 ? ($counter_visitors_data[0]['month_rating'] ?? 0):100}}&lt;/b&gt;%&lt;/span&gt;
                          &lt;/h4&gt;
                          &lt;p&gt;New Visitors
                              &lt;small&gt;This Month&lt;/small&gt;
                          &lt;/p&gt;
                          &lt;h4 style="color:#333;"&gt;&lt;b class="counter-up"&gt;{{$counter_visitors_data[2]['week'] ?? 0 }}&lt;/b&gt; &lt;span
                                      style="background:#333;"&gt;+&lt;b
                                          class="counter-up"&gt;{{($counter_visitors_data[2]['week_rating'] ?? 0)   &lt;= 100 ? ($counter_visitors_data[0]['week_rating']?? 0):100}}&lt;/b&gt;&lt;/span&gt;&lt;/h4&gt;
                          &lt;p&gt;New Visitors
                              &lt;small&gt;This week&lt;/small&gt;
                          &lt;/p&gt;
                      &lt;/div&gt;
  
                  &lt;/div&gt;
                  &lt;!-- /.box-body --&gt;
              &lt;/div&gt;
              &lt;!-- /.box --&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  
      {{------------------------------------------section 2---------------------------------------}}
  
      &lt;div class="row" style="margin-top: 20px;"&gt;
          &lt;div class="large-4 columns"&gt;
              &lt;div class="box bg-transparent "&gt;
                  &lt;!-- /.box-header --&gt;
                  &lt;div class="box-header no-pad bg-transparent"&gt;
  
                      &lt;h3 style="margin:0 20px 0 -5px;" class="box-title"&gt;
                          &lt;span&gt;Reviews&lt;/span&gt;
                      &lt;/h3&gt;
  
  
                  &lt;/div&gt;
                  &lt;div style="margin:15px 0 0" class="box-body no-pad"&gt;
                      &lt;div class="stats-wrap"&gt;
                          &lt;h2&gt;&lt;b class="counter-up" style="color:#666;"&gt;{{$counter_reviews_data[0]['year'] ?? 0 }}&lt;/b&gt; &lt;span
                                      style="background:#666;"&gt;+&lt;b
                                          class="counter-up"&gt;{{($counter_reviews_data[0]['year_rating'] ?? 0)  &lt;= 100 ? ($counter_reviews_data[0]['year_rating']?? 0):100}}&lt;/b&gt;%&lt;/span&gt;
                          &lt;/h2&gt;
                          &lt;p class="text-grey"&gt;Total Reviews
                              &lt;small&gt;This Year vs last year&lt;/small&gt;
                          &lt;/p&gt;
                          &lt;h4&gt;&lt;b class="counter-up" style="color:#888;"&gt;{{$counter_reviews_data[1]['month']?? 0  }}&lt;/b&gt; &lt;span
                                      style="background:#888;"&gt;+&lt;b
                                          class="counter-up"&gt;{{($counter_reviews_data[1]['month_rating'] ?? 0)  &lt;= 100 ? ($counter_reviews_data[1]['month_rating']?? 0):100}}&lt;/b&gt;%&lt;/span&gt;
                          &lt;/h4&gt;
                          &lt;p&gt;New Reviews
                              &lt;small&gt;This Month&lt;/small&gt;
                          &lt;/p&gt;
                          &lt;h4 style="color:#333;"&gt;&lt;b class="counter-up"&gt;{{$counter_reviews_data[2]['week']?? 0  }}&lt;/b&gt; &lt;span
                                      style="background:#333;"&gt;+&lt;b
                                          class="counter-up"&gt;{{($counter_reviews_data[2]['week_rating'] ?? 0)   &lt;= 100 ? ($counter_reviews_data[2]['week_rating']?? 0):100 }}&lt;/b&gt;%&lt;/span&gt;&lt;/h4&gt;
                          &lt;p&gt;New Reviews
                              &lt;small&gt;This week&lt;/small&gt;
                          &lt;/p&gt;
                      &lt;/div&gt;
  
                  &lt;/div&gt;
                  &lt;!-- /.box-body --&gt;
              &lt;/div&gt;
              &lt;!-- /.box --&gt;
          &lt;/div&gt;
          &lt;div class="large-4 columns"&gt;
              &lt;div class="bg-complete-profile"&gt;
                  &lt;span class="bg-green fa fa-star"&gt;&lt;/span&gt;
                  &lt;!--   &lt;img src="img/bag.png"&gt; --&gt;
                  &lt;h6 class="bg-black text-white"&gt;&lt;strong&gt;&lt;a href="https://apps.shopify.com/aliexpress-reviews-2"
                                                             style="color: #ffffff;"&gt;Rate Application&lt;/a&gt;&lt;/strong&gt;&lt;/h6&gt;
              &lt;/div&gt;
  
          &lt;/div&gt;
          &lt;div class="large-4 columns"&gt;
              &lt;div class="bg-complete-profile"&gt;
                  &lt;span class="bg-green  fontello-doc-1"&gt;&lt;/span&gt;
                  &lt;!-- &lt;img src="img/box.png"&gt; --&gt;
                  &lt;h6 class="bg-black text-white"&gt;&lt;a href="" style="color: #ffffff;"&gt;FAQ&lt;/a&gt;&lt;/h6&gt;
              &lt;/div&gt;
  
          &lt;/div&gt;
          &lt;div class="large-4 columns"&gt;
              &lt;div class="bg-complete-profile"&gt;
                  &lt;span class="bg-green  icon-user-group"&gt;&lt;/span&gt;
                  &lt;!--  &lt;i class="img/count.png"&gt;&lt;/i&gt; --&gt;
                  &lt;h6 class="bg-black text-white"&gt;&lt;a href="{{url('visitors')}}" style="color: #ffffff;"&gt;Latest
                          Visitors&lt;/a&gt;&lt;/h6&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;div class="large-4 columns"&gt;
              &lt;div class="bg-complete-profile"&gt;
                  &lt;span class="bg-green  fontello-params"&gt;&lt;/span&gt;
                  &lt;!--  &lt;i class="img/count.png"&gt;&lt;/i&gt; --&gt;
                  &lt;h6 class="bg-black text-white"&gt;&lt;a href="{{url('General_options')}}" style="color: #ffffff;"&gt;Main
                          Setting&lt;/a&gt;&lt;/h6&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  
      {{------------------------------------------section 3---------------------------------------}}
      &lt;div class="large-12 columns"&gt;
          &lt;div class="box"&gt;
              &lt;div class="box-header bg-transparent"&gt;
                  &lt;!-- tools box --&gt;
                  &lt;div class="pull-right box-tools"&gt;
  
                                      &lt;span class="box-btn" data-widget="collapse"&gt;&lt;i class="icon-minus"&gt;&lt;/i&gt;
                                      &lt;/span&gt;
                      &lt;span class="box-btn" data-widget="remove"&gt;&lt;i class="icon-cross"&gt;&lt;/i&gt;
                                      &lt;/span&gt;
                  &lt;/div&gt;
                  &lt;h3 class="box-title"&gt;&lt;i class=" icon-calendar"&gt;&lt;/i&gt;
                      &lt;span&gt;Latest Visitor&lt;/span&gt;
                  &lt;/h3&gt;
              &lt;/div&gt;
              &lt;!-- /.box-header --&gt;
              &lt;div class="box-body" style="display: block;"&gt;
                  &lt;style&gt;
                      @media screen and (max-width: 1400px) {
                          .visitors_images {
                              left: 60% !important;
                          }
                      }
  
                      @media screen and (max-width: 1000px) {
                          .visitors_images {
                              left: 50% !important;
                              top: 43px !important;
                          }
                      }
  
                      @media screen and (max-width: 700px) {
                          .visitors_images {
                              left: 65% !important;
                              top: 43px !important;
                          }
                      }
  
  
                  &lt;/style&gt;
                  &lt;div class="row"&gt;
                      &lt;?php $counter = 0; ?&gt;
                      @foreach($visitors as $visitor)
                          &lt;?php
                          $product_id = $visitor['product_id'];
                          $country_code = $visitor['country_code'];
  
                          ?&gt;
                          &lt;div class="large-4 medium-6 small-12 columns" style="float: left !important;"&gt;
                              &lt;div class="school-timetable"&gt;
                                  &lt;hr&gt;
                                  &lt;h5&gt;&lt;span style="background: #92CD18;"&gt;New&lt;/span&gt;&lt;strong&gt; Visitor &lt;/strong&gt;For
                                      Product:&lt;i&gt;&lt;a
                                                  href="{{url("comments/$product_id/$shop")}}"
                                                  target="_blank"&gt;
                                              {{str_limit(($visitor['product']['products'][0]['title'] ?? 'No Title'),17) }}
                                          &lt;/a&gt;&lt;/i&gt;&lt;/h5&gt;
                                  &lt;h6&gt;&lt;i class=" fontello-home-outline"&gt;&lt;/i&gt; From &lt;span
                                              style="background: transparent;"&gt;&lt;img style="margin-bottom: 5px;"
                                                                                    src="{{url("images/flags").'/'.strtolower($country_code).'.png' ?? ''}}"&gt;&lt;/span&gt;
                                  &lt;/h6&gt;
                                  &lt;h6 style="margin-bottom: 20px;"&gt;&lt;i
                                              class=" fontello-clock"&gt;&lt;/i&gt;{{date('D, F y',strtotime($visitor['created_at'] ?? ''))}}
                                      y
                                      &lt;span
                                              class="bg-black"&gt;{{date('g a',strtotime($visitor['created_at'] ?? ''))}}&lt;/span&gt;
                                  &lt;/h6&gt;
                                  &lt;div class="visitors_images" style="    position: absolute;
      left: 56%;
      top: 43px;"&gt;
                                      &lt;img width="50px"
                                           src="{{$visitor['product']['products'][0]['images'][0]['src'] ?? URL::asset('../storage/app/public/NoPicAvailable.png')}}"&gt;
                                  &lt;/div&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
                          &lt;?php $counter ++; ?&gt;
                      @endforeach
                  &lt;/div&gt;
  
  
              &lt;/div&gt;
              &lt;!-- /.box-body --&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  @endsection
  
  @section('javascript')
      &lt;script src="{{URL::to('/js/flot/jquery.flot.js')}}"&gt;&lt;/script&gt;
      &lt;!-- FLOT RESIZE PLUGIN - allows the chart to redraw when the window is resized --&gt;
      &lt;script src="{{URL::to('/js/flot/jquery.flot.resize.min.js')}}"&gt;&lt;/script&gt;
      &lt;!-- FLOT PIE PLUGIN - also used to draw donut charts --&gt;
      &lt;script src="{{URL::to('/js/flot/jquery.flot.pie.min.js')}}"&gt;&lt;/script&gt;
      &lt;!-- FLOT CATEGORIES PLUGIN - Used to draw bar charts --&gt;
      &lt;script src="{{URL::to('/js/flot/jquery.flot.categories.min.js')}}"&gt;&lt;/script&gt;
  
  
      &lt;script type="text/javascript"&gt;
              &lt;?php   $counter_days = 1;?&gt;
          var ticks = [
                          @foreach($numbers_of_visitors_last_10_days as $keys=&gt;$dates )
                          @if($counter_days &lt;=1)
                  [{{ltrim($keys,'0')}}, "days {{ltrim($keys,'0')}}"],
                          @else
                  [{{ltrim($keys,'0')}},{{ltrim($keys,'0')}}],
                      @endif
                  &lt;?php   $counter_days ++;?&gt;
                      @endforeach
              ];
          $(function () {
              "use strict";
  
  
              /*
               * LINE CHART
               * ----------
               */
  
              var line_data2 = [
  
                      @foreach($numbers_of_visitors_last_10_days as $keys=&gt;$dates )
                  [{{ltrim($keys,'0')}}, {{count($dates)}}],
                  @endforeach
              ];
              var xaxisLabel = $("&lt;div class='axisLabel xaxisLabel'&gt;&lt;/div&gt;")
                  .text("My X Label")
                  .appendTo($('#line-chart'));
  
              $.plot("#line-chart", [line_data2], {
  
                  grid: {
                      hoverable: true,
                      borderColor: "#E2E6EE",
                      borderWidth: 1,
                      tickColor: "#E2E6EE"
                  },
  
  
                  series: {
                      shadowSize: 2,
                      lines: {
                          show: true
                      },
                      points: {
                          show: true
                      }
                  },
                  colors: ["#333333", "#cccccc"],
                  lines: {
                      fill: true,
                  },
                  yaxis: {
                      show: true,
                      tickFormatter: function (val, axis) { return val }
  
  
                  },
                  xaxis: {
                      show: true,
                      ticks: ticks,
  
  
                  }
  
              });
  
  
          });
  
  
      &lt;/script&gt;
  
  
  
  
  
  @endsection
  </code></pre>