{"id":416,"date":"2025-07-19T23:27:26","date_gmt":"2025-07-19T20:27:26","guid":{"rendered":"https:\/\/yirgacheffeecoffeemarket.com\/cms_wp\/?page_id=416"},"modified":"2026-05-04T17:44:39","modified_gmt":"2026-05-04T14:44:39","slug":"card-details","status":"publish","type":"page","link":"https:\/\/yirgacheffeecoffeemarket.com\/cms_wp\/card-details\/","title":{"rendered":"Card Details"},"content":{"rendered":"<p>[et_pb_section fb_built=&#8221;1&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_code _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Roboto+Slab:wght@900&#038;display=swap\" rel=\"stylesheet\"><!-- [et_pb_line_break_holder] --><link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@200&#038;display=swap\" rel=\"stylesheet\"><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><\/p>\n<style><!-- [et_pb_line_break_holder] -->  @import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600;700&family=Roboto+Slab:wght@400;700&family=Roboto:wght@400;500;700&display=swap');<!-- [et_pb_line_break_holder] -->  .p {<!-- [et_pb_line_break_holder] -->    padding-bottom: 0em;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  .coop-detail-container {<!-- [et_pb_line_break_holder] -->    font-family: \"Inter\", sans-serif;<!-- [et_pb_line_break_holder] -->    width: 100%;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  .coop-title {<!-- [et_pb_line_break_holder] -->    font-family: \"Roboto Slab\", serif;<!-- [et_pb_line_break_holder] -->    font-size: 2.2rem;<!-- [et_pb_line_break_holder] -->    font-weight: 800;<!-- [et_pb_line_break_holder] -->    color: #134a86;<!-- [et_pb_line_break_holder] -->    text-align: center;<!-- [et_pb_line_break_holder] -->    margin-bottom: 70px;<!-- [et_pb_line_break_holder] -->    display: flex;<!-- [et_pb_line_break_holder] -->    justify-content: center;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  .coop-container {<!-- [et_pb_line_break_holder] -->    display: flex;<!-- [et_pb_line_break_holder] -->    flex-wrap: wrap;<!-- [et_pb_line_break_holder] -->    gap: 2rem;<!-- [et_pb_line_break_holder] -->    justify-content: center;<!-- [et_pb_line_break_holder] -->    align-items: flex-start;<!-- [et_pb_line_break_holder] -->    margin-bottom: 50px;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  .coop-card {<!-- [et_pb_line_break_holder] -->    background: linear-gradient(to bottom right, #134a86, #02a5a5);<!-- [et_pb_line_break_holder] -->    border-radius: 15px;<!-- [et_pb_line_break_holder] -->    padding: 1rem 2rem;<!-- [et_pb_line_break_holder] -->    width: 450px;<!-- [et_pb_line_break_holder] -->    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);<!-- [et_pb_line_break_holder] -->    color: white;<!-- [et_pb_line_break_holder] -->    display: flex;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  .coop-pro1 {<!-- [et_pb_line_break_holder] -->    padding-right: 20px;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  .coop-card p {<!-- [et_pb_line_break_holder] -->    font-size: 14px;<!-- [et_pb_line_break_holder] -->    margin-bottom: -0.5em;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  .coop-card b {<!-- [et_pb_line_break_holder] -->    color: white;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  .coop-about {<!-- [et_pb_line_break_holder] -->    max-width: 500px;<!-- [et_pb_line_break_holder] -->    color: #444;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  .coop-about h3 {<!-- [et_pb_line_break_holder] -->    font-size: 1.2rem;<!-- [et_pb_line_break_holder] -->    font-weight: 600;<!-- [et_pb_line_break_holder] -->    margin-bottom: 0.5rem;<!-- [et_pb_line_break_holder] -->    color: #333;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  .coop-about p {<!-- [et_pb_line_break_holder] -->    font-size: 15px;<!-- [et_pb_line_break_holder] -->    line-height: 1.6;<!-- [et_pb_line_break_holder] -->    margin: 0;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  .carousel-container {<!-- [et_pb_line_break_holder] -->    max-width: 900px;<!-- [et_pb_line_break_holder] -->    margin: 0 auto 3rem;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  .main-image {<!-- [et_pb_line_break_holder] -->    width: 100%;<!-- [et_pb_line_break_holder] -->    max-height: 500px;<!-- [et_pb_line_break_holder] -->    object-fit: cover;<!-- [et_pb_line_break_holder] -->    border-radius: 8px;<!-- [et_pb_line_break_holder] -->    margin-bottom: 1rem;<!-- [et_pb_line_break_holder] -->    border: 3px solid #134a86;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  .thumbnail-row {<!-- [et_pb_line_break_holder] -->    display: flex;<!-- [et_pb_line_break_holder] -->    overflow-x: auto;<!-- [et_pb_line_break_holder] -->    gap: 10px;<!-- [et_pb_line_break_holder] -->    padding: 5px 0;<!-- [et_pb_line_break_holder] -->    scroll-snap-type: x mandatory;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  .thumbnail-row::-webkit-scrollbar {<!-- [et_pb_line_break_holder] -->    height: 8px;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  .thumbnail-row::-webkit-scrollbar-thumb {<!-- [et_pb_line_break_holder] -->    background: #134a86;<!-- [et_pb_line_break_holder] -->    border-radius: 10px;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  .thumbnail {<!-- [et_pb_line_break_holder] -->    width: 100px;<!-- [et_pb_line_break_holder] -->    height: 70px;<!-- [et_pb_line_break_holder] -->    object-fit: cover;<!-- [et_pb_line_break_holder] -->    border: 2px solid transparent;<!-- [et_pb_line_break_holder] -->    border-radius: 4px;<!-- [et_pb_line_break_holder] -->    cursor: pointer;<!-- [et_pb_line_break_holder] -->    scroll-snap-align: start;<!-- [et_pb_line_break_holder] -->    transition: border 0.3s ease;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  .thumbnail.active {<!-- [et_pb_line_break_holder] -->    border: 2px solid #134a86;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  .coffee-profile {<!-- [et_pb_line_break_holder] -->    width: 350px;<!-- [et_pb_line_break_holder] -->    margin:3rem 0;<!-- [et_pb_line_break_holder] -->    padding: 2rem;<!-- [et_pb_line_break_holder] -->    border-radius: 15px;<!-- [et_pb_line_break_holder] -->    background: linear-gradient(180deg, #afd5ff, #c5ffff);<!-- [et_pb_line_break_holder] -->    color: #333;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  .coffee-profile p {<!-- [et_pb_line_break_holder] -->    margin: 0.2rem 0;<!-- [et_pb_line_break_holder] -->    font-size: 12px;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  .coffee-profile strong {<!-- [et_pb_line_break_holder] -->    font-weight: 600;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  .coffee-profile .radar {<!-- [et_pb_line_break_holder] -->    display: block;<!-- [et_pb_line_break_holder] -->    max-width: 100%;<!-- [et_pb_line_break_holder] -->    margin: 2rem auto;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  .cupping-notes {<!-- [et_pb_line_break_holder] -->    display: flex;<!-- [et_pb_line_break_holder] -->    flex-wrap: wrap;<!-- [et_pb_line_break_holder] -->    gap: 0.5rem;<!-- [et_pb_line_break_holder] -->    margin-top: 1rem;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  .colorbox {<!-- [et_pb_line_break_holder] -->    padding: 0.2rem 0.4rem;<!-- [et_pb_line_break_holder] -->    color: white;<!-- [et_pb_line_break_holder] -->    font-size: 11px;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  .t {<!-- [et_pb_line_break_holder] -->    color: black;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  .fruity { background: #ee1c25; }<!-- [et_pb_line_break_holder] -->  .citrus { background: #ffb812; color: black; }<!-- [et_pb_line_break_holder] -->  .floral { background: #ef4c8f; }<!-- [et_pb_line_break_holder] -->  .pineapple { background: #f99e1a; }<!-- [et_pb_line_break_holder] -->  .berry { background: #6b66a9; }<!-- [et_pb_line_break_holder] -->  .spicy { background: #bb1142; }<!-- [et_pb_line_break_holder] -->  .tea-like { background: #ae667e; }<!-- [et_pb_line_break_holder] -->  .tealike { background: #ae667e; }<!-- [et_pb_line_break_holder] -->  .tea { background: #ae667e; }<!-- [et_pb_line_break_holder] -->  .creamy { background: #d2b478; }<!-- [et_pb_line_break_holder] -->  .juicy { background: #f06522; }<!-- [et_pb_line_break_holder] -->  .sweet { background: #e36f7c; }<!-- [et_pb_line_break_holder] -->  .chocolate { background: #6b291d; }<!-- [et_pb_line_break_holder] -->  .butter { background: yellow; color: black; }<!-- [et_pb_line_break_holder] -->  .dark-chocolate { background: #49271e; }<!-- [et_pb_line_break_holder] -->  .darkchocolate { background: #49271e; }<!-- [et_pb_line_break_holder] -->  .dark { background: #49271e; }<!-- [et_pb_line_break_holder] -->  .balanced { background: #00a7d1; }<!-- [et_pb_line_break_holder] -->  .honey { background: #fc7a2c; }<!-- [et_pb_line_break_holder] -->  .orange {background: orange}<!-- [et_pb_line_break_holder] -->  .smooth {background: #f4f4f9; color: black; }<!-- [et_pb_line_break_holder] -->  .rue { background: black}<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  .contact-section {<!-- [et_pb_line_break_holder] -->    width: 500px;<!-- [et_pb_line_break_holder] -->    margin: 2rem;<!-- [et_pb_line_break_holder] -->    color: #333;<!-- [et_pb_line_break_holder] -->    font-size: 11px;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  .contact-section p {<!-- [et_pb_line_break_holder] -->    margin: 0.2rem 0;<!-- [et_pb_line_break_holder] -->    margin-bottom: -1em;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  .contact-icons {<!-- [et_pb_line_break_holder] -->    margin-top: 0.8rem;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  .contact-icons a {<!-- [et_pb_line_break_holder] -->    display: inline-block;<!-- [et_pb_line_break_holder] -->    margin-right: 10px;<!-- [et_pb_line_break_holder] -->    text-decoration: none;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  .contact-icons img {<!-- [et_pb_line_break_holder] -->    width: 22px;<!-- [et_pb_line_break_holder] -->    height: 22px;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  .loading, .error-message {<!-- [et_pb_line_break_holder] -->    text-align: center;<!-- [et_pb_line_break_holder] -->    padding: 3rem;<!-- [et_pb_line_break_holder] -->    font-size: 1.2rem;<!-- [et_pb_line_break_holder] -->    max-width: 800px;<!-- [et_pb_line_break_holder] -->    margin: 3rem auto;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  .loading {<!-- [et_pb_line_break_holder] -->    color: #134a86;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  .error-message {<!-- [et_pb_line_break_holder] -->    color: #e53935;<!-- [et_pb_line_break_holder] -->    font-weight: bold;<!-- [et_pb_line_break_holder] -->    background: #ffebee;<!-- [et_pb_line_break_holder] -->    border-radius: 8px;<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  @media (max-width: 768px) {<!-- [et_pb_line_break_holder] -->    .coop-container {<!-- [et_pb_line_break_holder] -->      flex-direction: column;<!-- [et_pb_line_break_holder] -->      align-items: center;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->    .coop-card, .coop-about {<!-- [et_pb_line_break_holder] -->      width: 100%;<!-- [et_pb_line_break_holder] -->      max-width: 100%;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->    .coop-title {<!-- [et_pb_line_break_holder] -->      margin-left: 0;<!-- [et_pb_line_break_holder] -->      margin-bottom: 40px;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] -->  <!-- [et_pb_line_break_holder] -->  @media (max-width: 600px) {<!-- [et_pb_line_break_holder] -->    .main-image {<!-- [et_pb_line_break_holder] -->      max-height: 250px;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->    .thumbnail {<!-- [et_pb_line_break_holder] -->      width: 80px;<!-- [et_pb_line_break_holder] -->      height: 60px;<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] -->  }<!-- [et_pb_line_break_holder] --><\/style>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><\/p>\n<div id=\"detailContainer\"><!-- [et_pb_line_break_holder] -->  <\/p>\n<div class=\"loading\">Loading station details&#8230;<\/div>\n<p><!-- [et_pb_line_break_holder] --><\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] --><script src=\"https:\/\/cdn.jsdelivr.net\/npm\/papaparse@5.4.1\/papaparse.min.js\"><\/script><!-- [et_pb_line_break_holder] --><script><!-- [et_pb_line_break_holder] -->  document.addEventListener(\"DOMContentLoaded\", function () {<!-- [et_pb_line_break_holder] -->    async function loadCardDetails() {<!-- [et_pb_line_break_holder] -->      const container = document.getElementById(\"detailContainer\");<!-- [et_pb_line_break_holder] -->      try {<!-- [et_pb_line_break_holder] -->        const cardId = new URLSearchParams(window.location.search).get(\"id\");<!-- [et_pb_line_break_holder] -->        if (!cardId) throw new Error(\"No card ID provided in URL\");<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->\/\/ const SHEET_URL =<!-- [et_pb_line_break_holder] -->          \"https:\/\/docs.google.com\/spreadsheets\/d\/e\/2PACX-1vS-oLiSXpTb0ahUoI5iJrTOuIGKcHrsNmgf-11GGpTCp8GCSPwijIhj-uGqPqiJaUlo8hxAdDskeDXT\/pub?output=csv\";<!-- [et_pb_line_break_holder] -->        \u00a0const SHEET_URL = \"https:\/\/docs.google.com\/spreadsheets\/d\/e\/2PACX-1vR623INNzy5vugdJS0VS1Qb58C5XkfcQyNeaVMve8Nw060EXQiKwd6HGv-Uhyci-ke_8LyATtuf8sh1\/pub?output=csv\";\u00a0<!-- [et_pb_line_break_holder] -->const resp = await fetch(SHEET_URL);<!-- [et_pb_line_break_holder] -->        const text = await resp.text();<!-- [et_pb_line_break_holder] -->        const { data } = Papa.parse(text, { header: true });<!-- [et_pb_line_break_holder] -->        const station = data.find((r) => r[\"card id\"]?.trim() === cardId);<!-- [et_pb_line_break_holder] -->        if (!station) throw new Error(`No station found with ID: ${cardId}`);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        const safe = (v) =><!-- [et_pb_line_break_holder] -->          v?.trim() && !\/^(undefined|null)$\/i.test(v) ? v.trim() : \"\u2014\";<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/\/ Carousel fields: carusoul image 1-4<!-- [et_pb_line_break_holder] -->        const carouselFields = [<!-- [et_pb_line_break_holder] -->          \"carusoul image 1\",<!-- [et_pb_line_break_holder] -->          \"carusoul image 2\",<!-- [et_pb_line_break_holder] -->          \"carusoul image 3\",<!-- [et_pb_line_break_holder] -->          \"carusoul image 4\",<!-- [et_pb_line_break_holder] -->        ];<!-- [et_pb_line_break_holder] -->        const carouselUrls = carouselFields<!-- [et_pb_line_break_holder] -->          .map((f) => safe(station[f]))<!-- [et_pb_line_break_holder] -->          .filter((u) => u !== \"\u2014\");<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/\/ SVG field<!-- [et_pb_line_break_holder] -->        const svgUrl = safe(station[\"svg image\"]);<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        \/\/ Dynamic Cupping Notes Block<!-- [et_pb_line_break_holder] -->        const cuppingNotesRaw = safe(station[\"Cupping Notes\"]);<!-- [et_pb_line_break_holder] -->        let cuppingNotesHTML = `<\/p>\n<div class=\"cupping-notes\">\n<div class=\"colorbox t\">Cupping Notes:<\/div>\n<p>`;<!-- [et_pb_line_break_holder] -->        if (cuppingNotesRaw !== \"\u2014\") {<!-- [et_pb_line_break_holder] -->          const notes = cuppingNotesRaw.split(\/[\\s,]+\/);<!-- [et_pb_line_break_holder] -->          cuppingNotesHTML += notes<!-- [et_pb_line_break_holder] -->            .filter((n) => n.trim())<!-- [et_pb_line_break_holder] -->            .map((note) => {<!-- [et_pb_line_break_holder] -->              const cleanNote = note.trim().toLowerCase().replace(\/[^a-z\\-]\/g, \"\");<!-- [et_pb_line_break_holder] -->              return `<\/p>\n<div class=\"colorbox ${cleanNote}\">${note}<\/div>\n<p>`;<!-- [et_pb_line_break_holder] -->            })<!-- [et_pb_line_break_holder] -->            .join(\"\");<!-- [et_pb_line_break_holder] -->        } else {<!-- [et_pb_line_break_holder] -->          cuppingNotesHTML += `<\/p>\n<div class=\"colorbox\">\u2014<\/div>\n<p>`;<!-- [et_pb_line_break_holder] -->        }<!-- [et_pb_line_break_holder] -->        cuppingNotesHTML += `<\/div>\n<p>`;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        container.innerHTML = `<!-- [et_pb_line_break_holder] -->          <\/p>\n<div class=\"coop-section\"><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"coop-title\">${safe(station[\"Site Name\"])}<\/div>\n<p><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"coop-container\"><!-- [et_pb_line_break_holder] -->              <\/p>\n<div class=\"box\">\n<div class=\"coop-card\"><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"coop-pro1\"><!-- [et_pb_line_break_holder] -->                  <pee>Woreda\/District:<\/pee><pee>Kebele\/Village:<\/pee><pee>Elevation:<\/pee><!-- [et_pb_line_break_holder] -->                  <pee>Year of Establishment:<\/pee><pee>Number of Out-growers:<\/pee><!-- [et_pb_line_break_holder] -->                  <pee>Certifications:<\/pee><pee>Annual Production:<\/pee><!-- [et_pb_line_break_holder] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] -->                <\/p>\n<div class=\"coop-answer1\"><!-- [et_pb_line_break_holder] -->                  <pee><b>${safe(station[\"Woreda\"])}<\/b><\/pee><!-- [et_pb_line_break_holder] -->                  <pee><b>${safe(station[\"Kebele\"])}<\/b><\/pee><!-- [et_pb_line_break_holder] -->                  <pee><b>${safe(station[\"Elevation\"])}<\/b><\/pee><!-- [et_pb_line_break_holder] -->                  <pee><b>${safe(station[\"Establishment\"])}<\/b><\/pee><!-- [et_pb_line_break_holder] -->                  <pee><b>${safe(station[\"Number of Out-growers\"])}<\/b><\/pee><!-- [et_pb_line_break_holder] -->                  <pee><b>${safe(station[\"Certifications\"])}<\/b><\/pee><!-- [et_pb_line_break_holder] -->                  <pee><b>${safe(station[\"Annual Production\"])}<\/b><\/pee><!-- [et_pb_line_break_holder] -->                <\/div>\n<p><!-- [et_pb_line_break_holder] -->              <\/div>\n<\/div>\n<p><!-- [et_pb_line_break_holder] -->              <\/p>\n<div class=\"coop-about\"><!-- [et_pb_line_break_holder] -->                <\/p>\n<h3>About the Site:<\/h3>\n<p><!-- [et_pb_line_break_holder] -->                <pee>${safe(station[\"Description\"])}<\/pee><!-- [et_pb_line_break_holder] -->              <\/div>\n<p><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] -->          <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->          <\/p>\n<div class=\"carousel-container\"><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"thumbnail-row\" id=\"thumbnailRow\"><!-- [et_pb_line_break_holder] -->              ${carouselUrls<!-- [et_pb_line_break_holder] -->                .map(<!-- [et_pb_line_break_holder] -->                  (u) => `<img decoding=\"async\" class=\"thumbnail\" src=\"${u}\" data-full=\"${u}\"\/>`<!-- [et_pb_line_break_holder] -->                )<!-- [et_pb_line_break_holder] -->                .join(\"\")}<!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] -->            <img decoding=\"async\" id=\"mainImage\" class=\"main-image\" src=\"${<!-- [et_pb_line_break_holder] -->              carouselUrls[0] || \"\"<!-- [et_pb_line_break_holder] -->            }\" alt=\"${safe(station[\"Site Name\"])}\" \/><!-- [et_pb_line_break_holder] -->          <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->          <\/p>\n<div id=\"map\" style=\"height:250px;width:100%;margin:2rem 0;overflow:hidden\"><\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->          <\/p>\n<div class=\"coffee-profile\"><!-- [et_pb_line_break_holder] -->            <pee><strong>Coffee Type:<\/strong> ${safe(<!-- [et_pb_line_break_holder] -->              station[\"Types of coffee \"]<!-- [et_pb_line_break_holder] -->            ).replace(\/\\s+\/g, \", \")}<\/pee><!-- [et_pb_line_break_holder] -->            <pee><strong>Coffee Grade:<\/strong> ${safe(<!-- [et_pb_line_break_holder] -->              station[\"Coffee grades\"]<!-- [et_pb_line_break_holder] -->            )}<\/pee><!-- [et_pb_line_break_holder] -->            <pee><strong>Certifications:<\/strong> ${safe(<!-- [et_pb_line_break_holder] -->              station[\"Certifications\"]<!-- [et_pb_line_break_holder] -->            )}<\/pee><!-- [et_pb_line_break_holder] -->            <pee><strong>Site Name:<\/strong> ${safe(station[\"Site Name\"])}<\/pee><!-- [et_pb_line_break_holder] -->            ${<!-- [et_pb_line_break_holder] -->              svgUrl !== \"\u2014\"<!-- [et_pb_line_break_holder] -->                ? `<img decoding=\"async\" class=\"radar\" src=\"${svgUrl}\" alt=\"SVG Chart\"\/>`<!-- [et_pb_line_break_holder] -->                : \"\"<!-- [et_pb_line_break_holder] -->            }<!-- [et_pb_line_break_holder] -->            ${cuppingNotesHTML}<!-- [et_pb_line_break_holder] -->          <\/div>\n<p><!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->          <\/p>\n<div class=\"contact-section\"><!-- [et_pb_line_break_holder] -->            <pee><strong>Contact:<\/strong><\/pee><!-- [et_pb_line_break_holder] -->            <pee>${safe(station[\"Contact Person\"])}<\/pee><!-- [et_pb_line_break_holder] -->            <pee>${safe(station[\"Phone\"])}<\/pee><!-- [et_pb_line_break_holder] -->            <\/p>\n<div class=\"contact-icons\"><!-- [et_pb_line_break_holder] -->              ${<!-- [et_pb_line_break_holder] -->                station[\"Email\"] && safe(station[\"Email\"]) !== \"\u2014\"<!-- [et_pb_line_break_holder] -->                  ? `<a href=\"mailto:${safe(<!-- [et_pb_line_break_holder] -->                      station[\"Email\"]<!-- [et_pb_line_break_holder] -->                    )}\"><img decoding=\"async\" src=\"https:\/\/cdn-icons-png.flaticon.com\/512\/561\/561127.png\"\/><\/a>`<!-- [et_pb_line_break_holder] -->                  : \"\"<!-- [et_pb_line_break_holder] -->              }<!-- [et_pb_line_break_holder] -->              ${<!-- [et_pb_line_break_holder] -->                station[\"Website\"] && safe(station[\"Website\"]) !== \"\u2014\"<!-- [et_pb_line_break_holder] -->                  ? `<a href=\"${safe(<!-- [et_pb_line_break_holder] -->                      station[\"Website\"]<!-- [et_pb_line_break_holder] -->                    )}\" target=\"_blank\"><img decoding=\"async\" src=\"https:\/\/cdn-icons-png.flaticon.com\/512\/685\/685142.png\"\/><\/a>`<!-- [et_pb_line_break_holder] -->                  : \"\"<!-- [et_pb_line_break_holder] -->              }<!-- [et_pb_line_break_holder] -->              <a href=\"https:\/\/wa.me\/${safe(station[\"Phone\"]).replace(<!-- [et_pb_line_break_holder] -->                \/[^\\d+]\/g,<!-- [et_pb_line_break_holder] -->                \"\"<!-- [et_pb_line_break_holder] -->              )}\" target=\"_blank\"><img decoding=\"async\" src=\"https:\/\/cdn-icons-png.flaticon.com\/512\/733\/733585.png\"\/><\/a><!-- [et_pb_line_break_holder] -->            <\/div>\n<p><!-- [et_pb_line_break_holder] -->          <\/div>\n<p><!-- [et_pb_line_break_holder] -->        `;<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->        initCarousel();<!-- [et_pb_line_break_holder] -->        initMap(<!-- [et_pb_line_break_holder] -->          parseFloat(safe(station[\"GPS Location Easting\"])),<!-- [et_pb_line_break_holder] -->          parseFloat(safe(station[\"GPS Location Northing\"])),<!-- [et_pb_line_break_holder] -->          safe(station[\"Site Name\"])<!-- [et_pb_line_break_holder] -->        );<!-- [et_pb_line_break_holder] -->      } catch (e) {<!-- [et_pb_line_break_holder] -->        container.innerHTML = `<\/p>\n<div class=\"error-message\">\u274c ${e.message}<\/div>\n<p>`;<!-- [et_pb_line_break_holder] -->      }<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    function initCarousel() {<!-- [et_pb_line_break_holder] -->      const mainImage = document.getElementById(\"mainImage\");<!-- [et_pb_line_break_holder] -->      const thumbs = document.querySelectorAll(\".thumbnail\");<!-- [et_pb_line_break_holder] -->      if (!thumbs.length) return;<!-- [et_pb_line_break_holder] -->      thumbs[0].classList.add(\"active\");<!-- [et_pb_line_break_holder] -->      let idx = 0;<!-- [et_pb_line_break_holder] -->      thumbs.forEach((t, i) =><!-- [et_pb_line_break_holder] -->        t.addEventListener(\"click\", () => {<!-- [et_pb_line_break_holder] -->          thumbs.forEach((x) => x.classList.remove(\"active\"));<!-- [et_pb_line_break_holder] -->          t.classList.add(\"active\");<!-- [et_pb_line_break_holder] -->          mainImage.src = t.dataset.full;<!-- [et_pb_line_break_holder] -->          idx = i;<!-- [et_pb_line_break_holder] -->        })<!-- [et_pb_line_break_holder] -->      );<!-- [et_pb_line_break_holder] -->      if (thumbs.length > 1)<!-- [et_pb_line_break_holder] -->        setInterval(() => {<!-- [et_pb_line_break_holder] -->          idx = (idx + 1) % thumbs.length;<!-- [et_pb_line_break_holder] -->          thumbs.forEach((x) => x.classList.remove(\"active\"));<!-- [et_pb_line_break_holder] -->          thumbs[idx].classList.add(\"active\");<!-- [et_pb_line_break_holder] -->          mainImage.src = thumbs[idx].dataset.full;<!-- [et_pb_line_break_holder] -->        }, 5000);<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    function initMap(lat, lng, title) {<!-- [et_pb_line_break_holder] -->      if (isNaN(lat) || isNaN(lng)) return;<!-- [et_pb_line_break_holder] -->      const el = document.getElementById(\"map\");<!-- [et_pb_line_break_holder] -->      if (!el) return;<!-- [et_pb_line_break_holder] -->      const map = new google.maps.Map(el, {<!-- [et_pb_line_break_holder] -->        zoom: 14,<!-- [et_pb_line_break_holder] -->        center: { lat, lng },<!-- [et_pb_line_break_holder] -->        mapTypeId: \"hybrid\",<!-- [et_pb_line_break_holder] -->        styles: [<!-- [et_pb_line_break_holder] -->          { featureType: \"poi\", stylers: [{ visibility: \"off\" }] },<!-- [et_pb_line_break_holder] -->          { featureType: \"transit\", stylers: [{ visibility: \"off\" }] },<!-- [et_pb_line_break_holder] -->        ],<!-- [et_pb_line_break_holder] -->      });<!-- [et_pb_line_break_holder] -->      new google.maps.Marker({<!-- [et_pb_line_break_holder] -->        position: { lat, lng },<!-- [et_pb_line_break_holder] -->        map,<!-- [et_pb_line_break_holder] -->        title,<!-- [et_pb_line_break_holder] -->        icon: { url: \"https:\/\/maps.google.com\/mapfiles\/ms\/icons\/red-dot.png\" },<!-- [et_pb_line_break_holder] -->      });<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    function loadGoogleMaps() {<!-- [et_pb_line_break_holder] -->      if (!document.querySelector(\"#google-maps-script\")) {<!-- [et_pb_line_break_holder] -->        const s = document.createElement(\"script\");<!-- [et_pb_line_break_holder] -->        s.id = \"google-maps-script\";<!-- [et_pb_line_break_holder] -->        s.src = `https:\/\/maps.googleapis.com\/maps\/api\/js?key=AIzaSyAtpOaQTzq8SP9uIMsW_GOAjNmdV5iraDk`;<!-- [et_pb_line_break_holder] -->        s.async = s.defer = true;<!-- [et_pb_line_break_holder] -->        document.head.appendChild(s);<!-- [et_pb_line_break_holder] -->      }<!-- [et_pb_line_break_holder] -->    }<!-- [et_pb_line_break_holder] --><!-- [et_pb_line_break_holder] -->    loadCardDetails();<!-- [et_pb_line_break_holder] -->    loadGoogleMaps();<!-- [et_pb_line_break_holder] -->  });<!-- [et_pb_line_break_holder] --><\/script><!-- [et_pb_line_break_holder] -->[\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","inline_featured_image":false,"footnotes":""},"class_list":["post-416","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/yirgacheffeecoffeemarket.com\/cms_wp\/wp-json\/wp\/v2\/pages\/416","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/yirgacheffeecoffeemarket.com\/cms_wp\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/yirgacheffeecoffeemarket.com\/cms_wp\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/yirgacheffeecoffeemarket.com\/cms_wp\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/yirgacheffeecoffeemarket.com\/cms_wp\/wp-json\/wp\/v2\/comments?post=416"}],"version-history":[{"count":52,"href":"https:\/\/yirgacheffeecoffeemarket.com\/cms_wp\/wp-json\/wp\/v2\/pages\/416\/revisions"}],"predecessor-version":[{"id":652,"href":"https:\/\/yirgacheffeecoffeemarket.com\/cms_wp\/wp-json\/wp\/v2\/pages\/416\/revisions\/652"}],"wp:attachment":[{"href":"https:\/\/yirgacheffeecoffeemarket.com\/cms_wp\/wp-json\/wp\/v2\/media?parent=416"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}