From fab67e345725a75a1584a41158fc344fc2a78488 Mon Sep 17 00:00:00 2001
From: Irfan Zharauri Nanda Sudiyanto <code.zharaurien@gmail.com>
Date: Fri, 28 Mar 2025 17:31:54 +0700
Subject: [PATCH] finally all done~ | Blade Basics

---
 app/Http/Controllers/HomeController.php |  2 +-
 resources/views/alert.blade.php         |  8 +++++---
 resources/views/authenticated.blade.php |  8 ++++++--
 resources/views/include.blade.php       |  1 +
 resources/views/layout.blade.php        |  6 ++++--
 resources/views/layouts/app.blade.php   |  4 ++--
 resources/views/rows.blade.php          |  9 +++++----
 resources/views/table.blade.php         | 16 ++++++++++------
 8 files changed, 34 insertions(+), 20 deletions(-)

diff --git a/app/Http/Controllers/HomeController.php b/app/Http/Controllers/HomeController.php
index 3ec9546d..85e836b0 100644
--- a/app/Http/Controllers/HomeController.php
+++ b/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
diff --git a/resources/views/alert.blade.php b/resources/views/alert.blade.php
index 68bf0b9d..49ed1ff2 100644
--- a/resources/views/alert.blade.php
+++ b/resources/views/alert.blade.php
@@ -9,10 +9,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">
                 <div class="p-6 bg-white border-b border-gray-200">
-                    {!! $text !!}
-                    Your task is to change the code of alert.blade.php, to avoid that JavaScript alert.
+                    @guest
+                        {{ $text }}
+                        Your task is to change the code of alert.blade.php, to avoid that JavaScript alert.
+                    @endguest
                 </div>
             </div>
         </div>
     </div>
-</x-app-layout>
+</x-app-layout>
\ No newline at end of file
diff --git a/resources/views/authenticated.blade.php b/resources/views/authenticated.blade.php
index e200ae1e..065585a3 100644
--- a/resources/views/authenticated.blade.php
+++ b/resources/views/authenticated.blade.php
@@ -10,9 +10,13 @@
             <div class="bg-white overflow-hidden shadow-sm sm:rounded-lg">
                 <div class="p-6 bg-white border-b border-gray-200">
                     {{-- Task: add a condition to show correct text --}}
+                    @auth
                     {{-- If user is logged in, show their email --}}
-                    Yes, I am logged in as [insert_user_email_here].
-                    No, I am not logged in.
+                    Yes, I am logged in as {{ Auth::user()->email }}.
+                    @else
+                    {{-- If user is not logged in, show a different message --}}
+                    No, I am not logged in. 
+                    @endauth
                 </div>
             </div>
         </div>
diff --git a/resources/views/include.blade.php b/resources/views/include.blade.php
index 95d9bd6c..f8e09b6c 100644
--- a/resources/views/include.blade.php
+++ b/resources/views/include.blade.php
@@ -21,6 +21,7 @@
                                 <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
                         </tbody>
diff --git a/resources/views/layout.blade.php b/resources/views/layout.blade.php
index f8ffc5b6..fd81d1f0 100644
--- a/resources/views/layout.blade.php
+++ b/resources/views/layout.blade.php
@@ -1,4 +1,6 @@
-<x-app-layout>
+@extends('layouts.main')
+
+@section('content')
     <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 +12,4 @@
             </div>
         </div>
     </div>
-</x-app-layout>
+@endsection
\ No newline at end of file
diff --git a/resources/views/layouts/app.blade.php b/resources/views/layouts/app.blade.php
index 9da21478..f0051760 100644
--- a/resources/views/layouts/app.blade.php
+++ b/resources/views/layouts/app.blade.php
@@ -5,8 +5,8 @@
         <meta name="viewport" content="width=device-width, initial-scale=1">
         <meta name="csrf-token" content="{{ csrf_token() }}">
 
-        {{-- Task: edit one file to pass $metaTitle as "Blade Test" to all views --}}
-        <title>{{ $metaTitle ?? 'Laravel' }}</title>
+        {{-- Task: edit one file to pass $metaTitle as "Blade Test" to all views --}} 
+        <title>{{ $metaTitle ?? 'Blade Test' }}</title>
 
         <!-- Fonts -->
         <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700&display=swap">
diff --git a/resources/views/rows.blade.php b/resources/views/rows.blade.php
index 4762a090..43a4b65b 100644
--- a/resources/views/rows.blade.php
+++ b/resources/views/rows.blade.php
@@ -21,11 +21,12 @@
                         <tbody>
                             @foreach ($users as $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>
-                                    <td>{{ $user->name }}</td>
+                                <tr @class(['bg-red-100' => $loop->index % 2 == 0])>
+                                    {{-- Task: add the loop here to show users, or the row "No content" --}}
+                                    <td> {{ $loop->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(['font-bold' => $loop->first])> {{ $user->email }} </td>
                                     <td>{{ $user->created_at }}</td>
                                 </tr>
                             @endforeach
diff --git a/resources/views/table.blade.php b/resources/views/table.blade.php
index 399bf5c0..eee6304f 100644
--- a/resources/views/table.blade.php
+++ b/resources/views/table.blade.php
@@ -20,13 +20,17 @@
                         {{-- 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>
+                                @foreach ($users as $user)
+                                    <td>{{ $user->name }}</td>
+                                    <td>{{ $user->email }}</td>
+                                    <td>{{ $user->created_at }}</td>
+                                @endforeach
                             </tr>
+                                @if ($users->isEmpty())
+                                    <tr>
+                                        <td colspan="3">No content.</td>
+                                    </tr>
+                                @endif
                         </tbody>
                     </table>
                 </div>