<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE xsl:stylesheet [
<!ENTITY nbsp   "&#160;">
<!ENTITY copy   "&#169;">
<!ENTITY deg   "&#176;">
]>
<!--
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="announcement-1" select="banner-items/info/ouc:div[@label='announcement-1']" />
		<xsl:variable name="announcement-2" select="banner-items/info/ouc:div[@label='announcement-2']" />
		<xsl:variable name="announcement-3" select="banner-items/info/ouc:div[@label='announcement-3']" />
		<xsl:variable name="weather-feed" select="if (ou:pcf-param('weather-feed') != '') then ou:pcf-param('weather-feed') else $ou:feed" />
		<xsl:variable name="events-feed" select="if (ou:pcf-param('events-feed') != '') then ou:pcf-param('events-feed') else $ou:feed" />
		<xsl:variable name="nav-start"><xsl:value-of select="if ($ou:navigation-start != '') then $ou:navigation-start else $dirname" /></xsl:variable>
		
		<xsl:variable name="flip-title-1" select="flip-items/flip-1/ouc:div[@label='flip-title-1']" />
		<xsl:variable name="flip-title-2" select="flip-items/flip-2/ouc:div[@label='flip-title-2']" />
		
		<xsl:variable name="flip-info-1" select="flip-items/flip-1/ouc:div[@label='flip-info-1']" />
		<xsl:variable name="flip-info-2" select="flip-items/flip-2/ouc:div[@label='flip-info-2']" />
		
		<xsl:variable name="flip-subtitle-1" select="flip-items/flip-1/ouc:div[@label='flip-subtitle-1']" />
		<xsl:variable name="flip-subtitle-2" select="flip-items/flip-2/ouc:div[@label='flip-subtitle-2']" />
		
		<xsl:variable name="flip-desc-1" select="flip-items/flip-1/ouc:div[@label='flip-desc-1']" />
		<xsl:variable name="flip-desc-2" select="flip-items/flip-2/ouc:div[@label='flip-desc-2']" />

		
		<div id="HomeSlider" class="carousel slide innerPageSlider" data-ride="carousel">
            <div class="carousel-inner" role="region" aria-label="Marquee Image Slider">
                <div class="carousel-item active">
					<img src="{banner-items/banner-1/ouc:div[@label='banner-image-1']}" alt="{banner-items/banner-1/ouc:div[@label='banner-image-alt-1']}" class="w-100"/>
					<xsl:apply-templates select="ouc:div[@label = 'inner-banner']" />
                </div>
            </div>
        </div>
		
		<div class="container" role="main" id="main">
        	<div class="row">
           	 	<div class="col-md-12">
                	<h1 class="tab-content-audience">
						<!-- <xsl:value-of select="$page-title" /> -->
						<xsl:value-of select="replace($page-title,'(.*?)\s\|\sWinthrop\sUniversity','$1')" />
						
					</h1>
				</div>
			</div>
		</div>
		<div class="content-paddtop">
			<div class="container audience-tmpl">
				<div class="row">
					<div class="col-md-7 col-sm-12">
						<div class="row group-icon" role="navigation" aria-label="Helpful Links">
							<div class="col-md-8 col-sm-8 col-12 ">
								<div class="row">
									<div class="col-md-6 col-sm-6 col-6">
										<div class="icon-align"><img class="img-fluid icon-width" src="{banner-items/info/ouc:div[@label='icon-1']}" alt="icon" />
											
											<a href="{banner-items/info/ouc:div[@label='icon-text-link1']}" class="link-text">
											
											
											
												<xsl:value-of select="banner-items/info/ouc:div[@label='icon-text-1']" /></a>
										
										</div>
									</div>
									<div class="col-md-6 col-sm-6 col-6">
										<div class="icon-align"><img class="img-fluid icon-width" src="{banner-items/info/ouc:div[@label='icon-2']}" alt="icon" />
											<a href="{banner-items/info/ouc:div[@label='icon-text-link2']}"  class="link-text">
											
												<xsl:value-of select="banner-items/info/ouc:div[@label='icon-text-2']" />
											
											</a>
											</div>
									</div>
								</div>
								<div class="row group-icon-right">
									<div class="col-md-6 col-sm-6 col-6">
										<div class="icon-align"><img class="img-fluid icon-width" src="{banner-items/info/ouc:div[@label='icon-3']}" alt="icon" />
											
											<a href="{banner-items/info/ouc:div[@label='icon-text-link3']}" class="link-text">
											
											<xsl:value-of select="banner-items/info/ouc:div[@label='icon-text-3']" />
												
											</a></div>
									</div>
									<div class="col-md-6 col-sm-6 col-6">
										<div class="icon-align"><img class="img-fluid icon-width" src="{banner-items/info/ouc:div[@label='icon-4']}" alt="icon" />
											
											<a href="{banner-items/info/ouc:div[@label='icon-text-link4']}" class="link-text">
											
											<xsl:value-of select="banner-items/info/ouc:div[@label='icon-text-4']" />
												
											</a>
										
										</div>
									</div>
								</div>
							</div>
							<!--
							<div class="col-md-4 col-sm-4"><div class="roc-content">
								<div class="text-color">Rock Hill, SC</div>
								<div class="roc-content-middle"><img class="img-fluid" src="/_resources/images/Weather-Icon-02.png" alt="icon" />
									<span class="span-text">
										<xsl:choose>
											<xsl:when test="$ou:action = 'pub' or $ou:action = 'cmp'">
												<xsl:text disable-output-escaping="yes">&lt;%</xsl:text>Response.Write(OUC.Weather.GetWeather("/rss/weather.xml"));<xsl:text disable-output-escaping="yes">%&gt;</xsl:text>
											</xsl:when>
											<xsl:otherwise>
												<xsl:variable name="weather-script" select="concat($domain, '/_resources/cs/get-weather.ashx')" />
												<xsl:if test="unparsed-text-available($weather-script)">
													<xsl:value-of select="unparsed-text(concat($weather-script, '?feed=', $weather-feed))" disable-output-escaping="yes" />
												</xsl:if>
											</xsl:otherwise>
										</xsl:choose>
									</span>
								</div></div>
								<div class="see-text"><a href="https://tinyurl.com/y5nprndl" target="_blank">See Full Forecast<img class="see-icon img-fluid" src="/_resources/images/Button_Arrow_Icon.png" alt="forecast" /></a></div>
							</div> -->
						</div>
						<div class="event-section event-md-hide padtop30px">
						</div>
						<section class="custom-carousel  margin-lrt" role="region" aria-label="Announcements Image Slider">
							<div id="WithropAncCarousel" class="carousel-fade carousel slide  w-100" data-ride="carousel">
								<div class="carousel-inner card">
									<!-- 1st Announcement -->
									<div class="carousel-item active">
  <div class="custom-img-height"><img class="img-fluid d-block w-100" src="{banner-items/info/ouc:div[@label='announcement-image-1']}" alt="{banner-items/info/ouc:div[@label='announcement-image-alt-1']}" /></div>
  <div class="carousel-content col-md-12 padding-lrt">
    <div class="col-md-12">
      <p class="audienceHeader"><xsl:value-of select="banner-items/info/ouc:div[@label='announcement-title-1']" /></p>
    </div>
    <div class="col-md-12">
      <p> <xsl:value-of select="substring($announcement-1, 1, 200)" />
        <xsl:if test="string-length($announcement-1) &gt; 200">
          ...
        </xsl:if>
      </p>
    </div>
    <div class="col-md-12">
      <div class="col-md-4" style="float:left;">
        <p> <a class="read-more" style="float: left; margin-left: -10px !important;" title="read more" href="{banner-items/info/ouc:div[@label='announcement-link-1']}"> <xsl:value-of select="banner-items/info/ouc:div[@label='announcement-more-1']" />&nbsp;<span style="color: #f8c23a;" class="fa fa-angle-right" aria-hidden="true"></span> </a> </p>
      </div>
      <div class="col-md-8 bottomArrows" style="float:left;">
        <div class="carousel-control" style="float: right;"><a class="carousel-control-prev" href="#WithropAncCarousel" role="button" data-slide="prev"><span class="carousel-control-prev-icon" aria-hidden="true"></span><span class="sr-only">Previous</span></a><a class="carousel-control-next" href="#WithropAncCarousel" role="button" data-slide="next"><span class="carousel-control-next-icon" aria-hidden="true"></span><span class="sr-only">Next</span></a></div>
        <!-- <xsl:if test="string-length($announcement-1) &lt; 82">
			<br /><br />
		</xsl:if>
