<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE xsl:stylesheet [
<!ENTITY amp   "&#38;">
<!ENTITY copy   "&#169;">
<!ENTITY gt   "&#62;">
<!ENTITY hellip "&#8230;">
<!ENTITY laquo  "&#171;">
<!ENTITY lsaquo   "&#8249;">
<!ENTITY lsquo   "&#8216;">
<!ENTITY lt   "&#60;">
<!ENTITY nbsp   "&#160;">
<!ENTITY quot   "&#34;">
<!ENTITY raquo  "&#187;">
<!ENTITY rsaquo   "&#8250;">
<!ENTITY rsquo   "&#8217;">
]>


<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"
				exclude-result-prefixes="ou xsl xs fn ouc"
				expand-text="yes">

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

	<xsl:template name="template-headcode"/>
	<xsl:template name="template-footcode"/>
	
	<xsl:param name="current-breadcrumb">
		<xsl:choose>
			<xsl:when test="ou:not-empty(ou:pcf-param('breadcrumb'))">{ou:pcf-param('breadcrumb')}</xsl:when>
			<xsl:otherwise>{ou:pcf-param('heading')}</xsl:otherwise>
		</xsl:choose>
	</xsl:param>

	<xsl:template name="page-content">
		<main class="content" id="main-content">
			<div class="page-header">
				<div class="container">
					<div class="row">
						<div class="col-12">
							<h2 class="h1">{ou:multiedit-field('title')}</h2>
						</div>
					</div>
				</div>
			</div>
			<div class="container">

				<!-- interior navigation - start -->
				<div class="row">
					<div class="col-12">
						<div class="accordion nav-accordion" id="interiorNav">
							<div class="accordion-item">
								<h2 class="accordion-header">
									<button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#interiorNav-collapseOne" aria-expanded="true" aria-controls="interiorNav-collapseOne">
										<!-- client noted the text should not be customizable -->
										<span class="fa fa-bars me-3"></span>
										Menu
									</button>
								</h2>
								<div id="interiorNav-collapseOne" class="accordion-collapse collapse">
									<div class="accordion-body">
										<xsl:call-template name="side-navigation" />
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>            <!-- interior navigation - end -->
				<div class="row">
					<div class="col-12">
						<nav aria-label="breadcrumb">
							<!-- see breadcrumbs xsl -->
							<xsl:call-template name="output-breadcrumbs" />
						</nav>
					</div>
				</div>

				<div class="section section-reduced">
					<div class="row">
						<div class="col-12 col-lg-9">
							<h1>{if (ou:not-empty(ou:pcf-param('heading'))) then ou:pcf-param('heading') else ou:multiedit-field('title')}</h1>
							<p>
								<em>
									By {ou:multiedit-field('author')} | {ou:to-display-date(ou:multiedit-field('pubDate'))}
								</em>
							</p>

							<xsl:variable name="image" select="ou:multiedit-field('image')" />
							<xsl:if test="$image/img/@src!=''">
								<img src="{$image/img/@src}" alt="{$image/img/@alt}" class="thumbnail" />
							</xsl:if>

							<xsl:apply-templates select="ouc:div[@label='main-content']" />
							<p>
								Tags:
								<a href="#/">About</a>
							</p>
						</div>
						<div class="col-12 col-lg-3">
							<xsl:call-template name="dmc">
							<xsl:with-param name="options">
								<heading>Recent Articles</heading>
								<datasource>{ou:pcf-param('dsn')}</datasource>
								<xpath>items/item</xpath>
								<type>recent-sidebar</type>
								<items_per_page>4</items_per_page>
								<querystring_control>true</querystring_control>
								<search_columns>title,description,author,searchtags</search_columns>
								<sort>date(pubDate) desc</sort>
							</xsl:with-param>

							<xsl:with-param name="script-name">blogs</xsl:with-param>
							<xsl:with-param name="debug" select="$dmc-debug" />
						</xsl:call-template>
							<xsl:apply-templates select="ouc:div[@label='sidebar']" />
						</div>
					</div>
				</div>
			</div>
		</main>
		<!-- Main Content Region -->
	</xsl:template>

</xsl:stylesheet>