<?php
$activity = $clog_activity;
///    include ('sbook_plugins/take_notes_floating01.inc');
//take_notes_floating01_qs_and_ans.inc
  echo "<div id=\"empty_div2mov_cards".$uniq_div_from_activity_title."\">\n"; // mov div
  echo "<div id=\"div2mov_cards".$uniq_div_from_activity_title."\">\n"; // mov div

//echo "<textarea id=\"inputTextToSave".$uniq_div_from_activity_title."\" style=\"font-size: 140%; width: 102%; height: 102%;\">".$sbook_ref." ".`date +%Y%m%d`.$activity->activity_title."";
echo "<textarea id=\"inputTextToSave".$uniq_div_from_activity_title."\" style=\"font-size: 140%; background-color: #DAF7A6; width: 102%; height: 102%;\">".$activity->activity_title."";

  $activity_contents = preg_replace('/<[^>]*>/',"",$activity->activity_contents);
  echo $activity_contents;
echo "</textarea>";
//echo "</div><!-- end match 2 columns -->\n";
echo "</div><!-- end div2mov -->\n"; // end mov div
echo "</div><!-- end empty div2mov-->\n"; // end empty mov div

//echo "</div><!-- end swap other -->\n";

$activity_id = trim(preg_replace("/[^\da-z]/i", '_',$activity->activity_id));
$activity_title = trim(preg_replace("/[^\da-z]/i", '_',$activity->activity_title));
$fileNameToSaveAs = $sbook_ref."_".$activity_id."_".$activity_title."_notes_".$member."_".date('Ymd_His').".txt";
include ('js/save_text_as_file_w_uniq_div_from_activity_title.js');

echo "<style>\n";
echo "#empty_div2mov_cards".$uniq_div_from_activity_title." {\n";
echo "position: relative;\n";
//echo "width: 30%;";
echo "width: 90%;";
//echo "max-height: 25%;"; 
echo "padding: 0em;\n";
echo "}\n";

echo "#div2mov_cards".$uniq_div_from_activity_title." {\n";
echo "z-index: 9;\n";
echo "position: absolute;\n";
echo "top: 30em;";
//echo "left: -5%; /* -65% -16em; */";
//echo "padding: 0.3em;\n";
//echo "padding-right: 0.5em;\n";
echo "width: 20%;";
echo "display: inline-block;\n";
//echo "background-color: #cdcdcd;\n";
echo "opacity: 0.8;\n";
echo "filter: alpha(opacity=80);\n";
//echo "box-shadow: 0px 0px 4px 2px #052a3a;\n";
echo "font-size: 60%;";
//echo "resize: both;";
echo "height: 50em;"; 
//echo "overflow-y: scroll;"; 
echo "}\n";

// Can't hide scrollbars in Firefox...
// Hide scrollbar for Chrome, Safari and Opera 
echo "#div2mov_cards".$uniq_div_from_activity_title."::-webkit-scrollbar {";
//echo "display: none;"; // 20220321
echo "}\n";
// Hide scrollbar for IE and Edge
echo "#div2mov_cards".$uniq_div_from_activity_title." {";
//echo "ms-overflow-style: none;"; // 20220321
echo "}\n";

echo "</style>\n";

echo "<script>\n";
echo"dragElement(document.getElementById(('div2mov_cards".$uniq_div_from_activity_title."')));";
include ('js/div2mov_cards.js');
echo "</script>\n";

?>
