/* Credit Modal */

let credits = []; // DO NOT DELETE OR MODIFY THIS LINE

credits = [
  [
    `Δραστηριότητα με οπτικό υλικό`, // Τίτλος
  ],
  [
    `1.0`, // Έκδοση
  ],
  [
    `31.01.2024`, // Ημερομηνία Δημιουργίας
  ],
  [
    `Χριστίνα Αργυροπούλου, Γεωργία Χαριτίδου, Μανώλης Στεργιούλης`, // Συντελεστές - Δημιουργία & Παιδαγωγική Σχεδίαση
    `Εκδόσεις Πουκαμισάς`, // Συντελεστές - Τεχνική Σχεδίαση & Ανάπτυξη
  ],
  [
    `logo.jpg`, // Λογότυπο Έργου & Λογότυπο Πλαισίου Χρηματοδότησης
  ],
];

// END OF: credits

// -------------- Credits -------------
$("#info_icon")
  .parent()
  .on("click", function () {
    let credits_data = credits;
    let credits_html = "";

    credits_title = $.trim(credits_data[0][0]);
    credits_version = $.trim(credits_data[1][0]);
    credits_date = $.trim(credits_data[2][0]);
    credits_role_1 = $.trim(credits_data[3][0]);
    credits_role_2 = $.trim(credits_data[3][1]);
    credits_role_3 = $.trim(credits_data[3][2]);
    credits_role_4 = $.trim(credits_data[3][3]);
    credits_logo = $.trim(credits_data[4][0]);

    credits_html += `<div>
    <p><b>Τίτλος:</b> ${credits_title}</p>
    <p><b>Έκδοση:</b> ${credits_version}</p>
    <p><b>Ημερομηνία Δημιουργίας:</b> ${credits_date}</p>
    <p><b>Συντελεστές</b></p>
    <ul style="list-style-type: none;">
      <li><p><b>Δημιουργία - Παιδαγωγική Σχεδίαση:</b> ${credits_role_1}</p></li>
      <li><p><b>Τεχνική Σχεδίαση - Ανάπτυξη:</b> ${credits_role_2}</p></li>
    </ul>
    <img src=" app/images/${credits_logo}" alt="Λογότυπο Έργου και Πλαισίου Χρηματοδότησης" style="width: 100%"/>
  </div>`;

    $("#creditsModalBody").empty().html(credits_html);
  });
