Displaying logged-in user notes

Author: jprogram

app/Http/Controllers/AuthController.php

@@ -84,7 +84,7 @@ public function loginSubmit(Request $request)
 
         // echo '<pre>';
         // print_r($user);
-        echo 'LOGIN REALIZADO COM SUCESSO!';
+        return redirect()->to('/');
     }
 
     public function logout()

app/Http/Controllers/MainController.php

@@ -2,13 +2,22 @@
 
 namespace App\Http\Controllers;
 
+use App\Models\User;
 use Illuminate\Http\Request;
 
 class MainController extends Controller
 {
     public function index()
     {
-        echo "I'm inside the app!";
+        $id = session('user.id');
+        // $user = User::find($id)->toArray();
+        $notes = User::find($id)->notes()->get()->toArray();
+
+        // echo '<pre>';
+        // print_r($user);
+        // print_r($notes);
+        
+        return view('home', ['notes' => $notes]);
     }
 
     public function newNote()

app/Models/Note.php

@@ -0,0 +1,12 @@
+<?php
+
+namespace App\Models;
+
+use Illuminate\Database\Eloquent\Model;
+
+class Note extends Model
+{
+    public function user(){
+        return $this->belongsTo(User::class);
+    }
+}

app/Models/User.php

@@ -6,4 +6,7 @@
 
 class User extends Model
 {  
+    public function notes(){
+        return $this->hasMany(Note::class);
+    }
 }

resources/views/home.blade.php

@@ -0,0 +1,40 @@
+@extends('layouts.main_layout')
+
+@section('content')
+    <div class="container mt-5">
+        <div class="row justify-content-center">
+            <div class="col">
+
+                @include('top_bar')
+
+                @if (count($notes) == 0)
+                <!-- no notes available -->
+                <div class="row mt-5">
+                    <div class="col text-center">
+                        <p class="display-6 mb-5 text-secondary opacity-50">You have no notes available!</p>
+                        <a href="{{ route('new') }}" class="btn btn-secondary btn-lg p-3 px-5">
+                            <i class="fa-regular fa-pen-to-square me-3"></i>Create Your First Note
+                        </a>
+                    </div>
+                </div>
+
+                <!-- temp -->
+                <hr class="my-5">
+
+                @else
+                <!-- notes are available -->
+                <div class="d-flex justify-content-end mb-3">
+                    <a href="{{ route('new') }}" class="btn btn-secondary px-3">
+                        <i class="fa-regular fa-pen-to-square me-2"></i>New Note
+                    </a>
+                </div>
+
+                @foreach ($notes as $note)
+                    @include('note')
+                @endforeach
+                
+                @endif
+            </div>
+        </div>
+    </div>
+@endsection

resources/views/note.blade.php

@@ -0,0 +1,18 @@
+<div class="row">
+    <div class="col">
+        <div class="card p-4">
+            <div class="row">
+                <div class="col">
+                    <h4 class="text-info">{{ $note['title'] }}</h4>
+                    <small class="text-secondary"><span class="opacity-75 me-2">Created at:</span><strong>{{ $note['created_at'] }}</strong></small>
+                </div>
+                <div class="col text-end">
+                    <a href="#" class="btn btn-outline-secondary btn-sm mx-1"><i class="fa-regular fa-pen-to-square"></i></a>
+                    <a href="#" class="btn btn-outline-danger btn-sm mx-1"><i class="fa-regular fa-trash-can"></i></a>
+                </div>
+            </div>
+            <hr>
+            <p class="text-secondary">{{ $note['text'] }}</p>
+        </div>
+    </div>
+</div>

resources/views/top_bar.blade.php

@@ -0,0 +1,21 @@
+<div class="row mb-3 align-items-center">
+    <div class="col">
+        <a href="{{ route('home') }}">
+            <img src="assets/images/logo.png" alt="Notes logo">
+        </a>
+        
+    </div>
+    <div class="col text-center">
+        A simple <span class="text-warning">Laravel</span> project!
+    </div>
+    <div class="col">
+        <div class="d-flex justify-content-end align-items-center">
+            <span class="me-3"><i class="fa-solid fa-user-circle fa-lg text-secondary me-3"></i>[username]</span>
+            <a href="{{ route('logout') }}" class="btn btn-outline-secondary px-3">
+                Logout<i class="fa-solid fa-arrow-right-from-bracket ms-2"></i>
+            </a>
+        </div>
+    </div>
+</div>
+
+<hr>

routes/web.php

@@ -12,7 +12,7 @@
 });
 
 Route::middleware([CheckIsLogged::class]) ->group(function(){
-    Route::get('/'        , [ MainController::class, 'index'     ]);
-    Route::get('newNote'  , [ MainController::class, 'newNote'   ]);
-    Route::get('logout'   , [ AuthController::class, 'logout'    ]);
+    Route::get('/'        , [ MainController::class, 'index'     ])->name('home');
+    Route::get('newNote'  , [ MainController::class, 'newNote'   ])->name('new');
+    Route::get('logout'   , [ AuthController::class, 'logout'    ])->name('logout');
 });