lots of progress

resources/views/layouts/app.blade.php

@@ -16,7 +16,7 @@
     <link rel="preconnect" href="https://fonts.googleapis.com">
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
     <link href="https://fonts.googleapis.com/css2?family=Lobster&display=swap" rel="stylesheet">
-
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css"/>
     <!-- Scripts -->
     @vite(['resources/sass/app.scss', 'resources/js/app.js'])
     @livewireStyles
@@ -30,5 +30,6 @@
         </main>
     </div>
     @livewireScripts
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/js/fontawesome.min.js"></script>
 </body>
 </html>

resources/views/layouts/header.blade.php

@@ -7,11 +7,11 @@
         <input type="search" class="form-control form-control-dark text-bg-dark" placeholder="Search..." aria-label="Search">
     </form>
     <ul class="nav nav-pills">
-        <li class="nav-item"><a href="#" class="nav-link">Home</a></li>
+        <li class="nav-item"><a href="/" class="nav-link">Home</a></li>
         <li class="nav-item"><a href="{{ route('movie.index') }}" class="nav-link">Movies</a></li>
         <li class="nav-item"><a href="#" class="nav-link">Tv Shows</a></li>
         <li class="nav-item"><a href="#" class="nav-link">Celebrities</a></li>
-        <li class="nav-item"><a href="#" class="nav-link">Forums</a></li>
+        <li class="nav-item"><a href="{{ route('forums.index') }}" class="nav-link">Forums</a></li>
         <li class="nav-item"><a href="#" class="nav-link">Contact</a></li>
         @guest
             @if (Route::has('login'))

resources/views/layouts/rating.blade.php

@@ -0,0 +1,20 @@
+<div class="ratings">
+    <div class="row">
+        <div class="col-md-12">
+            <div class="row">
+                <div class="col-md-3 offset-2">
+                    <img src="{{ asset('/img/star_rating.png') }}" alt="">
+                </div>
+                <div class="col-md-7">
+                    {{ $movie->vote_average }} <br>
+                    <small>{{ $movie->vote_count }} votes</small>
+                </div>
+            </div>
+        </div>
+        <div class="col-md-12">
+            <div class="text-center">
+                <div class="my-rating" data-id="{{ $movie->id }}" data-type="movie" {{ auth()->check() ? ($movie->ratingBy(auth()->user()) ? 'data-rating='.$movie->ratingBy(auth()->user()) : '') : '' }}></div>
+            </div>
+        </div>
+    </div>
+</div>