<?php
require_once($_SERVER['DOCUMENT_ROOT'].'/lib/inc.php');

if(empty($user) || $user <= 0)
{
	return false;
	exit;	
}
surf_log($_SESSION['timeclock_id'], "surf->".strtolower($_SESSION['role'])."->training", $_SERVER['REMOTE_ADDR'], '');

if($role == "Customer Service" || $role == "Programmer" || $role == "Grant Research Lead" || $role == "Business Plan Coach")
{
	?>
	<div ng-controller="trainingSteps" class="row white-bg noselect">
		<div class="col-lg-1 hidden-xs"></div>

		
		<div class="col-lg-2 progressButton" ng-click="goToStep(1, '0-0')"
			ng-class="step == 1 ? 'blue-bg white' : ''">
			<div class="rb center-center f14 p10" style="">
				<span class="f16 bold">
					Step 1<span class="hidden-sm hidden-xs">: Personal Info.</span>
				</span>
				<br>
				<div class="f18 bold"
					style="margin-bottom:-4px;">
					{{stepOneComplete.min}}%
				</div>
			</div>
			<div class="progress-bar">
				<div class="progress-value" style="width:{{stepOneComplete.min}}%;"></div>
			</div>
		</div> 
		<div class="col-lg-2 progressButton" ng-click="goToStep(2, '0-0')"
			ng-class="step == 2 ? 'blue-bg white' : ''">
			<div class="rb center-center f14 p10" style="">
				<span class="f16 bold">
					Step 2<span class="hidden-sm hidden-xs">: Legal Papers</span>
				</span>
				<br>
				<div class="f18 bold"
					style="margin-bottom:-4px;">
					{{stepTwoComplete.min}}%
				</div>
			</div>
			<div class="progress-bar">
				<div class="progress-value" style="width:{{stepTwoComplete.min}}%;"></div>
			</div>
		</div>
		<div class="col-lg-2 progressButton" ng-click="goToStep(5, '0-0'); stepFiveSectionsUrl = null;"
			ng-class="step == 5 ? 'blue-bg white' : ''">
			<div class="rb center-center f14 p10" style="">
				<span class="f16 bold">
					Step 3<span class="hidden-sm hidden-xs">: CRM Training</span>
				</span>
				<br>
				<div class="f18 bold" 
					style="margin-bottom:-4px;">
					{{stepFiveComplete.min}}%
				</div>
			</div>
			<div class="progress-bar">
				<div class="progress-value" style="width:{{stepFiveComplete.min}}%;"></div>
			</div>
		</div>		

		<div class="col-lg-1 hidden-xs"></div>
	</div>
	<?
}
elseif(strtolower($_SESSION['group'])=='aa') {
	?>
	<div ng-controller="trainingSteps" class="row white-bg noselect">
		<div class="col-lg-1 hidden-xs"></div>
		<div class="col-lg-2 progressButton" ng-click="goToStep(4, '0-0'); stepFourSectionsUrl = null;"
			ng-class="step == 4 ? 'blue-bg white' : ''">
			<div class="rb center-center f14 p10" style="">
				<span class="f16 bold">
					Step 1<span class="hidden-sm hidden-xs">: Sales Training</span>
				</span>
				<br>
				<div class="f18 bold" 
					style="margin-bottom:-4px;">
					{{stepFourComplete.min}}%
				</div>
			</div>
			<div class="progress-bar">
				<div class="progress-value" style="width:{{stepFourComplete.min}}%;"></div>
			</div>
		</div>
		<div class="col-lg-2 progressButton" ng-click="goToStep(5, '0-0'); stepFiveSectionsUrl = null;"
			ng-class="step == 5 ? 'blue-bg white' : ''">
			<div class="rb center-center f14 p10" style="">
				<span class="f16 bold">
					Step 2<span class="hidden-sm hidden-xs">: CRM Training</span>
				</span>
				<br>
				<div class="f18 bold" 
					style="margin-bottom:-4px;">
					{{stepFiveComplete.min}}%
				</div>
			</div>
			<div class="progress-bar">
				<div class="progress-value" style="width:{{stepFiveComplete.min}}%;"></div>
			</div>
		</div>
		<div class="col-lg-2 progressButton" ng-click="goToStep(1, '0-0')"
			ng-class="step == 1 ? 'blue-bg white' : ''">
			<div class="rb center-center f14 p10" style="">
				<span class="f16 bold">
					Step 3<span class="hidden-sm hidden-xs">: Personal Info.</span>
				</span>
				<br>
				<div class="f18 bold"
					style="margin-bottom:-4px;">
					{{stepOneComplete.min}}%
				</div>
			</div>
			<div class="progress-bar">
				<div class="progress-value" style="width:{{stepOneComplete.min}}%;"></div>
			</div>
		</div> 
		<div class="col-lg-1 hidden-xs"></div>
	</div>
	<?
}
else if($role == "Marketer")
{
	?>
	<div ng-controller="trainingSteps" class="row white-bg noselect">
		<div class="col-lg-1 hidden-xs"></div>

		<div class="col-lg-2 progressButton" ng-click="goToStep(3, '0-0')"
			ng-class="step == 3 ? 'blue-bg white' : ''">
			<div class="rb center-center f14 p10" style="">
				<span class="f16 bold">
					Step 1<span class="hidden-sm hidden-xs">: Compensation</span>
				</span>
				<br>
				<div class="f18 bold" 
					style="margin-bottom:-4px;">
					{{stepThreeComplete.min}}%
				</div>
			</div>
			<div class="progress-bar">
				<div class="progress-value" style="width:{{stepThreeComplete.min}}%;"></div>
			</div>
		</div>
		<div class="col-lg-2 progressButton" ng-click="goToStep(4, '0-0'); stepFourSectionsUrl = null;"
			ng-class="step == 4 ? 'blue-bg white' : ''">
			<div class="rb center-center f14 p10" style="">
				<span class="f16 bold">
					Step 2<span class="hidden-sm hidden-xs">: Sales Training</span>
				</span>
				<br>
				<div class="f18 bold" 
					style="margin-bottom:-4px;">
					{{stepFourComplete.min}}%
				</div>
			</div>
			<div class="progress-bar">
				<div class="progress-value" style="width:{{stepFourComplete.min}}%;"></div>
			</div>
		</div>
		<div class="col-lg-2 progressButton" ng-click="goToStep(5, '0-0'); stepFiveSectionsUrl = null;"
			ng-class="step == 5 ? 'blue-bg white' : ''">
			<div class="rb center-center f14 p10" style="">
				<span class="f16 bold">
					Step 3<span class="hidden-sm hidden-xs">: CRM Training</span>
				</span>
				<br>
				<div class="f18 bold" 
					style="margin-bottom:-4px;">
					{{stepFiveComplete.min}}%
				</div>
			</div>
			<div class="progress-bar">
				<div class="progress-value" style="width:{{stepFiveComplete.min}}%;"></div>
			</div>
		</div>
		<div class="col-lg-2 progressButton" ng-click="goToStep(1, '0-0')"
			ng-class="step == 1 ? 'blue-bg white' : ''">
			<div class="rb center-center f14 p10" style="">
				<span class="f16 bold">
					Step 4<span class="hidden-sm hidden-xs">: Personal Info.</span>
				</span>
				<br>
				<div class="f18 bold"
					style="margin-bottom:-4px;">
					{{stepOneComplete.min}}%
				</div>
			</div>
			<div class="progress-bar">
				<div class="progress-value" style="width:{{stepOneComplete.min}}%;"></div>
			</div>
		</div> 
		<div class="col-lg-2 progressButton" ng-click="goToStep(2, '0-0')"
			ng-class="step == 2 ? 'blue-bg white' : ''">
			<div class="rb center-center f14 p10" style="">
				<span class="f16 bold">
					Step 5<span class="hidden-sm hidden-xs">: Legal Papers</span>
				</span>
				<br>
				<div class="f18 bold"
					style="margin-bottom:-4px;">
					{{stepTwoComplete.min}}%
				</div>
			</div>
			<div class="progress-bar">
				<div class="progress-value" style="width:{{stepTwoComplete.min}}%;"></div>
			</div>
		</div>

		<div class="col-lg-1 hidden-xs"></div>
	</div>
	<?
}
?>


