Completed blade tasks

Author: anne-maina

app/Http/Controllers/HomeController.php

@@ -11,7 +11,7 @@ public function users()
     {
         $usersCount = User::count();
 
-        return view('users');
+        return view('users', ['usersCount' => $usersCount]);
     }
 
     // Task 2. Change the View code so alert would not show on the screen

app/Providers/AppServiceProvider.php

@@ -24,6 +24,7 @@ public function register()
      */
     public function boot()
     {
-        //
+         // Pass $metaTitle as "Blade Test" to all views
+         view()->share('metaTitle', 'Blade Test');
     }
 }

resources/views/alert.blade.php

@@ -9,7 +9,7 @@
         <div class="max-w-7xl mx-auto sm:px-6 lg:px-8">
             <div class="bg-white overflow-hidden shadow-sm sm:rounded-lg">
                 <div class="p-6 bg-white border-b border-gray-200">
-                    {!! $text !!}
+                    {{ $text }}
                     Your task is to change the code of alert.blade.php, to avoid that JavaScript alert.
                 </div>
             </div>

resources/views/authenticated.blade.php

@@ -11,8 +11,11 @@
                 <div class="p-6 bg-white border-b border-gray-200">
                     {{-- Task: add a condition to show correct text --}}
                     {{-- If user is logged in, show their email --}}
-                    Yes, I am logged in as [insert_user_email_here].
+                    @auth
+                    Yes, I am logged in as {{ auth()->user()->email }}.
+                    @else
                     No, I am not logged in.
+                    @endauth
                 </div>
             </div>
         </div>

resources/views/include.blade.php

@@ -21,8 +21,9 @@
                                 <tr class="bg-red-100">
                                     {{-- Task: include file resources/views/includes/row.blade.php --}}
                                     {{-- passing the $user variable to it --}}
+                                    @include('includes.row', ['user' => $user])
                                 </tr>
-                            @endforeach
+                                @endforeach
                         </tbody>
                     </table>
                 </div>

resources/views/layout.blade.php

@@ -1,4 +1,4 @@
-<x-app-layout>
+@extends('layouts.main')
     <div class="py-12">
         <div class="max-w-7xl mx-auto sm:px-6 lg:px-8">
             <div class="bg-white overflow-hidden shadow-sm sm:rounded-lg">
@@ -10,4 +10,4 @@
             </div>
         </div>
     </div>
-</x-app-layout>
+

resources/views/rows.blade.php

@@ -19,13 +19,15 @@
                             </tr>
                         </thead>
                         <tbody>
-                            @foreach ($users as $user)
+                            @foreach ($users as $index => $user)
                                 {{-- Task: only every second row should have "bg-red-100" --}}
-                                <tr class="bg-red-100">
-                                    <td>{{-- Task: add row number here: 1, 2, etc. --}}</td>
+                                <tr class="{{ $index % 2 === 1 ? 'bg-red-100' : '' }}">
+                                    <td>{{-- Task: add row number here: 1, 2, etc. --}}
+                                        {{ $index + 1 }}
+                                    </td>
                                     <td>{{ $user->name }}</td>
                                     {{-- Task: only the FIRST row should have email with "font-bold" --}}
-                                    <td class="font-bold">{{ $user->email }}</td>
+                                    <td class="{{ $index === 0 ? 'font-bold' : '' }}">{{ $user->email }}</td>
                                     <td>{{ $user->created_at }}</td>
                                 </tr>
                             @endforeach

resources/views/table.blade.php

@@ -18,16 +18,19 @@
                             </tr>
                         </thead>
                         {{-- Task: add the loop here to show users, or the row "No content" --}}
-                        <tbody>
-                            <tr>
-                                <td>{{ $user->name }}</td>
-                                <td>{{ $user->email }}</td>
-                                <td>{{ $user->created_at }}</td>
-                            </tr>
-                            <tr>
-                                <td colspan="3">No content.</td>
-                            </tr>
-                        </tbody>
+                     <tbody>
+                        @forelse($users as $user)
+                        <tr>
+                            <td>{{ $user->name }}</td>
+                            <td>{{ $user->email }}</td>
+                            <td>{{ $user->created_at }}</td>
+                        </tr>
+                        @empty
+                        <tr>
+                            <td colspan="3">No content.</td>
+                        </tr>
+                        @endforelse
+                    </tbody>
                     </table>
                 </div>
             </div>