<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE PUBLIC SYSTEM "http://commons.omniupdate.com/dtd/standard.dtd">
<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:ouc="http://omniupdate.com/XSL/Variables" exclude-result-prefixes="xs ou ouc">

	<xsl:param name="ou:action"/>
    <xsl:param name="bodyClass"/>

    <xsl:strip-space elements="*"/>

    <xsl:output method="html" encoding="UTF-8" indent="yes" omit-xml-declaration="yes"/>
    <xsl:template match="/document">

        <!--<xsl:if test="$ou:action='prv'">-->
        <html>
            <head>
                <title>
                    <xsl:value-of select="ouc:properties/title/text()"/>
                </title>
                <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
                <link href="/_resources/social/ou-mashup/css/bootstrap.min.css" rel="stylesheet"/>
                <link rel="stylesheet"  href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css"/>

                
            </head>
            <body>

                <div class="container">

                    <div class="masthead">
                        <h3 class="text-muted"><xsl:value-of select="ouc:properties/title/text()"/></h3>
						<br/>
                    </div>
                    <div class="row">
                        <xsl:if test="$ou:action='edt'">
                            <div class="alert alert-success">
                                <strong>Note : </strong> Please change the following settings using the multiedit. </div>
                        </xsl:if>

                        <!-- TWITTER -->
						<div class="col-lg-12">
						<strong>Items to display: </strong>
                                    <xsl:value-of
                                        select="ouc:div[@label='Num-Show']/node()"/>
                                    <br/>
						</div>
                        <div class="col-lg-6">
                            <div class="panel panel-primary">
                                <div class="panel-heading">
                                    <h3 class="panel-title">Twitter <i class="fa fa-twitter"/></h3>
                                </div>
                                <div class="panel-body">
                                    <strong>Handle: </strong>
									<xsl:choose>
                                        <xsl:when test="$ouc:action='edt'"><xsl:copy-of select="ouc:div[@label='Twitter-Handle']"/></xsl:when>
                                        <xsl:otherwise><xsl:value-of
                                            select="ouc:div[@label='Twitter-Handle']/node()"/></xsl:otherwise>
                                    </xsl:choose>
                                    
                                </div>
                            </div>



                            <!-- Insta -->

                            <div class="panel panel-info">
                                <div class="panel-heading">
                                    <h3 class="panel-title">Instagram <i class="fa fa-instagram"
                                        /></h3>
                                </div>
                                <div class="panel-body">
                                    <strong>User ID: </strong>
                                    <xsl:value-of select="ouc:div[@label='Instagram-ID']/node()"/>
                                    
                                </div>
                            </div>


                            <!-- facebook -->

                           
                        </div>


                        <!-- News -->

                        <div class="col-sm-6">
                            <!--<div class="panel panel-default">
                                <div class="panel-heading">
                                    <h3 class="panel-title">News <i class="fa fa-rss-square" /></h3>
                                </div>
                                <div class="panel-body">
                                    <strong>RSS </strong>
                                    <xsl:value-of select="ouc:div[@label='News-RSS']/node()"/>
                                    
                                </div>
                            </div>
