<?
//--------------------------------------------------------- 
	include('title.php'); 
//--------------------------------------------------------- 
?>
<?php /*
<div class="white-bg">
    <div class="white-bg">
        <div class="row blue-bg white">
            <div class="col-lg-12">
                <div class="p20 f24 center bold">
                    Step 1:  Open the Page with the Issue you want to Report
                </div>
            </div>
        </div>
    </div>
    <div class="row white-bg" style="margin:20px 0px 20px 0px;">
        <div class="col-lg-12 center">
            <div class="relative block center-center p10">
                <div class="relative iblock f18 left pt10" style="max-width:1088px;">
                    You will need to be sure you have the page in SurfCRM open that has the issue before you 
                    report the problem.  This is important because when you click on "Report Issue" button, 
                    SurfCRM will take a picture, or screen shot, of your browser window you are currently on.  
                    This will allow us to see your issue.  
                    <br>
                    <br>
                    If you have a problem with one of the reports, then be sure that report is open before you report 
                    an issue.  If you have a question about your pay check, then be sure your payroll report is 
                    open on the screen. 
                </div>
                <br>
                <br>
            </div>
        </div>
    </div>
    
    <div class="white-bg">
        <div class="row blue-bg white">
            <div class="col-lg-12">
                <div class="p20 f24 center bold">
                    Step 2:  Click on the Report Issue Tab
                </div>
            </div>
        </div>
    </div>
    <div class="row white-bg" style="margin:20px 0px 20px 0px;">
        <div class="col-lg-7 center">
            <div class="relative block right p10">
                <div class="relative iblock f18 right pt10" style="max-width:1088px;">
                    The Report Issue Tab is located at the bottom of Surf.  It looks like this:
                </div>
                <br>
                <br>
            </div>
        </div>
        <div class="col-lg-5">
            <div class="left pl20">
                <img src="/training/section/images/ReportIssue.png" width="100%" class="relative iblock center-center"
                    style="max-width:181px"/>
            </div>
        </div>
    </div>
    <?
    //******************************************************************************************************** START//
    ?>
    <div class="white-bg">
        <div class="row blue-bg white">
            <div class="col-lg-12">
                <div class="p20 f24 center bold">
                    Step 3:  Select the Department
                </div>
            </div>
        </div>
    </div>
    <div class="row white-bg" style="margin:20px 0px 20px 0px;">
        <div class="col-lg-5">
            <div class="center-center">
            
                <img src="/training/section/images/ReportIssueA.png" width="100%" class="relative iblock center-center"
                    style="max-width:528px"/>
            </div>
        </div>
        <div class="col-lg-7 center">
            <div class="relative block center-center p10">
                <div class="relative iblock f18 left pt10" style="max-width:1088px;">
                    As you read the script be sure you say and check off the Required Statements through out the script.
                </div>
                <br>
                <br>
            </div>
        </div>
    </div>
    
    <?
    //********************************************************************************************************
    ?>
    <div class="white-bg">
        <div class="row blue-bg white">
            <div class="col-lg-12">
                <div class="p20 f24 center bold">
                    Step 4:  Explain Your Issue
                </div>
            </div>
        </div>
    </div>
    <div class="row white-bg" style="margin:20px 0px 20px 0px;">
        <div class="col-lg-12 center">
            <div class="relative block center-center p10">
                <div class="relative iblock f18 left pt10" style="max-width:1088px;">
                    Please give as much detail about your issue so we can best help you resolve it.
                </div>
                <br>
                <br>
            </div>
        </div>
    </div>
    <?
    //********************************************************************************************************
    ?>
    <div class="white-bg">
        <div class="row blue-bg white">
            <div class="col-lg-12">
                <div class="p20 f24 center bold">
                    Step 5:  Click "Report Issue
                </div>
            </div>
        </div>
    </div>
    <div class="row white-bg" style="margin:20px 0px 20px 0px;">
        <div class="col-lg-12 center">
            <div class="relative block center-center p10">
                <div class="relative iblock f18 left pt10" style="max-width:1088px;">
                    Your issue will be sent to the appropriate department.
                </div>
                <br>
                <br>
            </div>
        </div>
    </div>
    <?
    //********************************************************************************************************
    ?>
    <div class="white-bg">
        <div class="row blue-bg white">
            <div class="col-lg-12">
                <div class="p20 f24 center bold">
                    Step 6:  Check Progress of Your Issue
                </div>
            </div>
        </div>
    </div>
    <div class="row white-bg" style="margin:20px 0px 20px 0px;">
        <div class="col-lg-12 center">
            <div class="relative block center-center p10">
                <div class="relative iblock f18 left pt10" style="max-width:1088px;">
                    You will be notified when the issue has been resolved in your "Issues" tab 
                    located at the top of SurfCRM. 
                </div>
                <br>
                <br>
            </div>
        </div>
        <div class="clearfix"></div>
        <div class="col-lg-12">
            <div class="center-center">
                <img src="/training/section/images/ReportIssue2.png" width="100%" height="646" class="relative iblock center-center"
                    style="max-width:1088px"/>
            </div>
        </div>
    </div>
    
    <div class="relative block" style="height:20px;"></div> 
</div>
*/ ?>
<div class="row" style="margin:0px; margin-top:20px;">
	<div class="col-lg-12 center">
		<div class="relative block">
			<div id="videoContainer" class="relative block">
				<video id="acctVid" src="https://surfcrm.com/training_calls/videos/Report Issue Feature.mp4" controls style="width:50%;"></video>
				<br>
				<br>
			</div>
			<div class="center">
				<div class="relative iblock right" style="width:50%;">
						<button id="vidScreen" type="button" class="btn btn-default bold" style="padding:12px 24px 12px 24px; font-size:18px;"
							onclick="videoExpand('acctVid')">
							<i class="fa fa-arrows-alt normal" aria-hidden="true"></i> Fullscreen
						</button>
						<button id="vidPlay" type="button" class="btn btn-default bold fleft" style="padding:12px 24px 12px 24px; font-size:18px;"
							onclick="videoDisplay('acctVid')">
							<i class="fa fa-play normal" aria-hidden="true"></i> Play Video
						</button>
						<button id="vidPause" type="button" class="btn btn-default bold fleft" style="padding:12px 24px 12px 24px; font-size:18px; display:none;"
							onclick="videoHide('acctVid')">
							<i class="fa fa-compress normal" aria-hidden="true"></i> Close Video
						</button>
				</div>
			</div>
		</div>
	</div>
</div>
<?
$version = '1.0';
include('id.php');
?>