Fix code in Controller

app/controllers/cities_controller.rb

 class CitiesController < ApplicationController
   def index
-    @cities_vietnam = City.all_city.vietnam
-    @cities_international = City.all_city.international
+    @cities_vietnam = City.vietnam
+    @cities_international = City.international
   end
 end

app/controllers/jobs_controller.rb

@@ -2,5 +2,7 @@ class JobsController < ApplicationController
   def index
     @total_job = Job.count
     @jobs_list = Job.all_job
+    @cities = City.all
+    @industries = Industry.all
   end
 end

app/models/city.rb

@@ -3,7 +3,6 @@ class City < ApplicationRecord
   has_many :jobs, through: :city_jobs
 
   scope :top_city, -> { joins(:jobs).group(:city_id).order('count(job_id) DESC').limit(9) }
-  scope :all_city, -> { joins(:jobs).group(:city_id).order('count(job_id) DESC') }
-  scope :vietnam, -> { where('location = 1') }
-  scope :international, -> { where('location = 0') }
+  scope :vietnam, -> { joins(:jobs).group(:city_id).order('count(job_id) DESC').where('location = 1') }
+  scope :international, -> { joins(:jobs).group(:city_id).order('count(job_id) DESC').where('location = 0') }
 end

app/views/cities/index.html.erb

@@ -4,23 +4,27 @@
     <div class="city-banner rounded">City List</div>
     <div class="row">
       <div class="col-6">
-        <div class="row-table border border-dark rounded viet-nam">Việt Nam</div>
+        <div class="row-table border border-dark rounded viet-nam">
+          <strong>Việt Nam</strong>
+        </div>
       </div>
       <div class="col-6">
-        <div class="row-table border border-dark rounded international">International</div>
+        <div class="row-table border border-dark rounded international">
+          <strong>International</strong>
+        </div>
       </div>
     </div>
   </div>
   <div class="city-banner rounded vietnam-area">Việt Nam</div>
   <div class="city-vietnam">
     <div class="row">
-      <%= render partial: "cities_vietnam", collection: @cities_vietnam, as: :city %>
+      <%= render partial: "vietnam", collection: @cities_vietnam, as: :city %>
     </div>
   </div>
   <div class="city-banner rounded international-area">International</div>
   <div class="city-international">
     <div class="row">
-      <%= render partial: "cities_international", collection: @cities_international, as: :city %>
+      <%= render partial: "international", collection: @cities_international, as: :city %>
     </div>
   </div>
 </div>

app/views/jobs/index.html.erb

 <% provide(:title, 'Jobs') %>
 <div class="container">
+  <div class="search-bar">
+    <%= render 'layouts/search_bar' %>
+  </div>
   <div class="row total-jobs">
-    <div class="col-4">Total: <%= @total_job %> jobs</div>
-    <div class="col-4">Result for: ... jobs</div>
+    <div class="col-4"><strong>Total: <%= @total_job %> jobs</strong></div>
+    <div class="col-4"><strong>Result for: ... jobs</strong></div>
   </div>
   <div class="job-list">
     <%= render partial: "all_jobs", collection: @jobs_list, as: :job %>