#!/usr/bin/env bash
#div block, find headers location then insert. Linux, academy, anime music
##<div id="i" class="column">, </div>, id="ii", </div>, id="x3"
#sed -i -e '/<h2>Linux/r $headOut' $output
input=xyt2.md
output=yt3.html
headOut=ytTabsHead.txt
#[ -f /etc/hosts ] && echo "Found" || echo "Not found"
[[ -f $input && -f $headOut ]] || exit 1;
[ -f $output ] && mv $output ."${output%%.*}"-old.html;

# $input to html $output 
sed -i 's/[[:blank:]]*$//' $input #remove trailing blank 
sed -i 's/$/  /' $input # add 2 trailing space
markdown_py $input > $output;

# to Tabs
: << '@nouse'
From: <h2>games</h2><p><a><a/><a>...</p> <h2>...
To: <ul class="tabs"> <li class="labels"> 
		<label for="tab##" id="label##" tabindex="##">games</label>
		...
	</li>
	<li>
	<input type="radio" checked name="tabs" id="tab##">
    <div class="tab-content" id="tab-content##">
		<h3>games</h3>
		<-- links Content Here -->
	</div>
  	</li>
  	....
	</ul>

#grabs h2 content and put to array. Count total, make <ul ..> Tab labels
sed grep <h2> > $tmphead # output line number:h2)
map array < <(cat file|cut -d">" -f1)

(echo "<ul class=\"tabs\"> <li class=\"labels\">";
for array;do
"<label for=\"tab$count\" id=\"label$count\" tabindex=\"$count\">"$i"</label>"
done;
echo "</li>") > $tmp
#put $tmp top of $output
sed ..

#insert li, ~sandwhich 
map array < <(cat file|cut -d">" -f2)
for array;do (if [ count -ne 0 ] ;then echo "</div></li>";fi;
	echo "<li>"; 
	echo -e "<input type=\"radio\" checked name=\"tabs\" id=\"tab$count\">\n
		<div class=\"tab-content\" id=\"tab-content$count\"> ") > $tmp
# put $tmp behind </h2> before <p><a>..
	sed $i"".. 
done 
echo "</div></li></ul>" >> $output

@nouse
tmpHead=/tmp/head.txt
tmp=/tmp/out.txt
trap "rm -f $tmpHead $tmp" 0 2 3 15 
cat $input| grep '^##'|sed 's/## //' > $tmpHead
mapfile -t titles < <(cat $tmpHead)
# reverse the lines order
mapfile -t t2 < <(tac $tmpHead)

(echo "<ul class=\"tabs\"> <li class=\"labels\">";
count=0;
for i in "${titles[@]}";do 
  count=$((count+1)); #start with 1, tab1, label1, index=1
  echo "<label for=\"tab$count\" \
  id=\"label$count\" tabindex=\"$count\">"$i"</label>";
done;
echo "</li>") > $tmpHead
cat $tmpHead $output > $tmp #&& mv $tmp $output

# line # of titles
cat $tmp|grep -noP '(?<=<h2>).*(?=</h2>)' > $tmpHead
mapfile -t headNum < <(tac $tmpHead| cut -d':' -f1)

count=${#t2[@]};
count=$((count+1));
line=-1;
for i in "${t2[@]}";do
  line=$((line+1));
  count=$((count-1));
  (if [ $count -ne 1 ] ;then echo "</div></li>";fi;
  echo "<li>"; 
  echo -e "<input type=\"radio\" checked name=\"tabs\" id=\"tab$count\">
	<div class=\"tab-content\" id=\"tab-content$count\"> ") > $tmpHead
  ln=${headNum[line]} #h2 line numbers
  ln=$((ln-1)) 
  sed -ie "${ln}r $tmpHead" $tmp
done
echo "</div></li></ul>" >> $tmp && mv $tmp $output


# sandwhich $output between $headOut 
sed -i -e "1 e head -n -2 $headOut" $output
tail -2 $headOut >> $output
exit 0;