Using a view as Create and Detail Method, Organize TimeLine

What I'm trying to do:

I'm trying to Add to the Candidate history (Description and Title, and DateTime.Now), Here is a image representation of what I want and what I managed to do:

Also how can I add to the timeline to the left side when the select option is "candidate", and right side when it's "Hitachi", the property for that is adding timeline-Inverted to the <li> Class.

timeline-Inverted

<li> Class

What I have now:

@model HCCBPOHR.Data.Candidate

@{
ViewData["Title"] = "CandidateHistory";
}

<h2>Canidate - @Model.Name</h2>

<label>History</label>
<hr />


History Of @Model.Name




• 
  @*
• *@
  @*Isto é para inverter o lado*@
  
  
  
  
  
  
  
  

  
  

  Title

  
  

  
  @Model.DateOfDescription.ToShortDateString()
  

  
  

  
  

  
  

  @Model.Description

  
  

  
  </div>
  </li>
  </ul>
  </div>
  </div>
  
  
  
  
  
  <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModal" data-whatever="@Model.Saving"> Add History Description</button>
  
  
  

  


  


  


  
  
  

  
  
  
  
  
  

  
  

  
  
  
  
  
  

  
  

  
  Selects
  
  Candidate
  Hitachis
  
  

  
  

  
  @DateTime.Now.ToShortDateString()
  @**@
  

  
  </form>
  </div>
  

  
  Close
  

  
  
  

  
  </div>
  </div>
  </div>
  </div>
  

  
  

  
  

  Also here is What I have in my controller:

  
  

  public IActionResult CandidateHistory(int Id)
{

using (var applicationcontext = new ApplicationContext())
{
var candidate = applicationcontext.Candidates.Single(q => q.Id == Id);
return View(candidate);
}
}
[HttpPost, ActionName("CandidateHistory")]
[ValidateAntiForgeryToken]
public IActionResult CandidateHistoryPost([Bind("Description")] Candidate candidate)
{
if (ModelState.IsValid)
{
using (var context = new ApplicationContext())
{
var CandidatefromDB = context.Candidates.Include(q => q.Description);
}
candidateRepository.Add(candidate);
candidateRepository.SaveChanges();
return RedirectToAction("Candidate");
}
return View();
}


  
  

  
  

  And Here is My Model class:

  
  

  public class Candidate : BaseEntity
{
public int Id { get; set; }
public string Name { get; set; }
public int Number { get; set; }
public string ProfileText { get; set; }
public Byte CV { get; set; }
public string CVNAME { get; set; }
public List<Profile> ProfileList { get; set; }
public String Description { get; set; }
public Boolean Saving { get; set; }
public string Title { get; set; }
public DateTime DateOfDescription { get; set; }
}


  
  

  
  

  
  

  
  

  
  

  
  
  
  By clicking "Post Your Answer", you acknowledge that you have read our updated terms of service, privacy policy and cookie policy, and that your continued use of the website is subject to these policies.