--> 
        
      </div>
    </div>
    <div class="bottomAnnouncementPad col-md-12"> &nbsp; </div>
  </div>
</div>

									<!-- 2nd Announcement -->
									<xsl:if test="string-length($announcement-2) &gt; 1">
									<div class="carousel-item">
  <div class="custom-img-height"><img class="img-fluid d-block w-100" src="{banner-items/info/ouc:div[@label='announcement-image-2']}" alt="{banner-items/info/ouc:div[@label='announcement-image-alt-2']}" /></div>
  <div class="carousel-content col-md-12 padding-lrt">
    <div class="col-md-12">
      <p class="audienceHeader"><xsl:value-of select="banner-items/info/ouc:div[@label='announcement-title-2']" /></p>
    </div>
    <div class="col-md-12">
      <p> <xsl:value-of select="substring($announcement-2, 1, 200)" />
        <xsl:if test="string-length($announcement-2) &gt; 200">
          ...
        </xsl:if>
      </p>
    </div>
    <div class="col-md-12">
      <div class="col-md-4" style="float:left;">
        <p> <a class="read-more" style="float: left; margin-left: -10px !important;" title="read more" href="{banner-items/info/ouc:div[@label='announcement-link-2']}"> <xsl:value-of select="banner-items/info/ouc:div[@label='announcement-more-2']" />&nbsp;<span style="color: #f8c23a;" class="fa fa-angle-right" aria-hidden="true"></span> </a> </p>
      </div>
      <div class="col-md-8 bottomArrows" style="float:left;">
        <div class="carousel-control" style="float: right;"><a class="carousel-control-prev" href="#WithropAncCarousel" role="button" data-slide="prev"><span class="carousel-control-prev-icon" aria-hidden="true"></span><span class="sr-only">Previous</span></a><a class="carousel-control-next" href="#WithropAncCarousel" role="button" data-slide="next"><span class="carousel-control-next-icon" aria-hidden="true"></span><span class="sr-only">Next</span></a></div>
        <!-- <xsl:if test="string-length($announcement-1) &lt; 82">
			<br /><br />
		</xsl:if>
