From 12352ef69d953c358a84ab2789f4d3187e046c79 Mon Sep 17 00:00:00 2001
From: Ben <benjamen@obdev.io>
Date: Tue, 30 Jan 2024 17:11:13 -0600
Subject: [PATCH] Updated Edit Employment view to be in line with our app

---
 app/views/employments/edit.html.erb | 54 ++++++++++++++++++++---------
 1 file changed, 37 insertions(+), 17 deletions(-)

diff --git a/app/views/employments/edit.html.erb b/app/views/employments/edit.html.erb
index 4486de5..c6da03c 100644
--- a/app/views/employments/edit.html.erb
+++ b/app/views/employments/edit.html.erb
@@ -1,19 +1,39 @@
-<h1>Edit Employment</h1>
+<div class="container mt-5">
+  <div class="row justify-content-center">
+    <div class="col-md-6">
+      <h1 class="mb-4 text-center">Edit Employment</h1>
 
-<%= form_with(model: @employment, url: employment_path(@employment), method: :patch) do |form| %>
-  <div class="field">
-    <%= form.label :start_date %>
-    <%= form.date_field :start_date %>
+      <%= form_with(model: @employment, url: employment_path(@employment), method: :patch, local: true, html: { class: 'needs-validation', novalidate: true }) do |form| %>
+        <% if @employment.errors.any? %>
+          <div id="error_explanation" class="alert alert-danger" role="alert">
+            <h4><%= pluralize(@employment.errors.count, "error") %> prohibited this employment from being saved:</h4>
+            <ul>
+              <% @employment.errors.full_messages.each do |message| %>
+                <li><%= message %></li>
+              <% end %>
+            </ul>
+          </div>
+        <% end %>
+
+        <div class="mb-3">
+          <%= form.label :start_date, class: 'form-label' %>
+          <%= form.date_field :start_date, class: 'form-control' %>
+        </div>
+
+        <div class="mb-3">
+          <%= form.label :end_date, class: 'form-label' %>
+          <%= form.date_field :end_date, class: 'form-control' %>
+        </div>
+
+        <div class="actions">
+          <%= form.submit "Update Employment", class: 'btn btn-dark' %>
+        </div>
+      <% end %>
+
+      <div class="mt-3 d-flex justify-content-between">
+        <%= link_to 'Back to Participant', participant_path(@employment.participant), class: 'btn btn-secondary' %>
+        <%= link_to 'Delete Employment', employment_path(@employment), method: :delete, data: { confirm: 'Are you sure?' }, class: 'btn btn-danger' %>
+      </div>
+    </div>
   </div>
-
-  <div class="field">
-    <%= form.label :end_date %>
-    <%= form.date_field :end_date %>
-  </div>
-
-  <%= form.submit "Update Employment" %>
-<% end %>
-
-<%= link_to 'Delete Employment', employment_path(@employment), method: :delete, data: { confirm: 'Are you sure?' }, class: 'btn btn-danger' %>
-
-<%= link_to 'Back to Participant', participant_path(@employment.participant), class: 'btn btn-secondary' %>
+</div>