<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE xsl:stylesheet [
<!ENTITY copy   "&#169;">
<!ENTITY nbsp "&#xa0;">
]>
<!--
07/26/2016	-	Don't display line if only one row.
07/26/2016	-	Center 1st column on 1st Row if not 2nd column 
-->

<xsl:stylesheet version="3.0"
	xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
	xmlns:xs="http://www.w3.org/2001/XMLSchema"
	xmlns:ou="http://omniupdate.com/XSL/Variables"
	xmlns:fn="http://omniupdate.com/XSL/Functions"
	xmlns:ouc="http://omniupdate.com/XSL/Variables"
	xmlns="http://www.w3.org/1999/xhtml"
	exclude-result-prefixes="ou xsl xs fn ouc">

	<xsl:import href="common.xsl"/>

	<xsl:template name="common-layout">
 			<xsl:call-template name="common-header" /> 
			<xsl:call-template name="page-content" />
 			<xsl:call-template name="common-footer" /> 
	</xsl:template>

	<xsl:template name="page-content">	
		<xsl:param name="updated-date" select="$ou:modified" />
		<xsl:variable name="banner_type_1" select="banner-items/banner-1/ouc:div[@label='display-type-1']" />
		<xsl:variable name="video_banner_1" select="banner-items/banner-1/ouc:div[@label='banner-video']" />

		<xsl:variable name="cta-heading" select="cta-items/ouc:div[@label = 'cta-heading']" />
		<xsl:variable name="cta-body" select="cta-items/ouc:div[@label = 'cta-body']" />
		<xsl:variable name="cta-block-1" select="cta-items/ouc:div[@label = 'cta-block-1']" />
		<xsl:variable name="cta-block-link-1" select="cta-items/ouc:div[@label = 'cta-block-link-1']" />
		<xsl:variable name="cta-block-2" select="cta-items/ouc:div[@label = 'cta-block-2']" />
		<xsl:variable name="cta-block-link-2" select="cta-items/ouc:div[@label = 'cta-block-link-2']" />

		
<div role="complementary" class="heroHeaderPhoto">
	
  <div class="messageBlockWrapper">
	  
    <div class="textCTABlock">

	   <xsl:if test="$cta-heading != ''">
       		<h1><xsl:apply-templates select="$cta-heading" /></h1>
	   </xsl:if>
	   <xsl:if test="$cta-body != ''">
      		<p><xsl:apply-templates select="$cta-body" /></p>
	   </xsl:if>
    </div>
	  
	  
	  
    <div class="CTAblockWrapper">
		
		<!-- Is there any text for the first CTA button block? If so, display the button... -->
	  <xsl:choose>
	  <xsl:when test="string-length($cta-block-1) > 0">
		  
      <div class="messageCTABlock">
		  
		
        	<p>
				<xsl:if test="$cta-block-link-1 != ''">
					<a href="{$cta-block-link-1}" title="{$cta-block-1}">
				
					
				<xsl:if test="$cta-block-1 != ''">
					<xsl:apply-templates select="$cta-block-1" />
				</xsl:if>
					
				
					</a>
				</xsl:if>
				
			</p>
		
		  
      </div>
		  </xsl:when>
		  </xsl:choose>
		
		
		<!-- Is there any text for the second CTA button block? If so, display the button... -->
		<xsl:choose> 
		<xsl:when test="string-length($cta-block-2) > 0 and string-length($cta-block-1) > 0">
			
      <div class="messageCTABlock">
		  
		
        	<p>
				<xsl:if test="$cta-block-link-2 != ''">
					<a href="{$cta-block-link-2}" title="{$cta-block-2}">
				
					
				<xsl:if test="$cta-block-2 != ''">
					<xsl:apply-templates select="$cta-block-2" />
				</xsl:if>
					
				
					</a>
				</xsl:if>
				
			</p>
		
		  
      </div>
			
			</xsl:when>
			</xsl:choose>
			
    </div>
		  
		  
		  
 
	
  </div>
		  
	
	
</div>

		
		<div class="container card-container undergraduate" role="main" id="main">
            <nav class="nav-breadcrumb" aria-label="breadcrumb">
            	<ol class="breadcrumb">
					<xsl:call-template name="breadcrumb" />
				</ol>
			</nav>
        <div class="row sm-hide">
            <!-- <div class="col-sm-12 padding-lrt">
                <xsl:call-template name="navigation" />
            </div>
-->
        </div>
			
												
			
		<p class="audienceHeaderLarge"><br /><xsl:apply-templates select="ouc:div[@label = 'page-title']" /></p>
			
        <div class="row row-container row-top-md">
			
            <div class="col-md-8">				
				<xsl:apply-templates select="ouc:div[@label = 'left-intro-copy']" />
            </div>
			
            <div class="col-md-4">
					<xsl:apply-templates select="ouc:div[@label = 'right-side-menu']" />
            </div>
			
			<div class="col-md-12">		
					<xsl:apply-templates select="ouc:div[@label = 'page-content']" />
            </div>
			
			
        </div>
			

        <div class="row row-container row-top-md top-sm" role="region" aria-label="Social Media Links">
            <div class="col-lg-8 col-md-7 col-sm-6">
                <div class="connect-social-link">
                    <p>Stay Connected!</p>
                </div>
            </div>
            <div class="col-lg-4 col-md-5 col-sm-6 social-link-content">
                <ul class="social-link-img">
                    <li>
                        <a target="_blank" href="{social-links/facebook/ouc:div[@label='facebook-link']}" title="facebook" ><img src="/_resources/images/facebook-icon.png" class="img-fluid" alt="facebook"/></a>
                    </li>
                    <li>
                        <a target="_blank" href="{social-links/instagram/ouc:div[@label='instagram-link']}" title="instagram"><img src="/_resources/images/instagram-icon.png" class="img-fluid" alt="instagram"/></a>
                    </li>
                    <li>
                        <a target="_blank" href="{social-links/twitter/ouc:div[@label='twitter-link']}" title="X"><img src="/_resources/images/x-icon.png" class="img-fluid" alt="X"/></a>
                    </li>
                    <li>
                        <a target="_blank" href="{social-links/youtube/ouc:div[@label='youtube-link']}" title="youtube"><img src="/_resources/images/youtube-icon.png" class="img-fluid" alt="youtube"/></a>
                    </li> 
                     <li>
                        <a target="_blank" href="{social-links/linkedin/ouc:div[@label='linkedin-link']}" title="linkedin"><img src="/_resources/images/linkedin-icon.png" class="img-fluid" alt="linkedin"/></a>
                    </li>
                </ul>
            </div>
			
        </div>
		<div class="row row-container row-top-md">
			<div class="col-xs-12 col-sm-12 col-md-12">
				<ul class="instagram-lite"></ul>
			</div>
		</div>
			

	</div>
	</xsl:template>
</xsl:stylesheet>

