Bundle CSS changes (#421)

* Bundle CSS changes

* Edit language

* Clickable flight IDs #419

* Fix dropdown menu going offscreen

* formatting

public/assets/frontend/css/styles.css

@@ -108,3 +108,25 @@
 .m-b-md {
     margin-bottom: 30px;
 }
+
+.my-bids {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    width: 50%;
+    margin: 15px;
+    padding: 10px;
+    border-radius: .1875rem;
+    background-color: #fa7a50;
+}
+
+.my-bids a {
+    color: #fff;
+    text-decoration: none;
+    text-align: center;
+}
+
+.search-form .form-control {
+    border-radius: 5px;
+    width: 250px;
+}

public/mix-manifest.json

@@ -1,14 +1,14 @@
 {
     "/assets/frontend/js/app.js": "/assets/frontend/js/app.js?id=88270e919809fead277c",
-    "/assets/frontend/css/now-ui-kit.css": "/assets/frontend/css/now-ui-kit.css?id=b5787f0d0877f2b14e37",
+    "/assets/frontend/css/now-ui-kit.css": "/assets/frontend/css/now-ui-kit.css?id=20b82d8dbacf7e058df2",
     "/assets/admin/css/vendor.min.css": "/assets/admin/css/vendor.min.css?id=9f24c5e6612e74065901",
-    "/assets/frontend/js/app.js.map": "/assets/frontend/js/app.js.map?id=8d8dd87c204912b948d8",
+    "/assets/frontend/js/app.js.map": "/assets/frontend/js/app.js.map?id=0019c21255cb4eca716d",
-    "/assets/frontend/css/now-ui-kit.css.map": "/assets/frontend/css/now-ui-kit.css.map?id=cb1b608aa71187b21c09",
+    "/assets/frontend/css/now-ui-kit.css.map": "/assets/frontend/css/now-ui-kit.css.map?id=fdc4f42ad9047d073145",
     "/assets/admin/css/vendor.min.css.map": "/assets/admin/css/vendor.min.css.map?id=c266c31652dea865307c",
     "/assets/admin/js/app.js": "/assets/admin/js/app.js?id=cd8b03d3b7bd54e960ca",
-    "/assets/admin/js/app.js.map": "/assets/admin/js/app.js.map?id=27b5a1474145c1c3bc18",
+    "/assets/admin/js/app.js.map": "/assets/admin/js/app.js.map?id=a43168e6da458119da61",
     "/assets/installer/js/app.js": "/assets/installer/js/app.js?id=7eb8b66dce0064082abc",
-    "/assets/installer/js/app.js.map": "/assets/installer/js/app.js.map?id=fd03a7d60e4cfd02a2c0",
+    "/assets/installer/js/app.js.map": "/assets/installer/js/app.js.map?id=b277e94eb1368204a7d5",
     "/assets/fonts/glyphicons-halflings-regular.woff2": "/assets/fonts/glyphicons-halflings-regular.woff2?id=349344e92fb16221dd56",
     "/assets/admin/fonts/glyphicons-halflings-regular.woff2": "/assets/admin/fonts/glyphicons-halflings-regular.woff2?id=349344e92fb16221dd56",
     "/assets/admin/img/clear.png": "/assets/admin/img/clear.png?id=63b3af84650a0145d61a",
@@ -19,7 +19,7 @@
     "/assets/frontend/js/vendor.js": "/assets/frontend/js/vendor.js?id=7b2f95d32e095b2bbbfa",
     "/assets/admin/css/vendor.css": "/assets/admin/css/vendor.css?id=3faf0c4cbfe14c8b99cf",
     "/assets/admin/js/vendor.js": "/assets/admin/js/vendor.js?id=ad2f530d0b8e9bd6b6d3",
-    "/assets/installer/css/vendor.css": "/assets/installer/css/vendor.css?id=9ddcf58750fc5b40bd6c",
+    "/assets/installer/css/vendor.css": "/assets/installer/css/vendor.css?id=b484734ef5549fc2baae",
     "/assets/installer/js/vendor.js": "/assets/installer/js/vendor.js?id=1b8dba4c184ce249e7fe",
     "/assets/global/js/vendor.js": "/assets/global/js/vendor.js?id=666b04d3b318da723aff",
     "/assets/global/css/vendor.css": "/assets/global/css/vendor.css?id=89afa5863f07a984ffeb"

resources/sass/now-ui/now-ui-kit/_phpvms.scss

@@ -5,6 +5,10 @@
 @include input-sm-padding($padding-small-vertical, $padding-small-horizontal);
 @include input-base-padding($padding-small-vertical, $padding-small-horizontal);
 
+a {
+  z-index: 99;
+}
+
 .form-container {
   @extend .form-container;
 
@@ -26,6 +30,10 @@
     padding: 8px;
   }
 
+  .form-group .form-control {
+    border-radius: 5px;
+  }
+
   &:focus {
     border: 1px solid $brand-primary;
     & + .input-group-addon,

resources/views/layouts/default/app.blade.php

@@ -35,8 +35,8 @@
 <!-- Navbar -->
 <nav class="navbar navbar-expand-lg " style="background: #067ec1;">
   <p class="navbar-brand text-white" data-placement="bottom" target="_blank">
-      <a href="{{ url('/') }}">
+      <a href="{{ url('/') }}" style="margin-left: 20px;">
-          <img src="{{ public_asset('/assets/img/logo_blue_bg.svg') }}" width="135px" style=""/>
+          <img src="{{ public_asset('/assets/img/logo_blue_bg.svg') }}" width="135px" />
       </a>
   </p>
   <div class="collapse navbar-collapse justify-content-end" id="navigation">

resources/views/layouts/default/flights/nav.blade.php

@@ -1,27 +1,7 @@
 <div class="card">
     <div class="card-block" style="min-height: 0px; display: flex; justify-content: center; align-items: center;">
-        <style>
-
-            .my-bids {
-                display: flex;
-                justify-content: center;
-                align-items: center;
-                width: 50%;
-                margin: 15px;
-                padding: 10px;
-                border-radius: .1875rem;
-                background-color: #fa7a50;
-            }
-
-            .my-bids a {
-                color: #fff;
-                text-decoration: none;
-                text-align: center;
-            }
-        </style>
-
         <div class="form-group text-right btn-primary my-bids">
             <a href="{{ route('frontend.flights.bids') }}">{{ trans_choice('flights.mybid', 2) }}</a>
         </div>
     </div>
-</div>
+</div>

resources/views/layouts/default/flights/search.blade.php

@@ -1,38 +1,32 @@
 <h3 class="description">@lang('flights.search')</h3>
 <div class="card pull-right">
-    <div class="card-block" style="min-height: 0px">
+  <div class="card-block" style="min-height: 0px">
-        <div class="form-group">
+    <div class="form-group search-form">
-            {{ Form::open([
+      {{ Form::open([
-                    'route' => 'frontend.flights.search',
+              'route' => 'frontend.flights.search',
-                    'method' => 'GET',
+              'method' => 'GET',
-                    'class'=>'form-inline'
+              'class'=>'form-inline'
-            ]) }}
+      ]) }}
-            <style> 
+      <div style="margin-left: 5px;">
-            .form-group .form-control {
+        <p>@lang('flights.flightnumber')</p>
-             width: 250px;
+        {{ Form::text('flight_number', null, ['class' => 'form-control']) }}
-             border-radius: 5px;
+      </div>
-            }
-            </style>
-            <div style="margin-left: 5px;">
-                <p>@lang('flights.flightnumber')</p>
-                {{ Form::text('flight_number', null, ['class' => 'form-control']) }}
-            </div>
 
-            <div style="margin-top: 10px; margin-left: 5px;">
+      <div style="margin-top: 10px; margin-left: 5px;">
-                <p>@lang('airports.departure')</p>
+        <p>@lang('airports.departure')</p>
-                {{ Form::select('dep_icao', $airports, null , ['class' => 'form-control']) }}
+        {{ Form::select('dep_icao', $airports, null , ['class' => 'form-control']) }}
-            </div>
+      </div>
 
-            <div style="margin-top: 10px; margin-left: 5px;">
+      <div style="margin-top: 10px; margin-left: 5px;">
-                <p>@lang('airports.arrival')</p>
+        <p>@lang('airports.arrival')</p>
-                {{ Form::select('arr_icao', $airports, null , ['class' => 'form-control']) }}
+        {{ Form::select('arr_icao', $airports, null , ['class' => 'form-control']) }}
-            </div>
+      </div>
 
-            <div class="clear" style="margin-top: 10px; margin-left: 5px;">
+      <div class="clear" style="margin-top: 10px; margin-left: 5px;">
-                {{ Form::submit(__('common.find'), ['class' => 'btn btn-primary']) }}&nbsp;
+        {{ Form::submit(__('common.find'), ['class' => 'btn btn-primary']) }}&nbsp;
-                <a href="{{ route('frontend.flights.index') }}">@lang('common.reset')</a>
+        <a href="{{ route('frontend.flights.index') }}">@lang('common.reset')</a>
-            </div>
+      </div>
-            {{ Form::close() }}
+      {{ Form::close() }}
-        </div>
     </div>
-</div>
+  </div>
+</div>

resources/views/layouts/default/flights/table.blade.php

@@ -1,73 +1,70 @@
 @foreach($flights as $flight)
-<div class="card border-blue-bottom">
+  <div class="card border-blue-bottom">
     <div class="card-body" style="min-height: 0">
-        <div class="row">
+      <div class="row">
-            <div class="col-sm-9">
+        <div class="col-sm-9">
-                <h5>
+          <h5>
-                    <a class="text-c" href="{{ route('frontend.flights.show', [$flight->id]) }}">
+            <a class="text-c" href="{{ route('frontend.flights.show', [$flight->id]) }}">
-                        {{ $flight->ident }}
+              {{ $flight->ident }}
-                    </a>
+            </a>
-                </h5>
+          </h5>
-            </div>
+        </div>
-            <div class="col-sm-3 text-right">
+        <div class="col-sm-3 text-right">
-                {{-- NOTE:
+          {{-- NOTE:
-                     Don't remove the "save_flight" class, or the x-id attribute.
+               Don't remove the "save_flight" class, or the x-id attribute.
-                     It will break the AJAX to save/delete
+               It will break the AJAX to save/delete
 
-                     "x-saved-class" is the class to add/remove if the bid exists or not
+               "x-saved-class" is the class to add/remove if the bid exists or not
-                     If you change it, remember to change it in the in-array line as well
+               If you change it, remember to change it in the in-array line as well
-                --}}
+          --}}
-                @if (!setting('pilots.only_flights_from_current') || $flight->dpt_airport->icao == Auth::user()->current_airport->icao)
+          @if (!setting('pilots.only_flights_from_current') || $flight->dpt_airport->icao == Auth::user()->current_airport->icao)
-                <button class="btn btn-round btn-icon btn-icon-mini
+            <button class="btn btn-round btn-icon btn-icon-mini save_flight
-                           {{ in_array($flight->id, $saved, true) ? 'btn-info':'' }}
+                           {{ in_array($flight->id, $saved, true) ? 'btn-info':'' }}"
-                           save_flight"
+                    x-id="{{ $flight->id }}"
-                        x-id="{{ $flight->id }}"
+                    x-saved-class="btn-info"
-                        x-saved-class="btn-info"
+                    type="button"
-                        type="button"
+                    title="@lang('flights.addremovebid')"
-                        title="@lang('flights.addremovebid')"
+            >
-                >
+              <i class="fas fa-map-marker"></i>
-                    <i class="fas fa-map-marker"></i>
+            </button>
-                </button>
+          @endif
-                @endif
-            </div>
         </div>
-        <div class="row">
+      </div>
-            <div class="col-sm-5">
+      <div class="row">
-                {{--<table class="table-condensed"></table>--}}
+        <div class="col-sm-7">
-                <span class="title">{{ strtoupper(__('flights.dep')) }}&nbsp;</span>
+          {{--<table class="table-condensed"></table>--}}
-                {{ $flight->dpt_airport->name }}
+          <span class="title">{{ strtoupper(__('flights.dep')) }}&nbsp;</span>
-                (<a href="{{route('frontend.airports.show', [
+          {{ $flight->dpt_airport->name }}
-                            'id' => $flight->dpt_airport->icao
+          (<a href="{{route('frontend.airports.show', [
-                            ])}}">{{$flight->dpt_airport->icao}}</a>)
+                'id' => $flight->dpt_airport->icao
-                @if($flight->dpt_time), {{ $flight->dpt_time }}@endif
+              ])}}">{{$flight->dpt_airport->icao}}</a>)
-                <br />
+          @if($flight->dpt_time), {{ $flight->dpt_time }}@endif
-                <span class="title">{{ strtoupper(__('flights.arr')) }}&nbsp;</span>
+          <br/>
-                {{ $flight->arr_airport->name }}
+          <span class="title">{{ strtoupper(__('flights.arr')) }}&nbsp;</span>
-                (<a href="{{route('frontend.airports.show', [
+          {{ $flight->arr_airport->name }}
-                            'id' => $flight->arr_airport->icao
+          (<a href="{{route('frontend.airports.show', [
-                            ])}}">{{$flight->arr_airport->icao}}</a>)
+                'id' => $flight->arr_airport->icao
-                @if($flight->arr_time), {{ $flight->arr_time }}@endif
+              ])}}">{{$flight->arr_airport->icao}}</a>)
-                <br />
+          @if($flight->arr_time), {{ $flight->arr_time }}@endif
-                @if($flight->distance)
+          <br/>
-                    <span class="title">{{ strtoupper(__('common.distance')) }}&nbsp;</span>
+          @if($flight->distance)
-                    {{ $flight->distance }} {{ setting('units.distance') }}
+            <span class="title">{{ strtoupper(__('common.distance')) }}&nbsp;</span>
-                @endif
+            {{ $flight->distance }} {{ setting('units.distance') }}
-                <br />
+          @endif
-                @if($flight->level)
+          <br/>
-                    <span class="title">{{ strtoupper(__('flights.level')) }}&nbsp;</span>
+          @if($flight->level)
-                    {{ $flight->level }} {{ setting('units.altitude') }}
+            <span class="title">{{ strtoupper(__('flights.level')) }}&nbsp;</span>
-                @endif
+            {{ $flight->level }} {{ setting('units.altitude') }}
-            </div>
+          @endif
-            <div class="col-sm-7">
-                <div class="row">
-                    <div class="col-sm-12">
-                        <span class="title">{{ strtoupper(__('flights.route')) }}&nbsp;</span>
-                        {{ $flight->route }}
-                    </div>
-                </div>
-            </div>
         </div>