<div class="row" ng-show="step == 1">
    <div class="col-lg-1 hidden-md hidden-sm hidden-xs"></div>
    <div class="col-lg-10 col-md-12 light-gray-bg">
        <?
        include($_SERVER['DOCUMENT_ROOT'].'/inc/PersonalInformation.php');
        ?>
    </div>
    <div class="col-lg-1 hidden-md hidden-sm hidden-xs"></div>
</div>
 
<div class="row" ng-show="step == 2">
    <div class="col-lg-1 hidden-md hidden-sm hidden-xs"></div>
    <div class="col-lg-10 col-md-12 light-gray-bg">
        <?
        include($_SERVER['DOCUMENT_ROOT'].'/inc/EmployeeDocuments.php');
        ?>
    </div>
    <div class="col-lg-1 hidden-md hidden-sm hidden-xs"></div>
</div>

<div class="row" ng-show="step == 3">
    <div class="col-lg-1 hidden-md hidden-sm hidden-xs"></div>
    <div class="col-lg-10 col-md-12 light-gray-bg">
        <?
        include($_SERVER['DOCUMENT_ROOT'].'/inc/Compensation.php');
        ?>
    </div>
    <div class="col-lg-1 hidden-md hidden-sm hidden-xs"></div>
</div>

<div class="" ng-controller="trainingSections">
    <div ng-show="step == 4">
        <table class="relative" width="100%" height="100%" style="width:100%; height:100%;">
            <tr>
                <td class="top left" style="width:280px;">
                    <?
                    include($_SERVER['DOCUMENT_ROOT'].'/inc/sub/trainingSections.php');
                    ?>
                </td>
                <td class="top left light-gray-bg">
                    <?
                    include($_SERVER['DOCUMENT_ROOT'].'/inc/SurfCRM.php');
                    ?>
                </td>
            </tr>
        </table>
    </div>
    <div ng-show="step == 5">
        <table class="relative" width="100%" height="100%" style="width:100%; height:100%;">
            <tr>
                <td class="top left" style="width:280px;">
                    <?
                    include($_SERVER['DOCUMENT_ROOT'].'/inc/sub/salesSections.php');
                    ?>
                </td>
                <td class="top left light-gray-bg">
                    <?
                    include($_SERVER['DOCUMENT_ROOT'].'/inc/SaleTraining.php');
                    ?>
                </td>
            </tr>
        </table>
    </div>
</div>
<?
require_once($_SERVER['DOCUMENT_ROOT'].'/layout/body.php');
?>