<?php
/*
Template Name: Frontpage 1
*/
?>

<?php get_header() ?>

<div class="welcome-message">
	<div class="welcome-message-map">
		<div class="welcome-text">
			<img src="<?php echo of_get_option('welcome-text_path', 'http://www.demo2.diaboliquedesign.com/1/welcome-text.png' ); ?>" alt="A Social Network" />
		</div>
	</div>
</div>

<div class="frontpage-info">
<div class="wrapper">
<div class="frontpage-info-left">
<?php _e('BuddyPress lets users sign-up and start creating profiles, posting messages, making connections, creating  groups, and much more. <span class="colored">A social network in a box</span>, BuddyPress lets you easily build a community for your company, school, sports team, or other niche community.', 'CommunityJunction'); ?>
</div><!-- frontpage-info-left -->

<?php if ( function_exists( 'bp_is_active' ) ) { ?>

<div class="front-circle"></div>
<?php if ( !is_user_logged_in() ) { ?>
<a href="<?php echo home_url(); ?>/register" class="join-button"></a>
<?php } else { ?>
<a href="<?php echo bp_loggedin_user_domain(); ?>" class="my-account-button"></a>
<?php } ?>

<?php } ?>

</div><!-- wrapper -->
</div>

<div class="front-spacer-1"></div>


<div class="clear"> </div>


<div class="wrapper front-block-1">

<?php if ( function_exists( 'bp_is_active' ) ) { ?>

<div id="front-groups">
<div class="front-groups-title">
<?php _e('Popular Groups', 'CommunityJunction'); ?>
<a class="small-button browse-all" href="<?php echo home_url(); ?>/groups"><?php _e('Browse All', 'CommunityJunction'); ?></a>
</div>

<div class="list-wrap">

<!-- NEWEST GROUPS LOOP POPULAR -->
<?php if ( bp_has_groups( 'type=popular&max=20' ) ) : ?>

<ul id="popular">
      <?php while ( bp_groups() ) : bp_the_group(); ?>
<li <?php bp_group_class(); ?>>
       <div class="group-box">
	<div class="group-box-image-container">
		<a class="group-box-image" href="<?php bp_group_permalink() ?>"><?php bp_group_avatar( 'type=thumb&width=100&height=100' ) ?></a>
	</div>
	<div class="group-box-bottom">
	<div class="group-box-title"><a href="<?php bp_group_permalink() ?>"><?php $grouptitle = bp_get_group_name(); $getlength = strlen($grouptitle); $thelength = 12; echo mb_substr($grouptitle, 0, $thelength, 'UTF-8'); if ($getlength > $thelength) echo "..."; ?></a></div>
	<div class="group-box-details">
	<div class="group-box-details-1"><?php printf( __( 'active %s', 'buddypress' ), bp_get_group_last_active() ); ?></div>
	<div class="group-box-details-2"><?php bp_group_member_count(); ?></div>
	</div>
	</div>
        </div><!--group-box ends-->
</li>
      <?php endwhile; ?>
</ul>

  <div class="clear"></div>
    <?php do_action( 'bp_after_groups_loop' ) ?>

<?php else: ?>

<ul id="popular">
    <div id="message" class="info">
        <p><?php _e( 'There were no groups found.', 'buddypress' ) ?></p>
    </div>
<br />
</ul>

<?php endif; ?>
<!-- POPULAR GROUPS LOOP END -->



</div> <!-- List Wrap -->
</div> <!-- front-groups -->



<?php if ( function_exists( 'bbp_has_topics' ) ) { ?>
<div class="front-posts">

<div class="front-box">
<div class="front-box-title">
<?php _e('On the Forums', 'CommunityJunction'); ?>
<a class="small-button browse-all" href="<?php echo home_url(); ?>/forums"><?php _e('All Forums', 'CommunityJunction'); ?></a>
</div>

<div class="front-box-child">

	<?php if ( bbp_has_topics( array( 'author' => 0, 'show_stickies' => false, 'order' => 'DESC', 'post_parent' => 'any', 'posts_per_page' => 4 ) ) ) : ?>
		<?php bbp_get_template_part( 'loop', 'mytopics' ); ?>
	<?php else : ?>
		<?php bbp_get_template_part( 'feedback', 'no-topics' ); ?>
	<?php endif; ?>

</div>
<div class="clear"></div>
</div>

</div> <!-- front-posts -->
<?php } ?>

<?php } ?>

</div><!-- .wrapper -->
<div class="clear"></div>

<?php if ( function_exists( 'bp_is_active' ) ) { ?>
<div class="front-h-spacer"></div>

<div class="frontpage-members">
<div class="wrapper">
<div class="clear"></div>
	<div class="frontpage-members-title"><?php echo of_get_option('mn', '36.000' ); ?> <?php _e('members and counting ...', 'CommunityJunction'); ?></div>

<div class="frontpage-members-loop">
	<?php if ( bp_has_members( 'type=active&max=36&per_page=36' ) ) : ?>
			<?php while ( bp_members() ) : bp_the_member(); ?>
				<a href="<?php bp_member_permalink() ?>" class="bwWrapper" title="<?php bp_member_name(); ?> (<?php bp_member_last_active(); ?>)">
				<?php bp_member_avatar('type=full&width=100&height=100') ?>
				<span class="member-popup">
				<span class="member-popup-name"><?php bp_member_name(); ?></span> (<?php bp_member_last_active(); ?>)<br />
				<b>Age:</b> <?php echo bp_member_profile_data( 'field=Age' ); ?><br />
				<b>Height:</b> <?php echo bp_member_profile_data( 'field=Height' ); ?><br />
				<b>Sign of the zodiac:</b> <?php echo bp_member_profile_data( 'field=Sign of the zodiac' ); ?><br />
				<b>Hobby:</b> <?php echo bp_member_profile_data( 'field=Hobby' ); ?><br />
				<b>Marital Status:</b> <?php echo bp_member_profile_data( 'field=Marital Status' ); ?><br />
				<b>Hair Colour:</b> <?php echo bp_member_profile_data( 'field=Hair Colour' ); ?><br />
				<span class="member-popup-motto"><b>Motto:</b> <i>"<?php echo bp_member_profile_data( 'field=Motto' ); ?>"</i></span>
				</span>
				</a>
			<?php endwhile; ?>
	<?php endif; ?>
</div>

</div>
</div>
<?php } ?>
<?php get_footer() ?>