create detail job

Gemfile

@@ -15,7 +15,7 @@ gem 'sass-rails', '~> 5.0'
 gem 'uglifier', '>= 1.3.0'
 # See https://github.com/rails/execjs#readme for more supported runtimes
 # gem 'mini_racer', platforms: :ruby
-
+gem 'breadcrumbs_on_rails'
 # Use CoffeeScript for .coffee assets and views
 gem 'coffee-rails', '~> 4.2'
 # Turbolinks makes navigating your web application faster. Read more: https://github.com/turbolinks/turbolinks

Gemfile.lock

@@ -50,6 +50,8 @@ GEM
     bindex (0.8.1)
     bootsnap (1.4.7)
       msgpack (~> 1.0)
+    breadcrumbs_on_rails (4.0.0)
+      rails (>= 5.0)
     builder (3.2.4)
     byebug (11.1.3)
     capybara (3.33.0)
@@ -191,6 +193,7 @@ PLATFORMS
 
 DEPENDENCIES
   bootsnap (>= 1.1.0)
+  breadcrumbs_on_rails
   byebug
   capybara (>= 2.15)
   chromedriver-helper

app/controllers/job_controller.rb

 class JobController < ApplicationController
+  def detail
+    @job = Job.find(params[:id])
+    add_breadcrumb "Trang chủ&nbsp;".html_safe, root_path
+    add_breadcrumb "&nbsp;#{@job.cities[0].name}&nbsp;".html_safe, '#'
+    add_breadcrumb "&nbsp;#{@job.industries[0].name}&nbsp;".html_safe, '#'
+    add_breadcrumb "&nbsp;#{@job.name}".html_safe
+  end
 end

app/views/home/_box_five_job.html.erb

@@ -20,7 +20,7 @@
                 <div class="col-sm-10 col-md-9 col-lg-10">
                   <div class="box_info">
                     <div class="lol">
-                      <%= link_to val.name, '#', class: 'job_name' %>
+                      <%= link_to val.name, "/detail/#{val.id}", class: 'job_name' %>
                     </div>
                     <div class="cop">
                       <h5 class="box_info_copany_name"><i class="far fa-building"></i> <%= val.company.name %></h5>

app/views/job/detail.html.erb

+<% provide(:title, @job.name) %>
+<div class="container">
+  <div class="banner_detail">    
+  </div>
+</div>
+<div class="container">
+  <div class="row">
+    <div class="col-lg-12">
+      <nav aria-label="breadcrumb">
+        <ol class="breadcrumb">
+          <%= render_breadcrumbs :tag => :li, :separator => "/" %>
+        </ol>
+      </nav>
+    </div>
+  </div>
+</div>
+<div class="container">
+  <div class="row">
+    <div class="col-lg-9">
+      <div class="job_title">
+        <h1><%= @job.name %></h1>
+        <span><i class="far fa-building"></i> <%= link_to @job.company.name, '#',class: "link_ct apply_job"%></span>
+      </div>
+    </div>
+    <div class="col-lg-3 ">
+      <div class="btn_apply_job">
+        <%= link_to 'Nộp CV ngay', '#', class: "btn btn-apply_job" %>
+      </div>
+    </div>
+    
+    <div class="col-lg-12 col-md-12">
+      <div class="box_detail_jobs">
+        <div class="box_detail_jobs_location">
+          <span><i class="fas fa-map-marker-alt"></i> Địa điểm làm việc: </span>
+          <% dt = [] %>                      
+          <% @job.cities.each do |x| %>                                       
+          <%= link_to "&nbsp;#{x.name}&nbsp;".html_safe , "/jobs/city/#{x.name}", class: "link_ct apply_job link_optimize"%>                                                                    
+          <% end %>        
+        </div>
+        <div class="box_detail_jobs_salary">
+          <br>
+          <div class="row">
+            <div class="col-lg-4 col-md-6">
+              <div class="detail_info">
+                <span><i class="fab fa-linode"></i> Lương: <%= @job.salary%></span>
+              </div>
+            </div>
+            <div class="col-lg-4 col-md-6">
+              <div class="detail_info">
+                <span><i class="fab fa-linode"></i> Ngày đăng tin: <%=@job.created_at.strftime('%d - %m - %Y')%></span>
+              </div>
+            </div>
+            <div class="col-lg-4 col-md-6">
+              <div class="detail_info">
+                <% if @job.expiration_date.present? %>
+                  <span><i class="fab fa-linode"></i> Ngày hết hạn: <%=@job.expiration_date.strftime('%d - %m - %Y')%></span>
+                <% else %>                
+                  <span><i class="fab fa-linode"></i> Ngày hết hạn: đang cập nhật</span>
+                <% end %>
+              </div>
+            </div>
+            <div class="col-lg-4 col-md-6">
+              <div class="detail_info">
+                <span><i class="fab fa-linode"></i> Kinh nghiệm: <%=@job.experience%></span>
+              </div>
+            </div>
+            <div class="col-lg-4 col-md-6">
+              <div class="detail_info">
+                <span><i class="fab fa-linode"></i> Cấp bậc: <%= "#{@job.level}" %></span>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    <div class="col-lg-12 col-md-12">
+      <div class="box_detail_jobs">
+        <% if @job.description.include?('div') %>
+            <%= @job.description.html_safe %>
+          <% else %>
+            <pre class="pre_desc"><%= @job.description %></pre>
+        <% end %>
+      </div>
+    </div>
+  </div>
+  <div class="row">
+    <div class="col-lg-6 col-md-6">
+      <div class="btn_apply_job">
+        <%= link_to 'Nộp CV ngay', '#', class: "btn btn-apply_job" %>
+      </div>
+    </div>
+    <div class="col-lg-6 col-md-6">
+      <div class="btn_apply_job">
+        <%= link_to 'Yêu thích', '#', class: "btn btn-apply_job_favorite" %>
+      </div>
+    </div>
+  </div>
+</div>
+<%= render 'shared/scroll_top' %>
\ No newline at end of file

config/routes.rb

 Rails.application.routes.draw do
   root 'home#index'
+  get 'detail/:id', to: 'job#detail'
   # For details on the DSL available within this file, see http://guides.rubyonrails.org/routing.html
 end