From 58acfc02babbde1c8e1b103ced5a51ec54b693e1 Mon Sep 17 00:00:00 2001
From: poojagunturu96 <pgunturu@middlebury.edu>
Date: Fri, 17 Jan 2025 10:44:04 -0600
Subject: [PATCH] add search results to course-catalog-search template

---
 src/scss/components/_terms.scss               | 16 +++++++++
 src/templates/course-catalog-search.twig      |  2 +-
 .../partials/course-catalog-result-card.twig  | 33 +++++++++++++++++++
 .../course-catalog-search-results.twig        | 14 ++++++++
 4 files changed, 64 insertions(+), 1 deletion(-)
 create mode 100644 src/templates/partials/course-catalog-result-card.twig
 create mode 100644 src/templates/partials/course-catalog-search-results.twig

diff --git a/src/scss/components/_terms.scss b/src/scss/components/_terms.scss
index fcf6278e..db1599e5 100644
--- a/src/scss/components/_terms.scss
+++ b/src/scss/components/_terms.scss
@@ -62,3 +62,19 @@
 .terms__text {
   @include terms-text;
 }
+
+.course-catalog-result-card {
+  border-bottom: 1px solid variables.$border-color;
+  
+  .course-title {
+    font-weight: variables.$font-weight-bold;
+  }
+  
+  .terms__title {
+    flex: 0 0 30%;
+  }
+
+  .terms__text {
+    flex: 0 0 60%;
+  }
+}
diff --git a/src/templates/course-catalog-search.twig b/src/templates/course-catalog-search.twig
index f281f89e..4051ea92 100644
--- a/src/templates/course-catalog-search.twig
+++ b/src/templates/course-catalog-search.twig
@@ -561,5 +561,5 @@
 
     </div>
   </form>
-
+  {% include 'partials/course-catalog-search-results.twig' %}
 {% endblock %}
diff --git a/src/templates/partials/course-catalog-result-card.twig b/src/templates/partials/course-catalog-result-card.twig
new file mode 100644
index 00000000..2fcc067e
--- /dev/null
+++ b/src/templates/partials/course-catalog-result-card.twig
@@ -0,0 +1,33 @@
+<div class="course-catalog-result-card row pb-8 mt-7">
+  <div class="col-md-6 typography mb-4 mb-lg-0">
+    <a class="course-title" href="/offerings/view/catalog/catalog%2FMCUG/offering/section%2F202520%2F21451">BIOL0140B-S25</a>
+    <dl class="terms">
+      <dt class="terms__title text-caps f2">Type:</dt>
+      <dd class="terms__text">Lecture</dd>
+      <dt class="terms__title text-caps f2">Course Modality:</dt>
+      <dd class="terms__text"><a href="/topics/view/catalog/catalog%2FMCUG/term/term%2F202520/topic/topic%2Finstruction_method%2FPERS">In-Person</a> </dd>
+      <dt class="terms__title text-caps f2">Term:</dt>
+      <dd class="terms__text">Spring 2025</dd>
+      <dt class="terms__title text-caps f2">Department:</dt>
+      <dd class="terms__text"><a href="/topics/view/catalog/catalog%2FMCUG/term/term%2F202520/topic/topic%2Fdepartment%2FBIOL">Biology</a> </dd>
+      <dt class="terms__title text-caps f2">Requirements Fulfilled:</dt>
+      <dd class="terms__text"><a href="/topics/view/catalog/catalog%2FMCUG/term/term%2F202520/topic/topic%2Frequirement%2FDED">DED</a> <a href="/topics/view/catalog/catalog%2FMCUG/term/term%2F202520/topic/topic%2Frequirement%2FSCI">SCI</a> </dd>
+    </dl>
+  </div>
+  <div class="col-md-6 typography">
+    <h3>Ecology and Evolution</h3>
+    <p>In this introduction to ecology and evolutionary biology we will cover the topics of interspecific...<a href="#">read more</a></p>
+    <dl class="terms">
+      <dt class="terms__title text-caps f2">Instructors:</dt>
+      <dd class="terms__text"><a href="/resources/view/catalog/catalog%2FMCUG/term/term%2F200390/resource/resource%2Fperson%2FB8254EED4F08BDC932184E2EBD4E7D34">Eric Moody</a> </dd>
+      <dt class="terms__title text-caps f2">Location:</dt>
+      <dd class="terms__text">McCardell Bicentennial Hall 317 <span class="location_description">(MBH 317)</span>
+      </dd>
+      <dt class="terms__title text-caps f2">Schedule:</dt>
+      <dd class="terms__text">8:40am-9:30am on Monday, Wednesday, Friday <span style="white-space: nowrap">(Feb 10, 2025 to May 12, 2025)</span></dd>
+      <dt class="terms__title text-caps f2">Availability:</dt>
+      <dd class="terms__text"><a href="https://ssb-prod.ec.middlebury.edu/PNTR/bwckschd.p_disp_detail_sched?term_in=202520&amp;crn_in=20685" target="_blank" class="availability_link">View availability, prerequisites, and other requirements.</a>
+      </dd>
+    </dl>
+  </div>
+</div>
\ No newline at end of file
diff --git a/src/templates/partials/course-catalog-search-results.twig b/src/templates/partials/course-catalog-search-results.twig
new file mode 100644
index 00000000..7eae6587
--- /dev/null
+++ b/src/templates/partials/course-catalog-search-results.twig
@@ -0,0 +1,14 @@
+<div class="paragraph--two-col-text" data-digest-content>
+  <h2 class="h2 mb-4 mb-lg-5">
+    Search Results
+  </h2>
+  <ul class="col-count-xl-1">
+    {% for item in 0..7 %}
+      <li class="w-100 d-inline-block mb-8">
+        {% include 'partials/course-catalog-result-card.twig' with {} %}
+      </li>
+    {% endfor %}
+  </ul>
+
+  {% include 'partials/pagination.twig' %}
+</div>
\ No newline at end of file