-->

                            <!-- Utube -->

                            <div class="panel panel-primary">
                                <div class="panel-heading">
                                    <h3 class="panel-title">YouTube <i class="fa fa-youtube"/></h3>
                                </div>
                                <div class="panel-body">
                                    <strong>Channel Name: </strong>
                                    <xsl:value-of select="ouc:div[@label='Youtube-Channel']/node()"/>
                                    <br/>
                                   
                                </div>
                            </div>

                            <div class="panel panel-default">
                                <div class="panel-heading">
                                    <h3 class="panel-title">Facebook <i class="fa fa-facebook"
                                    /></h3>
                                </div>
                                <div class="panel-body">
                                    <strong>User/Page ID: </strong>
                                    <xsl:value-of select="ouc:div[@label='Facebook-ID']/node()"/>
                                    
                                </div>
                            </div>
                            
                        </div>
                        <div class="col-lg-6">
                            
                            <div class="panel panel-default">
                                <div class="panel-heading">
                                    <h3 class="panel-title">Facebook Two <i class="fa fa-facebook"
                                    /></h3>
                                </div>
                                <div class="panel-body">
                                    <strong>User/Page ID: </strong>
                                    <xsl:value-of select="ouc:div[@label='Facebook-ID-2']/node()"/>
                                    
                                </div>
                            </div>
                            
                            <div class="panel panel-default">
                                <div class="panel-heading">
                                    <h3 class="panel-title">Facebook Four <i class="fa fa-facebook"
                                    /></h3>
                                </div>
                                <div class="panel-body">
                                    <strong>User/Page ID: </strong>
                                    <xsl:value-of select="ouc:div[@label='Facebook-ID-4']/node()"/>
                                    
                                </div>
                            </div>
                            
                        </div>
                            <div class="col-lg-6">
                                
                                <div class="panel panel-default">
                                    <div class="panel-heading">
                                        <h3 class="panel-title">Facebook Three <i class="fa fa-facebook"
                                        /></h3>
                                    </div>
                                    <div class="panel-body">
                                        <strong>User/Page ID: </strong>
                                        <xsl:value-of select="ouc:div[@label='Facebook-ID-3']/node()"/>
                                        
                                    </div>
                                </div>
                                
                                <div class="panel panel-default">
                                    <div class="panel-heading">
                                        <h3 class="panel-title">Facebook Five <i class="fa fa-facebook"
                                        /></h3>
                                    </div>
                                    <div class="panel-body">
                                        <strong>User/Page ID: </strong>
                                        <xsl:value-of select="ouc:div[@label='Facebook-ID-5']/node()"/>
                                        
                                    </div>
                                </div>
                                
                            </div>
                        <div class="col-lg-6">
                            
                            <div class="panel panel-default">
                                <div class="panel-heading">
                                    <h3 class="panel-title">Facebook Six <i class="fa fa-facebook"
                                    /></h3>
                                </div>
                                <div class="panel-body">
                                    <strong>User/Page ID: </strong>
                                    <xsl:value-of select="ouc:div[@label='Facebook-ID-6']/node()"/>
                                    
                                </div>
                            </div>
                            
                         <!--   <div class="panel panel-default">
                                <div class="panel-heading">
                                    <h3 class="panel-title">Facebook Seven <i class="fa fa-facebook"
                                    /></h3>
                                </div>
                                <div class="panel-body">
                                    <strong>User/Page ID: </strong>
                                    <xsl:value-of select="ouc:div[@label='Facebook-ID-7']/node()"/>
                                    
                                </div>
                            </div>
                            -->
                            
                        </div>
                        
                        <div class="col-lg-6">
                            
                            <!-- Flickr -->

                         <!-- <div class="panel panel-info">
                                <div class="panel-heading">
                                    <h3 class="panel-title">Pinterest <i class="fa fa-flickr"/></h3>
                                </div>
                                <div class="panel-body">
                                    <strong>Pinterest ID </strong>
                                    <xsl:value-of select="ouc:div[@label='Pinterest-ID']/node()"/>
                                    
                                </div>
                            </div>-->

							<!-- Flickr -->

                       <!--   <div class="panel panel-default">
                                <div class="panel-heading">
                                    <h3 class="panel-title">Google Plus <i class="fa fa-gplus"/></h3>
                                </div>
                                <div class="panel-body">
                                    <strong>Google Plus ID </strong>
                                    <xsl:value-of select="ouc:div[@label='GPlus-ID']/node()"/>
                                    
                                </div>
                            </div>-->

                        <!--<xsl:apply-templates select="ouc:div[@label='maincontent']" mode="copy"/>-->
						</div>
                    </div>
                    <div style="display:none;">
                        <ouc:div label="fake" button="hide" group="None">
                            
                        </ouc:div>
                    </div>


                    <!-- Site footer -->
                    <div class="footer">
						<br/>
                        <p>&copy; OmniUpdate Inc. <xsl:value-of select="substring(string(current-date()), 1, 4)" /></p>
                    </div>
                    <style>
                        #ox-fullpage-edit-button{
                        display:none;
                        }
                    </style>
                </div>
                <!-- /container -->


				
            </body>
        </html>
        <!--</xsl:if>	  -->
    </xsl:template>

</xsl:stylesheet>