--> 
        
      </div>
    </div>
    <div class="bottomAnnouncementPad col-md-12"> &nbsp; </div>
  </div>
</div>
									</xsl:if>
									<!-- 3rd Announcement -->
									<xsl:if test="string-length($announcement-3) &gt; 1">
									<div class="carousel-item">
  <div class="custom-img-height"><img class="img-fluid d-block w-100" src="{banner-items/info/ouc:div[@label='announcement-image-3']}" alt="{banner-items/info/ouc:div[@label='announcement-image-alt-3']}" /></div>
  <div class="carousel-content col-md-12 padding-lrt">
    <div class="col-md-12">
      <p class="audienceHeader"><xsl:value-of select="banner-items/info/ouc:div[@label='announcement-title-3']" /></p>
    </div>
    <div class="col-md-12">
      <p> <xsl:value-of select="substring($announcement-3, 1, 200)" />
        <xsl:if test="string-length($announcement-3) &gt; 200">
          ...
        </xsl:if>
      </p>
    </div>
    <div class="col-md-12">
      <div class="col-md-4" style="float:left;">
        <p> <a class="read-more" style="float: left; margin-left: -10px !important;" title="read more" href="{banner-items/info/ouc:div[@label='announcement-link-3']}"> <xsl:value-of select="banner-items/info/ouc:div[@label='announcement-more-3']" />&nbsp;<span style="color: #f8c23a;" class="fa fa-angle-right" aria-hidden="true"></span> </a> </p>
      </div>
      <div class="col-md-8 bottomArrows" style="float:left;">
        <div class="carousel-control" style="float: right;"><a class="carousel-control-prev" href="#WithropAncCarousel" role="button" data-slide="prev"><span class="carousel-control-prev-icon" aria-hidden="true"></span><span class="sr-only">Previous</span></a><a class="carousel-control-next" href="#WithropAncCarousel" role="button" data-slide="next"><span class="carousel-control-next-icon" aria-hidden="true"></span><span class="sr-only">Next</span></a></div>
        <!-- <xsl:if test="string-length($announcement-1) &lt; 82">
			<br /><br />
		</xsl:if>
