<?
/**
  * 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");
  track_member_action('Page Visit','My Alerts');
  /*if(!$monthlySubscription) {
	  header("Location: /vx/usa/subscribe/");
	  exit(0);
  }*/
	if(!$monthlySubscription) {
		$page_title = 'Grant Alerts';
		$page_title_html = '
						<div class="rib glyphicons glyphicons-bell va-middle v14_title_image"></div>
						<div style="text-align:left;">
							<h2>Grant Email Alerts for VIP Members!</h2>
							<p style="text-align:left;"><strong>Grant Email Alerts</strong> gives you access to our newest grants that match your preferences!  To be notified about a new application, simply click the + icon next to the type of funding applications you want to be notified about.  It\'s simple!  The more you select, the more potential funding sources you will be emailed about!</p>
						</div>
						<div style="clear:both;"></div>';
		$redir_location = '/vx/usa/alerts/';
		include_once($_SERVER['DOCUMENT_ROOT'].'/vx/usa/subscribe/v14.php');
	}
?>
<div class="rb white-bg p20" ng-controller="Members">
    <div class="relative block <?=$phone ? 'pt20' : ''?> f24 bold">
        <div class="relative iblock fa fa-bell f26"></div>
        <div class="relative iblock" style="top:-1px; margin-left:7px;">
        	Email Alerts 
        </div>
    </div>
    <div class="container-fluid noselect" style="margin-top:32px;">
    	<div class="row">
			<div class="col-lg-2 col-md-1 hidden-sm hidden-xs"></div>
			<div class="col-lg-8 col-md-10 col-sm-12 col-xs-12">
				<div class="rb" ng-if="userPreferences.monthlySubscription">
					<div class="rb p10 lred-bg left">
						<div class="rb p10 f18 bold white">
							My Alerts
						</div>
						<div class="rb cc p20 white-bg bborder" ng-if="myAlerts.length == 0" >
							<div class="rb cc missingAlerts" style="margin-top:-10px;">
								<div class="rb cc f24 title bred bold">
									You have no Alerts! 
								</div>
								<div class="rib cc f18 bold" style="max-width:200px;">
									{{phone ? 'tap' : 'click'}} on the type of funding you want from the list below
								</div>
							</div>
						</div>
						<div class="rb p10 pl20 white-bg bborder"
							ng-repeat="(key, alert) in myAlerts">
							<div class="rb f16" style="max-width:300px;">
								<span class="glyphicons {{alert.icon}}" style="margin:-4px; margin-right:4px;"
									ng-if="!phone"></span>
								{{alert.name}}
							</div>
							<div class="ab f20" style="right:20px; top:7px;"
								ng-click="setAlert(alert)">
								<i class="fa fa-times-circle xremove"></i> 
							</div>
						</div>
					</div>
					
	<div class="rb pl20 pr20 f16 <?=$phone ? 'justify' : 'left'?>">
		<div class="rb" ng-if="userPreferences.monthlySubscription">
			<hr>
			To be notified about a new Funding Application when we post it to our database, simply click on 
			the "<i class="fa fa-plus xadd f18" style="margin:0px 4px 0px 4px"></i>" icon next to the type of funding applications you want to be notified about. You will then 
			receive an email each week letting you know which applications meet your criteria. Then return to 
			this site, and click on the Email Notifications tab above.
			<hr>
			{{phone ? 'Tap' : 'Click'}} on as many as you would like. The more you click on, the more potential funding sources you 
			will be emailed about. If you ever want to edit your settings, return to this page and remove the 
			types of applications you no longer wish to receive by clicking on the 
			"<i class="fa fa-times-circle xremove f18" style="margin:0px 4px 0px 4px"></i>" icon.
			<hr>
		</div>
		<div class="rb" ng-if="!userPreferences.monthlySubscription">
			<div class="rb cc f16 bold p10 bred" style="margin-bottom:-32px;">
				**To use the "Email Alerts" feature, you must first upgrade your access**
			</div>
		</div>
	</div>
					<div class="rb p10 white-bg left" 
						ng-repeat="(key, alerts) in alertCategories">
						<div class="rb p10 f18 bold bborder">
							{{key | prettify}}
						</div>
						<div class="rb p10 pl20 myAlerts" style="border:1px solid #ccc; border-top:0px;"
							ng-repeat="alert in alerts | notInArray:myAlerts:'name'"
							ng-click="setAlert(alert)">
							<div class="f16">
								{{alert.name}}
							</div>
							<div class="ab f20" style="right:20px; top:7px;">
								<i class="fa fa-plus xadd"></i>
							</div>
						</div>
					</div>
				</div>
				<div class="rb" ng-if="!userPreferences.monthlySubscription">
					<?
					include($_SERVER['DOCUMENT_ROOT']."/vx/usa/layout/inc/subscription.php");
					?>
				</div>
			</div>
			<div class="col-lg-2 col-md-1 hidden-sm hidden-xs"></div>
		</div>	
	</div>
</div>
<?
	if(empty($iFrame))
	{
		$title = "My Alerts : ".$siteName;
		include_once($_SERVER['DOCUMENT_ROOT']."/vx/usa/layout/body.php");
	}
?>