<?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-12 col-md-12">

                    <article>
                        <div class="row">

                            <article class="roster-list">

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

                                <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 '<pre>';
                                        var_dump($clan_member_info->cover_photo);
                                        echo '</pre>';
                                        ?>

                                        <img src="<?php echo the_field('$clan_member_info->cover_photo'); ?>" />

                                        <?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><!-- playground -->

                                    <div class="platforms box">
                                        <div class="title">
                                            <h5>Platforms</h5>
                                        </div>

                                        <ul class="syau-platform">
                                            <?php if(!empty($clan_member_info->psn_id)) echo '<li>' . '<span>' . 'PSN: ' . '</span>' . $clan_member_info->psn_id . '</li>'; ?>
                                            <?php if(!empty($clan_member_info->xbox_one_gamertag)) echo '<li>' . '<span>' . 'Xbox One: ' . '</span>' . $clan_member_info->xbox_one_gamertag . '</li>'; ?>
                                            <?php if(!empty($clan_member_info->wii_u_id)) echo '<li>' . '<span>' . 'Wii U: ' . '</span>' . $clan_member_info->wii_u_id . '</li>'; ?>
                                            <?php if(!empty($clan_member_info->steam_username)) echo '<li>' . '<span>' . 'Steam: ' . '</span>' . $clan_member_info->steam_username . '</li>'; ?>
                                            <?php if(!empty($clan_member_info->battle_net_username)) echo '<li>' . '<span>' . 'Battle.net: ' . '</span>' . $clan_member_info->battle_net_username . '</li>'; ?>
                                        </ul>
                                    </div><!-- end platforms -->

                                    <div class="channels box">
                                        <div class="title">
                                            <h5>Channels</h5>
                                        </div>
                                        <div class="inner-box">
                                            <?php if(!empty($clan_member_info->youtube_url)) echo '<a class="btn btn-brand-youtube btn-md" target="_blank" href="' . $clan_member_info->youtube_url . '">' . 'YouTube Channel' . '</a>'; ?>
                                            <?php if(!empty($clan_member_info->twitch_url)) echo '<a class="btn btn-brand-twitch btn-md" target="_blank" href="' . $clan_member_info->twitch_url . '">' . 'Twitch Channel' . '</a>'; ?>
                                        </div>
                                    </div>

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

                                </div><!-- end clan member -->

                                <div class="author-articles col-md-8">
                                    <div class="page-header">
                                        <h2><?php _e('All Posts', 'wp-upcoming-games'); ?></h2>
                                    </div>
                                    <?php if(have_posts()) : ?>
                                        <?php while(have_posts()) : the_post(); ?>

                                            <?php get_template_part('content'); ?>

                                        <?php endwhile; ?>

                                        <?php wp_custom_pagination([
                                            'prev_text' => __( '<i class="fa fa-long-arrow-left"></i> Prev Page', 'textdomain' ),
                                            'next_text' => __( 'Next Page <i class="fa fa-long-arrow-right"></i>', 'textdomain' )
                                            ]);
                                        ?>

                                    <?php else : ?>
                                        <p><?php __('You never made any posts!!!'); ?></p>
                                    <?php endif; ?>
                                </div>


                            </article>
                        </div>

                    <!-- <?php the_content(); ?> -->

                    </article>

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

<?php get_footer(); ?>