+        <div class="col-sm-5">
+          @if($flight->route)
+            <span class="title">{{ strtoupper(__('flights.route')) }}&nbsp;</span>
+            {{ $flight->route }}
+          @endif
+        </div>
+      </div>
     </div>
-</div>
+  </div>
 
 @endforeach

resources/views/layouts/default/nav.blade.php

@@ -1,111 +1,111 @@
 <div class="nav-tabs-navigation">
   <div class="nav-tabs-wrapper">
-  <ul class="navbar-nav align-middle">
+    <ul class="navbar-nav align-middle">
       @if(Auth::check())
-          <li class="nav-item">
+        <li class="nav-item">
-              <a class="nav-link" href="{{ route('frontend.dashboard.index') }}">
+          <a class="nav-link" href="{{ route('frontend.dashboard.index') }}">
-                  <i class="fas fa-tachometer-alt"></i>
+            <i class="fas fa-tachometer-alt"></i>
-                  <p>@lang('common.dashboard')</p>
+            <p>@lang('common.dashboard')</p>
-              </a>
+          </a>
-          </li>
+        </li>
       @endif
 
       <li class="nav-item">
-          <a class="nav-link" href="{{ route('frontend.livemap.index') }}">
+        <a class="nav-link" href="{{ route('frontend.livemap.index') }}">
-              <i class="fas fa-globe"></i>
+          <i class="fas fa-globe"></i>
-              <p>@lang('common.livemap')</p>
+          <p>@lang('common.livemap')</p>
-          </a>
+        </a>
       </li>
 
       <li class="nav-item">
