title: Pop up button not showing in Laravel
body: <p>I am currently trying to make a pop up form and for some reason my form just return me blank. I am currently following <a href="https://www.formget.com/how-to-create-pop-up-contact-form-using-javascript/" rel="nofollow noreferrer">this website</a>.</p>
  
  <p>When I go look at view page source, all the codes are still there, but nothing is showing in the blade. It is just blank. There is suppose to be pop up button showing</p>
  
  <p>Here is my blade:</p>
  
  <p>evaltest.blade.php</p>
  
  <pre><code> &lt;html&gt;
      &lt;head&gt; 
          &lt;title&gt;Popup contact form &lt;/title&gt;
          &lt;meta name="robots" content="noindex, nofollow"&gt;    
          &lt;link href="{{ asset('css/elements.css') }}" rel="stylesheet"&gt;
          &lt;script src="js/my_js.js"&gt;&lt;/script&gt; 
          &lt;script type="text/javascript"&gt;
          var _gaq = _gaq || [];
          _gaq.push(['_setAccount', 'UA-43981329-1']);
          _gaq.push(['_trackPageview']);
          (function () {
          var ga = document.createElement('script');
          ga.type = 'text/javascript';
          ga.async = true;
          ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
          var s = document.getElementsByTagName('script')[0];
          s.parentNode.insertBefore(ga, s);
          })();
      &lt;/script&gt;
      &lt;/head&gt; 
       &lt;!-- body starts here --&gt;
       &lt;body id ="bdy" style="overflow:hidden;"&gt;
  
       &lt;div id="abc"&gt;
  
           &lt;!-- Popup div starts here --&gt;
       &lt;div id="popupContact"&gt; 
  
          &lt;!-- contact us form --&gt;
               &lt;form class="form-horizontal" method="post" action="{{ url('/evaltest/'.$data-&gt;id) }}"&gt;
              {{ csrf_field() }}
               &lt;input type="hidden" name="user_id" value="{{$data-&gt;id}}"&gt;
  
           &lt;div class="form-group"&gt;
              &lt;label class="col-md-2"&gt;&lt;b&gt;Recommendation:&lt;/b&gt;&lt;/label&gt;
            &lt;div class="col-md-6"&gt;
              &lt;input type="radio" id ="recommendation" name="recommendation" value="Yes"&gt; Yes&lt;br&gt;
              &lt;input type="radio" id ="recommendation" name="recommendation" value="No"&gt; No&lt;br&gt;
            &lt;/div&gt;
  
                            &lt;div class="form-group"&gt;
              &lt;label class="col-md-2"&gt;&lt;b&gt;Training Schedule:&lt;/b&gt;&lt;/label&gt;
            &lt;div class="col-md-6"&gt;
              &lt;input type="radio" id = "training_schedule" name="training_schedule" value="Yes"&gt; Yes&lt;br&gt;
              &lt;input type="radio" id = "training_schedule" name="training_schedule" value="No"&gt; No&lt;br&gt;
              &lt;input type="radio" id = "training_schedule" name="training_schedule" value="NIL"&gt; NIL&lt;br&gt;
            &lt;/div&gt;
  
                                  &lt;div class="form-group"&gt;
              &lt;label class="col-md-2"&gt;&lt;b&gt;Training Date (key in date if yes or pending, else just say nil and leave the date):&lt;/b&gt;&lt;/label&gt;
            &lt;div class="col-md-6"&gt;
              &lt;input type="date" id = "training_date" name="training_date" class="form-control"&gt;
              &lt;input type="text" id = "training_date" name="training_date" class="form-control"&gt;
            &lt;/div&gt;        
                  &lt;a id="submit" href="javascript: check_empty()"&gt;Send&lt;/a&gt;
              &lt;/form&gt;
       &lt;/div&gt; 
      &lt;!-- Popup Div Ends Here --&gt;
      &lt;/div&gt;
      &lt;!-- Display Popup Button --&gt;
      &lt;h1&gt;Click Button To Popup Form Using Javascript&lt;/h1&gt;
      &lt;button id="popup" onclick="div_show()"&gt;Popup&lt;/button&gt;
      &lt;/body&gt;
      &lt;!-- Body Ends Here --&gt;
      &lt;/html&gt;
  </code></pre>
  
  <p>Here is the controller I am using:</p>
  
  <pre><code>     public function getEval1(){
         $data = personal_info::whereDoesntHave('evaluations')-&gt;first();
         if(count($data)&gt;0){
          return view('evaltest',compact('data'));
      }else{
      return view('evaltest');
  }
  </code></pre>
  
  <p>Here are the routes: (if needed)</p>
  
  <pre><code>Route::get('/user/showupdate8/{id}/evaltest', 'evalController@getEval1');
  Route::post('/evaltest/{id}', 'evalController@eval');
  </code></pre>
  
  <p>And also for the JavaScript and CSS, I just copy and paste from the website so there won't be any difference. But for the JavaScript, I only replaced their id with mine while the rest remains the same. </p>