<?
/**
  * This framework has been created for a multitude of grant research websites.
  *
  * @copyright 2016-2021 Synergy Pro Marketing
  * @author Aaron Campbell <aaron@synergymentoring.com>
  *	@license None, All Rights Reserved
  * @package Business
  */
  	include_once($_SERVER['DOCUMENT_ROOT']."/vx/lib/inc.php");

  	$glossary = $db->query("
									SELECT 
											* 
									FROM grdb.grd_glossary 
									ORDER BY letter ASC, word ASC
								");
	//$glossary = array();
	$glossaryLetters = array();
	for($i=0; $i<count($glossary); $i++)
	{
		//$glossary[$glossaryList[$i]['letter']][] = $glossaryList[$i];
		if(!in_array($glossary[$i]['letter'], $glossaryLetters))
		{
			$glossaryLetters[] = $glossary[$i]['letter'];
		}
	}
	$glossaryLetterObject = ((count($glossaryLetters) > 0) ? str_replace("'", "\'", json_encode($glossaryLetters)) : '[]');
	$glossaryLetterObject = str_replace('"', "'", $glossaryLetterObject);
	$glossaryObject = ((count($glossary) > 0) ? str_replace("'", "\'", json_encode($glossary)) : '[]');
	$glossaryObject = str_replace('"', "'", $glossaryObject);
?>
<div class="relative block white-bg" ng-controller="Members" ng-init="glossary = <?=$glossaryObject?>; glossaryLetters = <?=$glossaryLetterObject?>;">
    <div class="relative block <?=$phone ? 'pt20' : ''?> f24 bold">
        <div class="relative iblock glyphicons glyphicons-book-open f26" style="margin:-3px; margin-right:-8px;"></div>
        <div class="relative iblock" style="top:-1px; margin-left:7px;">
        	Glossary of Terms
        </div>
    </div>
    <hr>
	<div class="container-fluid noselect">
		<div class="row">
			<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
				<div class="relative block cc">
					<div class="rib f16 bold rollover-underline pointer" style="padding:5px 10px 5px 10px;"
						ng-click="setGlossaryLetter('')">
						All
					</div>
					-
					<div class="rib f16 bold rollover-underline pointer" style="padding:5px 10px 5px 10px;"
						ng-repeat="letter in glossaryLetters"
						ng-click="setGlossaryLetter(letter)"
						ng-class="glossarySelection == letter ? 'lblue underline' : ''">
						{{letter}}
					</div>
					<div class="rb cc">
						<div class="rib left">
							<label>
								Search Glossary
								<br>
								<input type="text" ng-model="glossarySearch" placeholder="keyword" ng-keyup="glossarySelection = ''"/>
							</label>
						</div>
					</div>
				</div>
				<hr>
			</div>
		</div>
	</div>
	<div class="container-fluid" ng-show="glossarySelection == term.letter"
		ng-repeat="(key, term) in glossary">
		<div class="row p10 bborder">
			<div class="col-lg-3 col-md-3 col-sm-4 col-xs-12">
				<div class="relative block left bold pr20">
					{{term.word}}
				</div>
			</div>
			<div class="col-lg-9 col-md-9 col-sm-8 col-xs-12">
				<div class="relative block left">
					{{term.definition}}
				</div>
			</div>
		</div>
	</div>
	<div class="container-fluid" ng-show="glossarySelection == ''" 
		ng-repeat="(key, term) in glossary | filter : glossarySearch">
		<div class="row p10 bborder">
			<div class="col-lg-3 col-md-3 col-sm-4 col-xs-12">
				<div class="relative block left bold pr20">
					<span ng-bind-html="term.word | highlight:[glossarySearch]"></span> 
				</div>
			</div>
			<div class="col-lg-9 col-md-9 col-sm-8 col-xs-12">
				<div class="relative block left">
					<span ng-bind-html="term.definition | highlight:[glossarySearch]"></span>
				</div>
			</div>
		</div>
	</div>
</div>
<?
	$title = "Grant Glossary : ".$siteName;
	include_once($_SERVER['DOCUMENT_ROOT']."/vx/usa/layout/body.php");
?>