From caf9df61d8de8316e5ceb6203bf3eadca03e2181 Mon Sep 17 00:00:00 2001
From: Odell McFarland IV <odell.mac4@gmail.com>
Date: Sat, 7 Dec 2024 21:42:14 -0800
Subject: [PATCH 1/3] feat: present fostered start and end date on fostered
 pets index page

---
 .../adopter_fosterer/fostered_pets/index.html.erb      | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/app/views/organizations/adopter_fosterer/fostered_pets/index.html.erb b/app/views/organizations/adopter_fosterer/fostered_pets/index.html.erb
index b45cca6fe..35994053a 100644
--- a/app/views/organizations/adopter_fosterer/fostered_pets/index.html.erb
+++ b/app/views/organizations/adopter_fosterer/fostered_pets/index.html.erb
@@ -4,7 +4,7 @@
     <div data-controller="card">
       <div class="row row-cols-1 row-cols-md-2 row-cols-lg-3 g-4 mb-5">
         <% @fostered_pets.each_with_index do |fostered_pet, index| %>
-          <div class="col">
+          <div class="col-lg-5 col-md-6">
             <%= link_to adopter_fosterer_fostered_pet_files_path(fostered_pet.pet, pet_id: fostered_pet.pet.id), data: { turbo_frame: "pet_files", action: "click->card#selectCard" } do %>
               <div class="card h-100 bg-white border-0 shadow-sm" data-card-target="card">
                 <div class="card-body d-flex align-items-center">
@@ -13,7 +13,13 @@
                                   class: 'rounded-circle', 
                                   style: "width: 100%; height: 100%; object-fit: cover;") %>
                   </div>
-                  <h5 class="card-title mb-0"><%= fostered_pet.pet.name %></h5>
+                  <h5 class="card-title mb-0 flex-grow-1" style="margin-right: 15px;"><%= fostered_pet.pet.name %></h5>
+                  <div class="fostered-dates ms-auto">
+                    <div class="d-flex flex-column">
+                      <h5 class="mb-1">Start Date: <%= fostered_pet.start_date.strftime("%m/%d/%y") %></h5>
+                      <h5 class="mb-0">End Date: <%= fostered_pet.end_date.strftime("%m/%d/%y") %></h5>
+                    </div>
+                  </div>
                 </div>
               </div>
             <% end %>

From 78d5defb1ceb063625b1e314bfa0c555df24a4d0 Mon Sep 17 00:00:00 2001
From: Odell McFarland IV <odell.mac4@gmail.com>
Date: Sat, 7 Dec 2024 22:23:05 -0800
Subject: [PATCH 2/3] Refactor: present the phrase term instead of start date
 and end date to make text more simple to read and reduce amount of text on
 the card

---
 .../adopter_fosterer/fostered_pets/index.html.erb             | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/app/views/organizations/adopter_fosterer/fostered_pets/index.html.erb b/app/views/organizations/adopter_fosterer/fostered_pets/index.html.erb
index 35994053a..bbad26c55 100644
--- a/app/views/organizations/adopter_fosterer/fostered_pets/index.html.erb
+++ b/app/views/organizations/adopter_fosterer/fostered_pets/index.html.erb
@@ -16,8 +16,8 @@
                   <h5 class="card-title mb-0 flex-grow-1" style="margin-right: 15px;"><%= fostered_pet.pet.name %></h5>
                   <div class="fostered-dates ms-auto">
                     <div class="d-flex flex-column">
-                      <h5 class="mb-1">Start Date: <%= fostered_pet.start_date.strftime("%m/%d/%y") %></h5>
-                      <h5 class="mb-0">End Date: <%= fostered_pet.end_date.strftime("%m/%d/%y") %></h5>
+                      <h5 class="card-title mb-1">Term:</h5>
+                      <h5 class="mb-0"><%= fostered_pet.end_date.strftime("%m/%d/%y") %> - <%=fostered_pet.start_date.strftime("%m/%d/%y")%> </h5>
                     </div>
                   </div>
                 </div>

From a5192c4bd8e722eaad65a1dfd97f8de7c35b6747 Mon Sep 17 00:00:00 2001
From: Odell McFarland IV <odell.mac4@gmail.com>
Date: Sat, 7 Dec 2024 22:33:41 -0800
Subject: [PATCH 3/3] Fix: ensure dates are in chronological order

---
 .../organizations/adopter_fosterer/fostered_pets/index.html.erb | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/views/organizations/adopter_fosterer/fostered_pets/index.html.erb b/app/views/organizations/adopter_fosterer/fostered_pets/index.html.erb
index bbad26c55..628aa28f8 100644
--- a/app/views/organizations/adopter_fosterer/fostered_pets/index.html.erb
+++ b/app/views/organizations/adopter_fosterer/fostered_pets/index.html.erb
@@ -17,7 +17,7 @@
                   <div class="fostered-dates ms-auto">
                     <div class="d-flex flex-column">
                       <h5 class="card-title mb-1">Term:</h5>
-                      <h5 class="mb-0"><%= fostered_pet.end_date.strftime("%m/%d/%y") %> - <%=fostered_pet.start_date.strftime("%m/%d/%y")%> </h5>
+                      <h5 class="mb-0"><%= fostered_pet.start_date.strftime("%m/%d/%y") %> - <%=fostered_pet.end_date.strftime("%m/%d/%y")%> </h5>
                     </div>
                   </div>
                 </div>