<section class="top-section">
    <div class="row header-row my-3">
        <div class="col-xl-5 col-lg-8 col-md-12 col-sm-12 my-2">
            <span class="text-uppercase d-inline-flex flex-wrap justify-content-start align-items-center">
                <span class="text-header">
                    <?php include($template_path . '/widgets/widget.rating.php'); ?>
                </span>
            </span>
            
            <a href="#" title="<?php echo _t("Add to favorites"); ?>" class="main-btn add-fav d-inline-flex align-items-center" data-mb="addFav" data-site="<?php echo $rrow['site']; ?>" data-model="<?php echo $rrow['username']; ?>">
                Add Favorite <i class="bi bi-heart-fill" aria-hidden="true" style="margin-left:5px;"></i>
            </a>
        </div>
        <div class="col-xl-7 col-lg-4 col-md-12 col-sm-12 my-2 d-lg-flex text-left justify-content-lg-end justify-content-center">
            <a href="<? echo getChatroomUrl($rrow, $siteDataFull); ?>" class="join-btn" target='_blank'>View My Webcam</a>
        </div>
    </div>
    
    <div class="stage -site-<?php echo $rrow['site']; ?>">
        <!-- if no iframe-->
        <div class="d-flex align-items-center justify-content-center d-none">
            <a class="join-chatroom" href="profile-video.html">
                <span>visit
                    <span>
                        <? echo $rrow['username']; ?>'s
                    </span>
                    chatroom
                </span>
            </a>
        </div>
        <?php if (isset($rrow['custom_text'])) { ?>
            <div><?php echo $rrow['custom_text']; ?></div>
        <?php } ?>
        <?php if ($rrow['status'] == 1) { ?>
            <?php echo showPerformerIframe($rrow, $siteDataFull); ?>
        <?php } else { ?>
            <center><? echo $rrow['username']; ?> is currently offline.<br><br></center>
        <?php } ?>
    </div>
</section>

<section class="tabs">
    <p class="description">
        <? echo $rrow['room_subject']; ?>
    </p>
    
    <ul class="nav nav-pills" id="pills-tab" role="tablist">
        <li class="nav-item" role="presentation">
            <button class="nav-link active" id="pills-about-tab" data-bs-toggle="pill" data-bs-target="#pills-about" type="button" role="tab" aria-controls="pills-about" aria-selected="true">About me</button>
        </li>
        <li class="nav-item" role="presentation">
            <button class="nav-link" id="pills-share-tab" data-bs-toggle="pill" data-bs-target="#pills-share" type="button" role="tab" aria-controls="pills-share" aria-selected="false">Share</button>
        </li>
        <? if($allowDisplayComments) { ?>
            <li class="nav-item" role="presentation">
                <button class="nav-link" id="pills-comments-tab" data-bs-toggle="pill" data-bs-target="#pills-comments" type="button" role="tab" aria-controls="pills-comments" aria-selected="false">Comments</button>
            </li>
        <? } ?>
    </ul>
    
    <div class="tab-content p-3" id="pills-tabContent">
        <div class="tab-pane fade show active gallery" id="pills-about" role="tabpanel" aria-labelledby="pills-about-tab">
            <div class="row">
                <div class="col-tab-left">
                    <div class="thumbnail-card">
                        <div class="image">
                            <div class="thumb-overflow">
                                <img class="img-thumbnail border-0" src="<? echo $rrow['image_url']; ?>" onerror="this.src='<? echo $basehttp; ?>/core/images/placeholder.jpg'" alt="">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-tab-right">
                    <div class="row">
                        <div class="col-md-4">
                            <div class="my-2">
                                <span class="tab-text-header">Name:</span>
                                <span class="tab-text-subheader"><? echo $rrow['username']; ?></span>
                            </div>
                            <div class="my-2">
                                <span class="tab-text-header">Last Online:</span>
                                <span class="tab-text-subheader"><? echo ($rrow['last_online'] != "0000-00-00") ? $rrow['last_online'] : "-"; ?></span>
                            </div>
                            <div class="my-2">
                                <span class="tab-text-header">Users in Room:</span>
                                <span class="tab-text-subheader"><? echo ($rrow['num_users'] > 0) ? $rrow['num_users'] : "-"; ?></span>
                            </div>
                            <div class="my-2">
                                <span class="tab-text-header">Hair:</span>
                                <span class="tab-text-subheader"><? echo ($rrow['hair']) ? $rrow['hair'] : "-"; ?></span>
                            </div>
                        </div>

                        <div class="col-md-4">
                            <div class="my-2">
                                <span class="tab-text-header">Location:</span>
                                <span class="tab-text-subheader"><? echo ($rrow['location']) ? $rrow['location'] : "-"; ?></span>
                            </div>
                            <div class="my-2">
                                <span class="tab-text-header">Language(s):</span>
                                <span class="tab-text-subheader"><? echo ($rrow['spoken_languages']) ? $rrow['spoken_languages'] : "-"; ?></span>
                            </div>
                            <div class="my-2">
                                <span class="tab-text-header">Current Show:</span>
                                <span class="tab-text-subheader"><? echo ($rrow['current_show']) ? $rrow['current_show'] : "-"; ?></span>
                            </div>
                            <div class="my-2">
                                <span class="tab-text-header">Bust:</span>
                                <span class="tab-text-subheader"><? echo ($rrow['bust']) ? $rrow['bust'] : "-"; ?></span>
                            </div>
                        </div>

                        <div class="col-md-4 col-sm-4">
                            <div class="my-2">
                                <span class="tab-text-header">Age:</span>
                                <span class="tab-text-subheader"><? echo ($rrow['age'] > 0) ? $rrow['age'] : "-"; ?></span>
                            </div>
                            <div class="my-2">
                                <span class="tab-text-header">Gender:</span>
                                <span class="tab-text-subheader"><? echo ($rrow['gender']) ? $rrow['gender'] : "-"; ?></span>
                            </div>
                            <div class="my-2">
                                <span class="tab-text-header">Race:</span>
                                <span class="tab-text-subheader"><? echo ($rrow['race']) ? $rrow['race'] : "-"; ?></span>
                            </div>
                            <div class="my-2">
                                <span class="tab-text-header">Pubic Area:</span>
                                <span class="tab-text-subheader"><? echo ($rrow['pubic_area']) ? $rrow['pubic_area'] : "-"; ?></span>
                            </div>
                        </div>


                    </div>
                </div>
            </div>
        </div>

        <div class="tab-pane fade" id="pills-share" role="tabpanel" aria-labelledby="pills-share-tab">
            <div id="sharePane"></div>
            <script src="<? echo $template_url; ?>/vendor/jssocials-1.4.0/dist/jssocials.min.js"></script>
            <link rel="stylesheet" type="text/css" href="<? echo $template_url; ?>/vendor/jssocials-1.4.0/dist/jssocials.css" />
            <link rel="stylesheet" type="text/css" href="<? echo $template_url; ?>/vendor/jssocials-1.4.0/dist/jssocials-theme-flat.css" />
            <script>
                $("#sharePane").jsSocials({
                    shares: ["twitter", "facebook", "pinterest"]
                });
            </script>
        </div>
        <? if($allowDisplayComments) { ?>
            <div class="tab-pane fade" id="pills-comments" role="tabpanel" aria-labelledby="pills-comments-tab">
                <? include($template_path . '/widgets/widget.comments.php'); ?>
            </div>
        <? } ?>
    </div>
</section>