--> 
        
      </div>
    </div>
    <div class="bottomAnnouncementPad col-md-12"> &nbsp; </div>
  </div>
</div>
									</xsl:if>
								</div>
							</div>
						</section>
						<section class="row flip-image-container flip-padtop20px flip-md-hide" role="region" aria-label="Flip Tile Images">
 							<div class="col-sm-12">
								<div class="flip-item  inner-page-flip-item"><img class="img-fluid img-width" src="{flip-items/flip-1/ouc:div[@label='flip-image-1']}" alt="{flip-items/flip-1/ouc:div[@label='flip-image-alt-1']}" />
									<div class="flip-item-content">
										<p>
											<xsl:value-of select="substring($flip-title-1, 1, 35)" /><xsl:if test="string-length($flip-title-1) &gt; 35">...</xsl:if>
											<!-- <xsl:value-of select="flip-items/flip-1/ouc:div[@label='flip-title-1']" />--><br />
											<xsl:value-of select="substring($flip-info-1, 1, 35)" /><xsl:if test="string-length($flip-info-1) &gt; 35">...</xsl:if>
											<!-- <xsl:value-of select="flip-items/flip-1/ouc:div[@label='flip-info-1']" /> -->
</p>
									</div>
									<div class="flip">
										<p class="flip-title">
											
											<xsl:value-of select="substring($flip-subtitle-1, 1, 84)" /><xsl:if test="string-length($flip-subtitle-1) &gt; 84">...</xsl:if>
											<!-- <xsl:value-of select="flip-items/flip-1/ouc:div[@label='flip-subtitle-1']" /> -->
										</p>
										<p class="flip-text">
											<xsl:value-of select="substring($flip-desc-1, 1, 656)" /><xsl:if test="string-length($flip-desc-1) &gt; 656">...</xsl:if>
											<!-- <xsl:value-of select="flip-items/flip-1/ouc:div[@label='flip-desc-1']" /> -->
</p>
										<a class="learn-more" title="Learn More" href="{flip-items/flip-1/ouc:div[@label='flip-more-link-1']}"><xsl:value-of select="flip-items/flip-1/ouc:div[@label='flip-more-text-1']" /></a></div>
								</div>
							</div>
							<div class="col-sm-12 flip-margtop">
								<div class="flip-item  inner-page-flip-item"><img class="img-fluid img-width" src="{flip-items/flip-2/ouc:div[@label='flip-image-2']}" alt="{flip-items/flip-2/ouc:div[@label='flip-image-alt-2']}" />
									<div class="flip-item-content">
										<p>
											<xsl:value-of select="substring($flip-title-2, 1, 35)" /><xsl:if test="string-length($flip-title-2) &gt; 35">...</xsl:if>
											<!-- <xsl:value-of select="flip-items/flip-2/ouc:div[@label='flip-title-2']" />-->
											<br />
											<xsl:value-of select="substring($flip-info-2, 1, 35)" /><xsl:if test="string-length($flip-info-2) &gt; 35">...</xsl:if>
											<!--<xsl:value-of select="flip-items/flip-2/ouc:div[@label='flip-info-2']" /> -->
</p>
									</div>
									<div class="flip">
										<p class="flip-title">
											<xsl:value-of select="substring($flip-subtitle-2, 1, 84)" /><xsl:if test="string-length($flip-subtitle-2) &gt; 84">...</xsl:if>
											<!-- <xsl:value-of select="flip-items/flip-2/ouc:div[@label='flip-subtitle-2']" /> -->

</p>
										<p class="flip-text">
											<xsl:value-of select="substring($flip-desc-2, 1, 656)" /><xsl:if test="string-length($flip-desc-2) &gt; 656">...</xsl:if>
											<!-- <xsl:value-of select="flip-items/flip-2/ouc:div[@label='flip-desc-2']" /> -->
