<?php set_query_var('posts_per_page', 12) ?>

<?php get_header(); ?>

<?php $user_id = get_query_var( 'author' ) ?>

    <?php get_template_part('content', 'featured-banner'); ?>

        <div class="blog-post-featured-banner">
            <?php if(!empty($clan_member_info->cover_photo)) echo '<img src="'.$clan_member_info->cover_photo.'"/>'; ?>

            <div class="texture-container bottom">
                <div class="texture texture-white-bottom"></div>
            </div>
        </div>

    <div class="container">
        <section>
            <div class="row">
                <div class="col-sm-10 col-sm-offset-1 col-md-8 col-md-offset-2">

                <article>
                    <div class="page-header">
                        <h2><?php $user->first_name; ?></h2>
                    </div>

                        <div class="row">

                            <article class="roster-list">

                                <?php $clan_member_info = get_userdata($user_id); ?>
                                <?php $avatar = get_avatar( $user_id, 250 ); ?>

                                <?php
                                    $user_fields = get_field_objects('user_'.$user_id);

                                    usort($user_fields , function($a, $b) {
                                        return $a['order_no'] - $b['order_no'];
                                    });

                                    if($user_fields) {
                                        echo '<ul class="syau-platform">';
                                            foreach($user_fields as $user_field) {
                                                if(!empty($user_field['value'])) {
                                                    echo '<li class="'.$user_field['name'].'">';
                                                    echo $user_field['label'].': '.$user_field['value'];
                                                    echo '</li>';
                                                }
                                            }
                                        echo '</ul>';
                                    }

                                ?>

                                <div class="clan-member col-md-4">

                                    <?php echo $avatar; ?>

                                    <p class="syau-name">
                                        <?php echo $clan_member_info->first_name; ?> <?php echo $clan_member_info->last_name; ?>
                                    </p>

                                    <div class="syau-description">
                                        <?php if(!empty($clan_member_info->description)) echo '<p>'.$clan_member_info->description.'</p>'; ?>
                                    </div>

                                    <div class="blog-post-featured-banner">
                                        <?php echo '<img src="'.$clan_member_info->cover_photo.'"/>'; ?>
                                        <?php echo $clan_member_info->cover_photo; ?>

                                        <div class="texture-container bottom">
                                            <div class="texture texture-white-bottom"></div>
                                        </div>
                                    </div>

                                    <ul class="syau-platform">
                                        <?php if(!empty($clan_member_info->psn_id)) echo '<li>'.$user_field['label'].' : '.$clan_member_info->psn_id.'</li>'; ?>
                                        <?php if(!empty($clan_member_info->xbox_one_gamertag)) echo '<li>'.$clan_member_info->xbox_one_gamertag.'</li>'; ?>
                                        <?php if(!empty($clan_member_info->wii_u_id)) echo '<li>'.$clan_member_info->wii_u_id.'</li>'; ?>
                                        <?php if(!empty($clan_member_info->steam_username)) echo '<li>'.$clan_member_info->steam_username.'</li>'; ?>
                                        <?php if(!empty($clan_member_info->battle_net_username)) echo '<li>'.$clan_member_info->battle_net_username.'</li>'; ?>
                                        <?php if(!empty($clan_member_info->facebook_url)) echo '<li>'.$clan_member_info->$user_field['label'].$clan_member_info->facebook_url.'</li>'; ?>
                                    </ul>

                                    <div class="syau-description">
                                        <?php echo apply_filters('the_content', $clan_member_info->description); ?>
                                    </div>

                                </div>


                            </article>
                        </div>

                    <?php the_content(); ?>

                </article>

                <?php
                    $args = array(
                        'order' => DESC,
                        'orderby' => 'date',
                        'posts_per_page'=>3,
                        'post_type' => 'post',
                        'caller_get_posts'=>1
                    );

                    $my_query = new WP_Query($args);
                ?>

                <?php if($my_query->have_posts()) : while($my_query->have_posts()) : $my_query->the_post(); ?>

                    <div class="col-md-4">
                        <div class="recent-blog-post-item">
                            <?php if(has_post_thumbnail()) : ?>
                                <div class="blog-post-featured-img">
                                    <a href="<?php the_permalink(); ?>">
                                        <?php the_post_thumbnail(); ?>
                                    </a>
                                </div>
                            <?php endif; ?>

                            <div class="blog-post-content recent-meta-text">
                                <div class="recent-meta-title">
                                    <a href="<? the_permalink()?>" rel="bookmark" title="<?php the_title(); ?>">
                                        <h4><?php the_title(); ?></h4>
                                    </a>
                                </div>

                                <div class="recent-meta-excerpt">
                                    <?php the_excerpt(); ?>
                                </div>
                            </div> <!-- end recent meta text -->
                        </div><!-- end recent blog post item -->
                    </div>

                <?php endwhile; else : endif; ?>

                <?php the_posts_pagination( array(
                    'mid_size' => 2,
                    'prev_text' => __( 'Previous Page', 'textdomain' ),
                    'next_text' => __( 'Next Page', 'textdomain' ),
                    'screen_reader_text' => ( '' )
                ) ); ?>

                </div><!-- end column -->
            </div><!--end row-->
        </section>
    </div><!--end container-->

<?php get_footer(); ?>