-          <a class="nav-link" href="{{ route('frontend.pilots.index') }}">
+        <a class="nav-link" href="{{ route('frontend.pilots.index') }}">
-              <i class="fas fa-users"></i>
+          <i class="fas fa-users"></i>
-              <p>{{ trans_choice('common.pilot', 2) }}</p>
+          <p>{{ trans_choice('common.pilot', 2) }}</p>
-          </a>
+        </a>
       </li>
 
       {{-- Show the module links that don't require being logged in --}}
       @foreach($moduleSvc->getFrontendLinks($logged_in=false) as &$link)
-          <li class="nav-item">
+        <li class="nav-item">
-              <a class="nav-link" href="{{ url($link['url']) }}">
+          <a class="nav-link" href="{{ url($link['url']) }}">
-                  <i class="{{ $link['icon'] }}"></i>
+            <i class="{{ $link['icon'] }}"></i>
-                  <p>{{ ($link['title']) }}</p>
+            <p>{{ ($link['title']) }}</p>
-              </a>
+          </a>
-          </li>
+        </li>
       @endforeach
 
       @if(!Auth::check())
-          <li class="nav-item">
+        <li class="nav-item">
-              <a class="nav-link" href="{{ url('/login') }}">
+          <a class="nav-link" href="{{ url('/login') }}">
-                  <i class="fas fa-sign-in-alt"></i>
+            <i class="fas fa-sign-in-alt"></i>
-                  <p>@lang('common.login')</p>
+            <p>@lang('common.login')</p>
-              </a>
+          </a>
-          </li>
+        </li>
-          <li class="nav-item">
+        <li class="nav-item">
-              <a class="nav-link" href="{{ url('/register') }}">
+          <a class="nav-link" href="{{ url('/register') }}">
-                  <i class="far fa-id-card"></i>
+            <i class="far fa-id-card"></i>
-                  <p>@lang('common.register')</p>
+            <p>@lang('common.register')</p>
-              </a>
+          </a>
-          </li>
+        </li>
 
       @else
+        <li class="nav-item">
+          <a class="nav-link" href="{{ route('frontend.flights.index') }}">
+            <i class="fab fa-avianex"></i>
+            <p>{{ trans_choice('common.flight', 2) }}</p>
+          </a>
+        </li>
+        <li class="nav-item">
+          <a class="nav-link" href="{{ route('frontend.pireps.index') }}">
+            <i class="fas fa-cloud-upload-alt"></i>
+            <p>{{ trans_choice('common.pirep', 2) }}</p>
+          </a>
+        </li>
+        <li class="nav-item">
+          <a class="nav-link" href="{{ route('frontend.downloads.index') }}">
+            <i class="fas fa-download"></i>
+            <p>{{ trans_choice('common.download', 2) }}</p>
+          </a>
+        </li>
+
+        {{-- Show the module links for being logged in --}}
+        @foreach($moduleSvc->getFrontendLinks($logged_in=true) as &$link)
           <li class="nav-item">
-              <a class="nav-link" href="{{ route('frontend.flights.index') }}">
+            <a class="nav-link" href="{{ url($link['url']) }}">
-                  <i class="fab fa-avianex"></i>
+              <i class="{{ $link['icon'] }}"></i>
-                  <p>{{ trans_choice('common.flight', 2) }}</p>
+              <p>{{ ($link['title']) }}</p>
-              </a>
+            </a>
-          </li>
-          <li class="nav-item">
-              <a class="nav-link" href="{{ route('frontend.pireps.index') }}">
-                  <i class="fas fa-cloud-upload-alt"></i>
-                  <p>{{ trans_choice('common.pirep', 2) }}</p>
-              </a>
-          </li>
-          <li class="nav-item">
-              <a class="nav-link" href="{{ route('frontend.downloads.index') }}">
-                  <i class="fas fa-download"></i>
-                  <p>{{ trans_choice('common.download', 2) }}</p>
-              </a>
           </li>
+        @endforeach
 
-          {{-- Show the module links for being logged in --}}
+        <li class="nav-item dropdown ">
-          @foreach($moduleSvc->getFrontendLinks($logged_in=true) as &$link)
+          <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
-              <li class="nav-item">
+             data-toggle="dropdown" data-boundary="viewport" aria-haspopup="true" aria-expanded="false">
-                  <a class="nav-link" href="{{ url($link['url']) }}">
+            @if (Auth::user()->avatar == null)
-                      <i class="{{ $link['icon'] }}"></i>
+              <img src="{{ Auth::user()->gravatar(38) }}" style="height: 38px; width: 38px;">
-                      <p>{{ ($link['title']) }}</p>
+            @else
-                  </a>
+              <img src="{{ Auth::user()->avatar->url }}" style="height: 38px; width: 38px;">
-              </li>
+            @endif
-          @endforeach
+          </a>
+          <div class="dropdown-menu dropdown-menu-right">
 
-          <li class="nav-item dropdown">
+            <a class="dropdown-item" href="{{ route('frontend.profile.index') }}">
-              <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" role="button"
+              <i class="far fa-user"></i>&nbsp;&nbsp;@lang('common.profile')
-                 data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+            </a>
-                  @if (Auth::user()->avatar == null)
-                      <img src="{{ Auth::user()->gravatar(38) }}" style=" height: 38px; width: 38px;">
-                  @else
-                      <img src="{{ Auth::user()->avatar->url }}" style="height: 38px; width: 38px;">
-                  @endif
-              </a>
-              <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
 
-                  <a class="dropdown-item" href="{{ route('frontend.profile.index') }}">
+            @role('admin')
-                      <i class="far fa-user"></i>&nbsp;&nbsp;@lang('common.profile')
+            <a class="dropdown-item" href="{{ url('/admin') }}">
-                  </a>
+              <i class="fas fa-circle-notch"></i>&nbsp;&nbsp;@lang('common.administration')
-
+            </a>
-                  @role('admin')
+            @endrole
-                  <a class="dropdown-item" href="{{ url('/admin') }}">
+            <div class="dropdown-divider"></div>
-                      <i class="fas fa-circle-notch"></i>&nbsp;&nbsp;@lang('common.administration')
+            <a class="dropdown-item" href="{{ url('/logout') }}">
-                  </a>
+              <i class="fas fa-sign-out-alt"></i>&nbsp;&nbsp;@lang('common.logout')
-                  @endrole
+            </a>
-
+          </div>
-                  <a class="dropdown-item" href="{{ url('/logout') }}">
+        </li>
-                      <i class="fas fa-sign-out-alt"></i>&nbsp;&nbsp;@lang('common.logout')
-                  </a>
-              </div>
-          </li>
       @endif
 
-  </ul>
+    </ul>
   </div>
 </div>

resources/views/layouts/default/pireps/pirep_card.blade.php

@@ -36,7 +36,7 @@
             </div>
             <div class="col-sm-10">
                 <div class="row">
-                    <div class="col-sm-6">
+                    <div class="col-sm-12">
                         <table class="table-condensed" width="100%">
                             <tr>
                                 <td nowrap><span class="title">@lang('pireps.flighttime')&nbsp;</span></td>
@@ -59,9 +59,6 @@
                             </tr>
                         </table>
                     </div>
-                    <div class="col-sm-6">
-
-                    </div>
                 </div>
             </div>
         </div>

resources/views/layouts/default/pireps/table.blade.php

@@ -61,7 +61,7 @@
                     class="btn btn-info btn-sm"
                     style="z-index: 9999"
                     title="@lang('common.edit')">
-                    edit
+                    @lang('common.edit')
                   </a>
                   @endif
               </td>

resources/views/layouts/default/widgets/latest_pireps.blade.php

@@ -1,16 +1,17 @@
 <table>
-    @foreach($pireps as $p)
+  @foreach($pireps as $p)
-        <tr>
+    <tr>
-            <td style="padding-right: 10px;">
+      <td style="padding-right: 10px;">
-                <span class="title">{{ $p->airline->code }}</span>
+        <span class="title">{{ $p->airline->code }}</span>
-            </td>
+      </td>
-            <td>
+      <td>
-                {{ $p->dpt_airport_id }}-
+        <a href="{{route('frontend.airports.show', [$p->dpt_airport_id])}}">{{$p->dpt_airport_id}}</a>
-                {{ $p->arr_airport_id }}&nbsp;
+        &nbsp;-&nbsp;
-                @if($p->aircraft)
+        <a href="{{route('frontend.airports.show', [$p->arr_airport_id])}}">{{$p->arr_airport_id}}</a>&nbsp;
-                    {{ $p->aircraft->name }}
+        @if($p->aircraft)
-                @endif
+          {{ $p->aircraft->name }}
-            </td>
+        @endif
-        </tr>
+      </td>
-    @endforeach
+    </tr>
+  @endforeach
 </table>