</p>
										<a class="learn-more" title="Learn More" href="{flip-items/flip-2/ouc:div[@label='flip-more-link-2']}"><xsl:value-of select="flip-items/flip-2/ouc:div[@label='flip-more-text-2']" /></a></div>
								</div>
							</div>
						</section>
						<section>
							<div class="resource-content" role="region" aria-label="Resource Links">
								<xsl:apply-templates select="ouc:div[@label = 'page-content']" />
							</div>
						</section>
					</div>
					<div class="col-md-5 col-sm-12">
						<div class="event-section event-sm-hide" role="region" aria-label="Event Listings">
							<p class="audienceHeader">EVENTS</p>
							<!-- <h2>EVENTS</h2> -->
							<xsl:choose>
								<xsl:when test="$ou:action = 'pub' or $ou:action = 'cmp'">
									<xsl:text disable-output-escaping="yes">&lt;%</xsl:text>
									Response.Write(OUC.Events.GetEvents("<xsl:value-of select="$events-feed"/>"));<xsl:text disable-output-escaping="yes">%&gt;</xsl:text>
								</xsl:when>
								<xsl:otherwise>
									<xsl:variable name="events-script" select="concat($domain, '/_resources/cs/get-events.ashx')" />
									<xsl:if test="unparsed-text-available($events-script)">
										<xsl:value-of select="unparsed-text(concat($events-script, '?feed=', $events-feed))" disable-output-escaping="yes" />
									</xsl:if>
								</xsl:otherwise>
							</xsl:choose>
								<div class="see-text"><a href="https://winthropevents.coursedog.com">View Full Calendar<img class="see-icon img-fluid" src="/_resources/images/Button_Arrow_Icon.png" alt="view" /></a></div>
						</div>
						<section class="row flip-image-container flip-padtop flip-sm-hide" role="region" aria-label="Flip Tile Images">
 							<div class="col-sm-12">
								<div class="flip-item  inner-page-flip-item"><img class="img-fluid img-width" src="{flip-items/flip-1/ouc:div[@label='flip-image-1']}" alt="{flip-items/flip-1/ouc:div[@label='flip-image-alt-1']}" />
									<div class="flip-item-content">
										<p><xsl:value-of select="flip-items/flip-1/ouc:div[@label='flip-title-1']" /> <br /><xsl:value-of select="flip-items/flip-1/ouc:div[@label='flip-info-1']" /></p>
									</div>
									<div class="flip">
										<p class="flip-title"><xsl:value-of select="flip-items/flip-1/ouc:div[@label='flip-subtitle-1']" /></p>
										<p class="flip-text"><xsl:value-of select="flip-items/flip-1/ouc:div[@label='flip-desc-1']" /></p>
										<a class="learn-more" title="Learn More" href="{flip-items/flip-1/ouc:div[@label='flip-more-link-1']}"><xsl:value-of select="flip-items/flip-1/ouc:div[@label='flip-more-text-1']" /></a></div>
								</div>
							</div>
							<div class="col-sm-12 flip-margtop">
								<div class="flip-item  inner-page-flip-item"><img class="img-fluid img-width" src="{flip-items/flip-2/ouc:div[@label='flip-image-2']}" alt="{flip-items/flip-2/ouc:div[@label='flip-image-alt-2']}" />
									<div class="flip-item-content">
										<p><xsl:value-of select="flip-items/flip-2/ouc:div[@label='flip-title-2']" /><br /><xsl:value-of select="flip-items/flip-2/ouc:div[@label='flip-info-2']" /></p>
									</div>
									<div class="flip">
										<p class="flip-title"><xsl:value-of select="flip-items/flip-2/ouc:div[@label='flip-subtitle-2']" /></p>
										<p class="flip-text"><xsl:value-of select="flip-items/flip-2/ouc:div[@label='flip-desc-2']" /></p>
										<a class="learn-more" title="Learn More" href="{flip-items/flip-2/ouc:div[@label='flip-more-link-2']}"><xsl:value-of select="flip-items/flip-2/ouc:div[@label='flip-more-text-2']" /></a></div>
								</div>
							</div>
						</section>
					</div>
				</div>
			</div>
		</div>
	</xsl:template>

	
</xsl:stylesheet>
