https://www.biopage.com/thichaep3thai

제출된 URL:
https://www.biopage.com/thichaep3thai
보고서 완료:

링크 · 3개 결과

링크텍스트
https://klik-movies.site/th/tv/278171ทิชา (EP.3) ดู ตอนที่ 3 HD
http://www.likeable.com/blog/2016/12/20/how-to-write-the-perfect-social-media-bioHow To Write The Perfect Social Media Bio
https://womensnews.biz/the-passion-and-beauty-of-writing-daytona-times/The passion and beauty of writing

JavaScript 변수 · 39개 결과

이름유형
0object
onbeforetoggleobject
documentPictureInPictureobject
onscrollendobject
gtagfunction
dataLayerobject
google_tag_managerobject
google_tag_dataobject
$function
jQueryfunction

콘솔 로그 메시지 · 2개 결과

유형카테고리로그
verbosedom
URL
https://www.biopage.com/thichaep3thai
텍스트
[DOM] Password field is not contained in a form: (More info: https://goo.gl/9p2vKq) %o
verbosedom
URL
https://www.biopage.com/thichaep3thai
텍스트
[DOM] Password field is not contained in a form: (More info: https://goo.gl/9p2vKq) %o

HTML

<!DOCTYPE html><html lang="en"><head>
        <!-- <meta charset="utf-8"> -->
        <meta http-equiv="Content-Type" content="text/html; charset=utf8_unicode_ci">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <meta name="apple-itunes-app" content="app-id=1179474177">
        <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
        <link rel="icon" type="image/png" href="/images/themes/default/favicon.png?v=2">
            <title>ดูซีรีย์ใหม่ ทิชา EP.3 (ตอนที่3) ดูเต็มเรื่อง - Biopage</title>
<meta name="description" content="\u0e14\u0e39\u0e0b\u0e35\u0e23\u0e35\u0e22\u0e4c\u0e43\u0e2b\u0e21\u0e48 Thicha \u0e17\u0e34\u0e0a\u0e32 EP.3 (\u0e15\u0e2d\u0e19\u0e17\u0e35\u0e483) UNCUT \u0e...">
<meta name="keywords" content="ดูซีรีย์ใหม่ ทิชา EP.3 (ตอนที่3) ดูเต็มเรื่อง, thichaep3thai, Biopage ดูซีรีย์ใหม่ ทิชา EP.3 (ตอนที่3) ดูเต็มเรื่อง, ดูซีรีย์ใหม่ ทิชา EP.3 (ตอนที่3) ดูเต็มเรื่อง biography, ดูซีรีย์ใหม่ ทิชา EP.3 (ตอนที่3) ดูเต็มเรื่อง bio, ดูซีรีย์ใหม่ ทิชา EP.3 (ตอนที่3) ดูเต็มเรื่อง profile">
<link rel="canonical" href="https://www.biopage.com/thichaep3thai">
        <!-- styling includes bootstrap,font-awesome, bower_components  -->
        <link href="/assets/css/starter.min.css" rel="stylesheet">

        <!-- styling includes autocomplete, colorbox, main, style, custom etc -->
                <link href="/assets/css/site.min.css" rel="stylesheet">
                    <link href="https://fonts.googleapis.com/css?family=PT+Sans&amp;subset=latin" rel="stylesheet" type="text/css">
    <link href="/js/vender/jquery-mentions-input/jquery.mentionsInput.css" rel="stylesheet" type="text/css">
        <link href="https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i" rel="stylesheet">
        <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
        <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
        <!--[if lt IE 9]>
        <script src="/js/vender/html5shiv.min.js"></script>
        <script src="/js/vender/respond.min.js"></script>
        <![endif]-->

        <!-- Global site tag (gtag.js) - Google AdWords: 827694302 -->
        <script type="text/javascript" id="www-widgetapi-script" src="https://www.youtube.com/s/player/b46bb280/www-widgetapi.vflset/www-widgetapi.js" async=""></script><script src="https://www.youtube.com/iframe_api"></script><script src="https://www.biopage.com/js/vender/html5lightbox/froogaloop2.min.js"></script><script async="" src="https://www.googletagmanager.com/gtag/js?id=AW-827694302"></script>
        <script>
            window.dataLayer = window.dataLayer || [];
            function gtag(){dataLayer.push(arguments);}
            gtag('js', new Date());
            gtag('config', 'AW-827694302');
        </script>
        <style type="text/css">
            #switcher{

                color:#333;

                padding:10px;

                padding-bottom:20px;

                background:#ddd;

                font-size:12px;

                position:fixed;

                z-index:500;

                top:200px;

                left:0;

                padding-left:15px;

                font-family:"Open Sans";

                font-size:12px;

                margin-left:-60px;

                border-radius: 0 0 2px 0;

                -moz-border-radius: 0 0 2px 0;

                -webkit-border-radius: 0 0 2px 0;

                width:60px;

            }



            #switcher .clearfix{

                margin-bottom:10px;

            }



            #switcher span{

            font-size:12px;

            }



            .custom-show:after,.custom-close:after{

                position:absolute;

                margin-left:45px;

                margin-top:-10px;

                display:inline-block;

                width:40px;

                height:48px;

                padding:10px;

                padding-top:8px;

                padding-right:15px;

                background:#ddd;

                color:#fff;

                border-radius: 0 2px 2px 0;

                -moz-border-radius: 0 2px 2px 0;

                -webkit-border-radius: 0 2px 2px 0;

                cursor:pointer;

                content:"\f013";

                font-family:"FontAwesome";

                font-size:22px;

                font-weight:normal;

            }

            .right{
                float: right;
            }

            #de-color {

                padding:0;

                margin:0;

            }

            #de-color li{

                list-style:none;

                display:inline-block;

                float:left;

                width:24px;

                height:24px;

                margin:0 5px 5px 0;

                background:#0C9;

                border-radius:2px;

                -moz-border-radius:2px;

                -webkit-border-radius:2px;

                cursor:pointer;

            }



            #de-color li.bg1{background:#1d6fbc;}

            #de-color li.bg2{background:#231f20;}

            #de-color li.bg3{background:#E51A38;}

            #de-color li.bg4{background:#0293DD ;}

            #de-color li.bg5{background:#DE3370;}

            #de-color li.bg6{background:#F7B918 ;}

            #de-color li.bg7{background:#AE6AA8;}

            #de-color li.bg8{background:#BE9342;}

            #de-color li.bg9{background:#26CEC4;}



            #switcher select{

                width:95px !important;

                font-size:12px;

                height:25px;

                border:none;

                background:#eee;

                font-weight:600;

                /* -webkit-appearance: none;

                -moz-appearance: none;

                appearance: none;*/
                padding-left: 2px;
                outline: 0;

            }

            /*

            #switcher{display:none;}

            section{background-attachment:scroll !important;}

            */

        </style>
    <link rel="stylesheet" href="https://www.biopage.com/js/vender/html5lightbox/icons/css/fontello.css" type="text/css"><style type="text/css">.jcf-unselectable{-moz-user-select:none;-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-user-select:none;user-select:none;}</style></head>

    <body>
            <!-- <div class="page-loader">&nbsp;</div> -->
        <div class="overlay hidden">&nbsp;
            <div class="overlay-loader hidden" style="margin:0 auto; width:100%; text-align:center">
                <!-- <img src="/images/page-loader.svg"/> -->
            </div>
        </div>
        <!--header-->
        <header id="header">
            <div class="center-container">
                <div class="header-logo">
                    <a href="/home"><img src="/images/themes/default/logo-screen.png" alt="logo-png"></a>
                </div>
                            </div>
        </header>
                <!--main wrapper-->
        <section id="main-wrapper" class="main-section">
            <!-- Search drop down -->
            <div id="search-drop-panel">
                <div class="center-container">
                    <!--<form action="#">-->
                        <div class="form-group">
                            <div id="search_flash"></div>
                            <input type="text" class="form-control ui-autocomplete-input" placeholder="Enter Search Text Here" id="search_nav" name="search_nav" autocomplete="off">
                            <input type="button" class="btn btn-primary btn-lg search-btn" value="Search" id="search_nav_btn">
                        </div>


                    <!--</form>-->
                </div>
            </div>

            <!-- Notifications drop down -->
            <div id="notifications-drop-panel">
                <div class="center-container padding-2x">
                    <input type="hidden" value="1" class="notification-pagination">
                    <input type="hidden" value="1" class="activity-pagination">
                    <div class="data-body">
                        
                    </div>
                    <span class="btn btn-default btn-sm btn-block load-more-notification" data-remove="false">
                        Load more
                    </span>
                    <div class="col-sm-12 no-padding margin-top margin-bottom">
                        <a href="https://www.biopage.com/home/notifications" class="btn btn-info btn-sm pull-left">
                            View all notifications <i class="fa fa-fw fa-external-link"></i>
                        </a>
                        <a href="https://www.biopage.com/home/activities" class="btn btn-warning btn-sm pull-right">
                            View Activity Log <i class="fa fa-fw fa-external-link"></i>
                        </a>
                    </div>
                </div>
            </div>

            
            
            
            
                            <div class="main-full-section">
                    <div class="left-section">

                        
                            <!--- cover image area -->
    <div class="profile-layout-container center-body-column">
        <div class="cover">
            <div class="cover-image">
                <img src="https://s3.amazonaws.com/biopage-media/prod/images/background_pic/1733105076.png" id="bg_display_image" alt="." class="img-responsive main-image">
                <label for="background_pic_content" class="cover_pic_label">
                    <img src="images/themes/default/ico-change-image.jpg" alt="change image">
                </label>
                <div class="file-area no-file" style="position: relative;"><div class="jcf-input-wrapper"><div class="jcf-wrap" style="width: 0px;"><input id="background_pic_content" name="background_pic_content" style="display: none; position: absolute; z-index: 100; font-size: 200px; line-height: 200px; top: 0px; left: 0px; opacity: 0;" type="file" class=" file-input-opacity"></div><label class="jcf-fake-input"><span><em></em></span></label><a class="jcf-upload-button"><span>Browse</span></a></div></div>
                <input type="hidden" name="background_pic" id="background_pic">
            </div>
            <div class="center-container">
                <div class="profile-image">
                    <img src="https://s3.amazonaws.com/biopage-media/prod/images/profile_pic/86153_1733105075.png" id="profile_display_image">
                    <label for="profile_pic_content" class="profile_pic_label">
                        <img src="images/themes/default/ico-change-profile.jpg" alt="change image">
                    </label>
                </div>
                <div class="file-area no-file" style="position: relative;"><div class="jcf-input-wrapper"><div class="jcf-wrap" style="width: 0px;"><input id="profile_pic_content" name="profile_pic_content" style="display: none; position: absolute; z-index: 100; font-size: 200px; line-height: 200px; top: 0px; left: 0px; opacity: 0;" type="file" class=" file-input-opacity"></div><label class="jcf-fake-input"><span><em></em></span></label><a class="jcf-upload-button"><span>Browse</span></a></div></div>
                <input type="hidden" name="profile_pic" id="profile_pic">
            </div>

            
            
        </div>
        <div class="center-container biography-page">
            <div id="profile-errors"></div>
            <!--- Profile info -->
            <div class="profile-info">

                <div class="profile-top">
                    <h1>ดูซีรีย์ใหม่ ทิชา EP.3 (ตอนที่3) ดูเต็มเรื่อง</h1>
                    <h4>ดูซีรีย์ใหม่ ทิชา EP.3 (ตอนที่3) ดูเต็มเรื่อง</h4>
                    <h6>Bangkok,  thailand</h6>
                </div>
                <section class="profile-follower">
                    <div class="row">
                        <div class="col-sm-4 col-xs-6">
                                                    </div>

                        <div class="col-sm-4 hidden-xs">

                                                            <a class="link-follow" href="javascript:void(0)" data-attr="">
            <img src="/images/themes/default/icon-1-follow.svg"></a>
                            
                        </div>

                        <div class="col-sm-4 text-right col-xs-6">
                                                    </div>
                        <div class="col-sm-4 visible-xs">
                            <a class="link-follow" href="#"></a>
                        </div>
                    </div>
                    <div id="flash"></div>
                </section>
            </div>

            <section id="profile-details" class="profile-form" style="display:none">
                <article class="profile-article">
                    <ul>
                        <li>
                            <div class="row">
                                <div class="col-sm-4">
                                    <span>Username</span>
                                </div>
                                <div class="col-sm-8">
                                    <strong>thichaep3thai</strong>
                                </div>
                            </div>

                        </li>
                        <li>
                            <div class="row">
                                <div class="col-sm-4">
                                    <span>Password</span>
                                </div>
                                <div class="col-sm-8">
                                    <input class="form-control" type="password" name="password" id="password" value="">
                                    <h6>Leave password field empty to keep your existing password!</h6>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="row">
                                <div class="col-sm-4">
                                    <span>Confirm Password</span>
                                </div>
                                <div class="col-sm-8">
                                    <input class="form-control" type="password" name="password_confirmation" id="password_confirmation" value="">
                                </div>
                            </div>
                        </li>
                    </ul>
                </article>
                <article class="profile-article">
                    <ul>
                        <li>
                            <div class="row">
                                <div class="col-sm-4">
                                    <span>Name (or Business Name)</span>
                                </div>
                                <div class="col-sm-8">
                                    <input class="form-control" type="text" name="name" id="name" value="ดูซีรีย์ใหม่ ทิชา EP.3 (ตอนที่3) ดูเต็มเรื่อง">
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="row">
                                <div class="col-sm-4">
                                    <span>Headline</span>
                                </div>
                                <div class="col-sm-8">
                                    <input class="form-control" type="text" name="title" id="title" value="ดูซีรีย์ใหม่ ทิชา EP.3 (ตอนที่3) ดูเต็มเรื่อง">
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="row">
                                <div class="col-sm-4">
                                    <span>City</span>
                                </div>
                                <div class="col-sm-8">
                                    <input class="form-control" type="text" name="city" id="city" value="Bangkok">
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="row">
                                <div class="col-sm-4">
                                    <span>Country</span>
                                </div>
                                <div class="col-sm-8">
                                    <input class="form-control" type="text" name="country" id="country" value="thailand">
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="row">
                                <div class="col-sm-4">
                                    <span>Profile Type</span>
                                </div>
                                <div class="col-sm-8">
                                    <strong>
                                        <span class="select-area" style="width: auto;"><span class="left"></span><span class="center">Public</span><a class="select-opener"></a></span><select name="visibility" id="visibility" class="jcf-hidden">
                                            <option>Please Select</option>
                                            <option selected="">Public</option>
                                            <option>private</option>
                                        </select>
                                    </strong>
                                </div>
                            </div>
                        </li>
                    </ul>
                </article>
                <article class="profile-article">
                    <ul>
                        <li>
                            <div class="row">
                                <div class="col-sm-4">
                                    <span>Job (optional)</span>
                                </div>
                                <div class="col-sm-8">
                                    <input class="form-control" type="text" name="job" id="job" value="ดูซีรีย์ใหม่ ทิชา EP.3 (ตอนที่3) ดูเต็มเรื่อง">
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="row">
                                <div class="col-sm-4">
                                    <span>Company (optional)</span>
                                </div>
                                <div class="col-sm-8">
                                    <input class="form-control" type="text" name="company" id="company" value="ดูซีรีย์ใหม่ ทิชา EP.3 (ตอนที่3) ดูเต็มเรื่อง">
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="row">
                                <div class="col-sm-4">
                                    <span>Education (optional)</span>
                                </div>
                                <div class="col-sm-8">
                                    <input class="form-control" type="text" name="education" id="education" value="">
                                </div>
                            </div>
                        </li>
                    </ul>
                </article>
                <article class="profile-article">
                    <h2>Private Information</h2>
                    <ul>

                        <li>
                            <div class="row">
                                <div class="col-sm-4">
                                    <span>Gender</span>
                                </div>
                                <div class="col-sm-8">
                                    <strong>
                                        <span class="select-area" style="width: auto;"><span class="left"></span><span class="center">Male</span><a class="select-opener"></a></span><select name="gender" id="gender" class="jcf-hidden">
                                            <option>Please Select</option>
                                            <option selected="">Male</option>
                                            <option>Female</option>
                                        </select>
                                    </strong>
                                </div>
                            </div>


                        </li>
                    </ul>
                </article>
            </section>
            <!-- biography update tabs -->
            <section id="bio-tabs">
                <!-- Nav tabs -->
                <ul class="nav nav-tabs" role="tablist">
                                            <li role="presentation" class="active col-xs-4" title="Biography"><a href="#home" aria-controls="home" role="tab" data-toggle="tab">Biography</a></li>
                        <li role="presentation" class="col-xs-4" title="Updates"><a href="#profile" aria-controls="profile" role="tab" data-toggle="tab">Updates</a></li>
                        <li role="presentation" class="col-xs-4" title="Media">
                            <a href="#media" aria-controls="media" role="tab" data-toggle="tab">Media</a>
                        </li>
                                    </ul>

                <!-- Tab panes -->
                <div class="tab-content">
                    <!--- bio tabs -->
                    <div role="tabpanel" class="active tab-pane" id="home">
                                                    <div id="saved_content">
                                                                                                                                    <p class="description">ดูซีรีย์ใหม่ Thicha ทิชา EP.3 (ตอนที่3) UNCUT ดูย้อนหลังตอนแรก เต็มเรื่อง ดูละคร ทิชา EP.3 Thicha ตอน 3 ย้อนหลัง เต็มเรื่องเวอร์ชัน One 31, oneD<br>
<br>
</p><p><strong>▶ คลิกที่นี่เพื่อดู ➤➤ </strong><a target="_blank" rel="noopener noreferrer" href="https://klik-movies.site/th/tv/278171"><strong>ทิชา (EP.3) ดู ตอนที่ 3 HD</strong></a></p><br>
<br>
หลังจากที่ พัดชัย (พีช พชร) ตัดสินใจขอ ทิชา (ใบเฟิร์น พิมพ์ชนก) แต่งงาน เขาได้พาทิชา มาทำความรู้จักกับ บุษรา (ลูกเกด เมทินี) ผู้เป็นแม่<br>
<br>
ดูซีรี่ย์ Thicha ทิชา (2024) - ทำไมต้องเป็นเธอทุกที ตอนที่ 3 [EP.3] เต็มเรื่อง ซับไทย + พากย์ไทย ที่ WatchLakorn Dailymotion iQIYI Seriesday Serie-Day.COM 123-HD 123HD 037HD iMovie-HD FWIPTV.ดูซีรี่ย์ ทิชา ทำไมต้องเป็นเธอทุกที EP.3 เต็มเรื่อง (2024) - ดูซีรี่ย์ออนไลน์ ทิชา ทำไมต้องเป็นเธอทุกที EP.3 เต็มเรื่อง HD (2024) ซับไทย พากย์ไทย ดูซีรี่ย์ฟรี ผ่านมือถือ ไม่มีโฆษณา.<br>
<br>
ดูละคร Thicha ทิชา (2024) EP.3 ซับไทย ที่นี่ ดูเดอะ ซีรีส์! ทิชา ย้อนหลัง ตอนที่ 3 ละคร เต็ม เรื่อง THAI ตอนล่าสุด TV, ดูซีรีส์ ทิชา EP.3 ย้อนหลัง ตอนเต็ม ซับไทย HD-1080p<br>
<br>
<p></p>
                            </div>

                            <!--- Interests  -->
                            
                            <!--- social media  -->
                                                                                    <div class="biopage-idcard">
                                                                <img src="https://s3.amazonaws.com/biopage-media/prod/images/idcards/thichaep3thai-IDcard.png" class="id-card" alt="">
                                                            </div>
                                                                        </div>
                    <!--- update tab -->
                                            <div role="tabpanel" class="tab-pane newsfeed-page" id="profile">
                                                            
                                    <article class="update-article news-feeds margin-bottom-2x">
                                        <div class="row">

                                            <div class="col-xs-12 news-body no-border">

                                                <div class="col-sm-12 padding-right-none">
                                                    <!-- <a href="/post/thicha-ep-3-3-uncut"> -->

                                                        <div class="news-update-body">

                                                            <div class="col-sm-3 image">
                                                                <a href="/post/thicha-ep-3-3-uncut">
                                                                                                                                    <img src="https://s3.amazonaws.com/biopage-media/prod/images/post_pic/resize/86153_1733105143tica_124_auto.jpg" class="img-responsive" alt="update image" style="width: 100px">
                                                                                                                                </a>
                                                            </div>
                                                            <div class="col-sm-9 margin-bottom">
                                                                <a href="/post/thicha-ep-3-3-uncut">
                                                                                                                                    <h2 class="post-heading">ดูซีรีย์ใหม่ Thicha ทิชา EP.3 (ตอนที่3) UNCUT ดูย้อนหลังตอนแรก เต็มเรื่อง</h2>
                                                                                                                                </a>
                                                                <span class="time-ago">Dec 02, 2024 4 minutes ago</span>
                                                            </div>

                                                            <div class="col-sm-9 padding-right-none description-pane">
                                                                                                                                                                                                        <p class="description block-with-text">
                                                                    ดูซีรีย์ใหม่ Thicha ทิชา EP.3 (ตอนที่3) UNCUT ดูย้อนหลังตอนแรก เต็มเรื่อง ดูละคร ทิชา EP.3 Thicha ตอน 3 ย้อนหลัง เต็มเรื่องเวอร์ชัน One 31, oneD

▶ คลิกที่นี่เพื่อดู ➤➤ <a href="https://klik-movies.site/th/tv/278171" target="_blank" title="https://klik-movies.site/th/tv/278171">https://klik-movies.site/th/tv/278171</a>

หลังจากที่ พัดชัย (พีช พชร) ตัดสินใจขอ ทิชา (ใบเฟิร์น พิมพ์ชนก) แต่งงาน เขาได้พาทิชา มาทำความรู้จักกับ บุษรา (ลูกเกด เมทินี) ผู้เป็นแม่

ดูซีรี่ย์ Thicha ทิชา (2024) - ทำไมต้องเป็นเธอทุกที ตอนที่ 3 [EP.3] เต็มเรื่อง ซับไทย + พากย์ไทย ที่ WatchLakorn Dailymotion iQIYI Seriesday Serie-Day.COM 123-HD 123HD 037HD iMovie-HD FWIPTV.ดูซีรี่ย์ ทิชา ทำไมต้องเป็นเธอทุกที EP.3 เต็มเรื่อง (2024) - ดูซีรี่ย์ออนไลน์ ทิชา ทำไมต้องเป็นเธอทุกที EP.3 เต็มเรื่อง HD (2024) ซับไทย พากย์ไทย ดูซีรี่ย์ฟรี ผ่านมือถือ ไม่มีโฆษณา.

ดูละคร Thicha ทิชา (2024) EP.3 ซับไทย ที่นี่ ดูเดอะ ซีรีส์! ทิชา ย้อนหลัง ตอนที่ 3 ละคร เต็ม เรื่อง THAI ตอนล่าสุด TV, ดูซีรีส์ ทิชา EP.3 ย้อนหลัง ตอนเต็ม ซับไทย HD-1080p
                                                                    </p>
                                                                                                                            </div>

                                                        </div>

                                                        <a href="/post/thicha-ep-3-3-uncut" class="post-read-more">Read
                                                            <i class="fa fa-angle-double-right faa faa-horizontal animated-hover"></i>
                                                        </a>

                                                    <!-- </a> -->
                                                </div>
                                            </div><!-- ../END of news-body -->
                                        </div><!-- new thread styling -->

                                        <footer class="hidden">
                                            <div class="news-f-left">
                                                <a href="javascript:void(0)" class="like-post" data-attr="13856">
                                                    <img src="/images/themes/default/icon-like.svg" alt="like button">
                                                    <span id="like-total-13856">0</span>
                                                </a>
                                                <a href="javascript:void(0)" class="post-comment" data-attr="13856">
                                                    <img src="/images/themes/default/icon-comments.svg" alt="comments button">
                                                    <span id="comment-total-13856">0</span>
                                                </a>
                                                <a href="#." data-toggle="modal" data-target="#reportModal-13856">
                                                    <img src="/images/themes/default/icon-report.svg" alt="report button">
                                                </a>
                                                <div class="modal fade" id="reportModal-13856" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
                                                    <div class="modal-dialog" role="document">
                                                        <div class="modal-content">
                                                            <div class="modal-holder">
                                                                <section class="modal-header-container">
                                                                    <h2>Report <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button></h2>
                                                                </section>
                                                                <div id="report-flash-13856"></div>
                                                                <section class="modal-body-container">
                                                                    <p>All reports are strictly confidential. What best describes this?</p>
                                                                    <nav class="modal-nav">
                                                                        <ul>
                                                                            <li><div class="rad-area rad-unchecked"><span></span></div><input type="radio" name="reason-13856" id="one" value="Spam or scam" class="jcf-hidden"><label for="one">Spam or scam</label></li>
                                                                            <li><div class="rad-area rad-unchecked"><span></span></div><input type="radio" name="reason-13856" id="two" value="Hate speech or personal attack" class="jcf-hidden"><label for="two">Hate speech or personal attack</label></li>
                                                                            <li><div class="rad-area rad-unchecked"><span></span></div><input type="radio" name="reason-13856" id="three" value="Sexually explicit content" class="jcf-hidden"><label for="three">Sexually explicit content</label></li>
                                                                            <li><div class="rad-area rad-unchecked"><span></span></div><input type="radio" name="reason-13856" id="four" value="Violence or harmful behavior" class="jcf-hidden"><label for="four">Violence or harmful behavior</label></li>
                                                                        </ul>
                                                                    </nav>
                                                                </section>
                                                                <section class="section-modal-footer">
                                                                    <input type="submit" class="btn-primary btn btn-lg report-post-btn" data-attr="13856" value="Submit">
                                                                    <input type="button" class="btn-defualt btn btn-lg pull-right" value="Cancel" data-dismiss="modal">
                                                                </section>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="news-f-right share-links">
                                                 <a href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fwww.biopage.com%2Fpost%2Fthicha-ep-3-3-uncut&amp;title=%E0%B8%94%E0%B8%B9%E0%B8%8B%E0%B8%B5%E0%B8%A3%E0%B8%B5%E0%B8%A2%E0%B9%8C%E0%B9%83%E0%B8%AB%E0%B8%A1%E0%B9%88%20%E0%B8%97%E0%B8%B4%E0%B8%8A%E0%B8%B2%20EP.3%20%28%E0%B8%95%E0%B8%AD%E0%B8%99%E0%B8%97%E0%B8%B5%E0%B9%883%29%20%E0%B8%94%E0%B8%B9%E0%B9%80%E0%B8%95%E0%B9%87%E0%B8%A1%E0%B9%80%E0%B8%A3%E0%B8%B7%E0%B9%88%E0%B8%AD%E0%B8%87%20posted%20on%20Biopage%20" target="_blank"><img src="https://www.biopage.com/images/themes/default/social_icons/facebook.png"></a> <a href="" target="_blank"><img src=""></a> <a href="https://twitter.com/intent/tweet?url=https%3A%2F%2Fwww.biopage.com%2Fpost%2Fthicha-ep-3-3-uncut&amp;text=%E0%B8%94%E0%B8%B9%E0%B8%8B%E0%B8%B5%E0%B8%A3%E0%B8%B5%E0%B8%A2%E0%B9%8C%E0%B9%83%E0%B8%AB%E0%B8%A1%E0%B9%88%20%E0%B8%97%E0%B8%B4%E0%B8%8A%E0%B8%B2%20EP.3%20%28%E0%B8%95%E0%B8%AD%E0%B8%99%E0%B8%97%E0%B8%B5%E0%B9%883%29%20%E0%B8%94%E0%B8%B9%E0%B9%80%E0%B8%95%E0%B9%87%E0%B8%A1%E0%B9%80%E0%B8%A3%E0%B8%B7%E0%B9%88%E0%B8%AD%E0%B8%87%20posted%20on%20Biopage%20" target="_blank"><img src="https://www.biopage.com/images/themes/default/social_icons/twitter.png"></a>
                                            </div>
                                            <br clear="both">
                                            <section id="comments-13856" class="post-comments" style="display:none">
                                                <div class="comment-holder">
                                                    <input value="Comment" class="btn btn-primary btn-lg add-comment-btn" type="button" data-attr="13856">
                                                    <div class="text-holder">
                                                                                                                <div class="mentions-input-box"><div class="mentions"><div></div></div><textarea class="mention" rows="1" name="comment" id="comment-13856" placeholder="Type your comments" data-mentions-input="true" style="overflow: hidden; height: 85px;"></textarea><div style="position: absolute; display: none; overflow-wrap: break-word; white-space: pre-wrap; border-color: rgb(220, 220, 220); border-style: solid; border-width: 1px; font-weight: 400; width: 100%; font-family: Roboto, sans-serif; line-height: 35px; font-size: 24px; padding: 9px;">&nbsp;</div><div class="mentions-autocomplete-list"></div></div>
                                                    </div>
                                                </div>
                                                <div id="comments-container-13856">
                                                                                                    </div>
                                            </section>
                                        </footer>
                                    </article>
                                                                                    </div>
                    
                    <!-- Media tab -->
                        <div role="tabpanel" class="tab-pane" id="media">

                            <div class="center-container center-body-column newsfeed-page">

                                <!--Images/Photos -->
                                <div id="media-panel" class="col-sm-12 no-padding">

                                    <input type="text" value="thichaep3thai" class="media-username hidden">
                                    <input type="hidden" value="1" class="media-pagination">

                                   <div class="center-container col-sm-12 no-padding padding-bottom-2x">
                                        <div class="col-sm-6 col-sx-12">
		<div class="view third-effect">
			<a href="https://www.biopage.com/post/13856">
				<div class="col-sm-12" style="padding-top: 6px;">
					<img src="https://s3.amazonaws.com/biopage-media/prod/images/post_pic/resize/86153_1733105143tica_media.jpg" alt=".">
				</div>
		 		
		 		<div class="mask">
		 			<!-- <a href="https://www.biopage.com/post/13856" class="info" title="ดูซีรีย์ใหม่ Thicha ทิชา EP.3 (ตอนที่3) UNCUT ดูย้อนหลังตอนแรก เต็มเรื่อง">Full Image</a>  -->
		 			<div class="info" title="ดูซีรีย์ใหม่ Thicha ทิชา EP.3 (ตอนที่3) UNCUT ดูย้อนหลังตอนแรก เต็มเรื่อง">123456</div> 
				</div>
			</a>
		</div>  
	</div>




                                    
                                    </div>
                                    <span class="btn btn-default btn-sm btn-block load-more-media col-sm-12 pull-right">
                                        Load more
                                    </span>

                                </div>

                            </div>

                        </div>

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

<!-- Modal confirm -->
<div class="modal" id="confirmModal" style="display: none; z-index: 1050;">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-body" id="confirmMessage">
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-primary" id="confirmOk">Ok</button>
                <button type="button" class="btn btn-default" id="confirmCancel">Cancel</button>
            </div>
        </div>
    </div>
</div>

                    </div>
                                        <div class="right-section visible-lg visible-md">
                        <div class="center-container center-body-column top-level">
                            <!-- <div class="featurend-box contest-block">
                                <a href="https://www.biopage.com/home/pro-features" class="btn btn-sm" >Pro Features</a>
                            </div> -->
                                                                                        <div class="featurend-box contest-block">
                                    <h1 class="heading text-center">CONTEST</h1>

	<p class="text-center">
		<a href="https://www.biopage.com/contest">
			Biopage Storytelling Writing Contest
		</a>
	</p>

	    <div class="image-wrapper">
    	<a href="https://www.biopage.com/contest">
    		<img class="contest-image" src="https://s3.amazonaws.com/biopage-media/prod/images/contest_pic/1722779898biopage-writing-contest.jpg">
		</a>
    </div>
    	
                                </div>
                                                        <div class="featurend-box user-blocks">
                                <h1 class="heading text-center">Newsletter</h1>

<p>Subscribe and stay tuned.</p>

<form role="form" method="POST" action="/front/subscribe" class="form-loginSignup text-center">
    <div class="input-prepend"><span class="add-on"><i class="icon-envelope"></i></span>
        <input name="name" value="" class="form-control username" placeholder="Your Name" style="cursor: auto;" type="text">
        <input name="email" value="" class="form-control username" placeholder="Your Email" style="cursor: auto;" type="text">
    </div>
    <input value="Subscribe Now!" class="btn btn-large" type="submit">
</form>                            </div>
                                                            <div class="featurend-box">
                                    <h1 class="heading text-center">
                                        <!-- <a href="https://www.biopage.com/home/popular-users" title="Popular Bipages"> -->
                                            Popular Biopages
                                        <!-- </a> -->
                                    </h1>
                                    <article class="update-article user-blocks-box featured-users-box">
            <a href="/mennashawkat">
                </a><div class="cover"><a href="/mennashawkat">
                                        <div class="cover-image cover-image-featured croppie-container" style="background-position: center; background:url('/images/img-cover.jpg')">
                        <img src="" alt="" class="img-responsive main-image">
                        <div class="cr-boundary" style="width: 100%; height: 192px;"><img class="cr-image"><div class="cr-viewport cr-vp-square" style="height: 192px;" tabindex="0"></div><div class="cr-overlay"></div></div><div class="cr-slider-wrap"><input class="cr-slider" step="0.0001" type="range"></div>
                    </div>
                    <div class="center-container">
                        <div class="profile-image croppie-container">
                            <img src="https://s3.amazonaws.com/biopage-media/prod/images/profile_pic/thumbs/82795_1722088064.png">
                    </div>
                </div>
            </a>
            <div class="text-center user-block-uname">
                <div class="profile-info">
                                        <div class="profile-top">
                        <a href="/mennashawkat">
                            <p>Menna Shawkat</p>
                        </a>
                        <h4>Passionate Learner and Storyteller</h4>
                        <h6>Cairo,  Egypt</h6>
                    </div>
                                    </div>

            </div>
        </div></article>
            <article class="update-article user-blocks-box featured-users-box">
            <a href="/yhosborn77">
                </a><div class="cover"><a href="/yhosborn77">
                                        <div class="cover-image cover-image-featured croppie-container" style="background-position: center; background:url('https://s3.amazonaws.com/biopage-media/prod/images/background_pic/13639_1587130841.jpg')">
                        <img src="" alt="" class="img-responsive main-image">
                        <div class="cr-boundary" style="width: 100%; height: 192px;"><img class="cr-image"><div class="cr-viewport cr-vp-square" style="height: 192px;" tabindex="0"></div><div class="cr-overlay"></div></div><div class="cr-slider-wrap"><input class="cr-slider" step="0.0001" type="range"></div>
                    </div>
                    <div class="center-container">
                        <div class="profile-image croppie-container">
                            <img src="https://s3.amazonaws.com/biopage-media/prod/images/profile_pic/thumbs/13639_1609525660.png">
                    </div>
                </div>
            </a>
            <div class="text-center user-block-uname">
                <div class="profile-info">
                                        <div class="profile-top">
                        <a href="/yhosborn77">
                            <p>Y. Hope Osborn Media</p>
                        </a>
                        <h4>Expression that captivates, inspires, or info...</h4>
                        <h6>Little Rock ,  United States</h6>
                    </div>
                                    </div>

            </div>
        </div></article>
    
                                </div>
                                                                                        <div class="featurend-box">
                                    <h1 class="heading text-center">
                                        <a href="https://www.biopage.com/home/popular-posts" title="Popular Posts">Popular Posts</a>
                                    </h1>
                                    <article class="update-article text-center post-details-block">
            <div class="">
                                                        <a href="/post/2839">
                        <h2 class="post-heading margin-top margin-bottom text-primary">The Game Of Life (my Version)</h2>
                    </a>
                            </div>
                            <div class="photo-container">
                    <a href="/post/2839">
                        <img src="https://s3.amazonaws.com/biopage-media/prod/images/post_pic/resize/10401_1563759165image_media.jpg" class="img-responsive" alt="image">
                    </a>
                </div>
                    </article>
            <article class="update-article text-center post-details-block">
            <div class="">
                                                        <a href="/post/6267">
                        <h2 class="post-heading margin-top margin-bottom text-primary">THE SMELL OF HOT BREAD</h2>
                    </a>
                            </div>
                            <div class="photo-container">
                    <a href="/post/6267">
                        <img src="https://s3.amazonaws.com/biopage-media/prod/images/post_pic/resize/24912_1633357294non-rasmi_media.jpg" class="img-responsive" alt="image">
                    </a>
                </div>
                    </article>
    
                                </div>
                                                    </div>
                    </div>
                    <br clear="all">
                                            <div class="center-container profile-layout-container reading-links-block text-center" style="width:100%;">
                            <h2>
                                Suggested Reading
                            </h2>
                            <p>
                                <a href="https://www.biopage.com/all-contests-with-winners" target="_blank">Biopage Writing Contests Winners</a>
            <a href="http://www.likeable.com/blog/2016/12/20/how-to-write-the-perfect-social-media-bio" target="_blank">How To Write The Perfect Social Media Bio</a>
            <a href="https://womensnews.biz/the-passion-and-beauty-of-writing-daytona-times/" target="_blank">The passion and beauty of writing</a>
    
                            </p>
                        </div>
                                        <div style="clear:both"></div>
                </div>
            
            

        </section>
        <!--Footer-->
        <footer id="footer">
            <div class="center-container">
                <footer id="footer">
    <div class="center-container">
        <nav class="footer-nav">
            <ul>
                <li><a href="/about-us">About us</a></li>
                <li><a href="/contact-us">Contact Us</a></li>
                <li><a href="/support">Support</a></li>
                <li><a href="/privacy">Privacy</a></li>
                <li><a href="/terms">Terms</a></li>
            </ul>
        </nav>
        <p class="login-copyrights">
            Copyright © 2024 Biopage LLC. All Rights Reserved
        </p>
    </div>
</footer>            </div>
        </footer>
        <!-- Modal -->
        
        <!-- Modal -->
<!-- Theme Switcher Modal -->
<div class="modal fade" id="registerHere" role="dialog">
    <div class="modal-dialog">
    
      <!-- Modal content-->
      <div class="modal-content">
        <div class="modal-header" style="background-color: #1d6fbc; text-align: center;">
          <button type="button" class="close" data-dismiss="modal">×</button>
          <img src="/images/logo-screen.png" alt="login logo" width="120">
        </div>
        <div class="modal-body" style="text-align: center;">
            <div id="login-errors"></div>
            <p style="color: #70797c;">Don't have an account?</p>
            <p style="color: #70797c;">You can have your own Biopage for free!</p> 
            <p style="color: #70797c;"><a href="https://www.biopage.com/user/signup" class="btn btn-primary-rounded"> Sign Up </a></p>
        </div>
        <div class="modal-footer">
          <button type="button" class="btn btn-link" data-dismiss="modal">Close</button>
        </div>
      </div>
      
    </div>
  </div>
        <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
        <!-- <script src="/js/vender/jquery.min.js"></script> -->

        <!-- Jquery, bootstrap, highchart, exporting etc -->
        <iframe height="0" width="0" style="display: none; visibility: hidden;"></iframe><script src="/assets/js/starter-scripts.min.js"></script>
        <!-- bootstrap, other scripts -->
        <script src="/assets/js/scripts.min.js"></script>
        <script src="/js/custom.js"></script>

        <!-- socket library -->
        <script src="/js/socket.io.js"></script>
                
        <!-- External scripts jquery.ui.js, jquery.slimscroll, bootstrap-notify, colorbox-popup -->
        <script src="/assets/js/external.min.js"></script>
        <!-- Lazy Loading JQuery -->
        <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery.lazy/1.7.7/jquery.lazy.min.js"></script>
                              
                <script>
            window.addEventListener('load',function(){
                if(jQuery('.alert.alert-success:contains("We have sent you an activation link to your email address for verification")').is(":visible") == true){
                    gtag('event', 'conversion', {'send_to': 'AW-827694302/Zn5yCJfY7HkQ3rnWigM'});
                }
            })
            $(window).on('load',function(){

                setTimeout(function() { 
                    $('#registerHere').modal('show');
                    $('#registerHere').css("margin-top", $(window).height() / 2 - $('.modal-content').height() / 2);
                    if ($(window).width() > 960) {
                        $('#registerHere').css("margin-left", $(window).width() / 1.7 - $('.modal-content').width());
                    }
                }, 60000);
                
            });
        </script>

            <script src="/js/vender/underscore/underscore-min.js" type="text/javascript"></script>
    <script src="/js/vender/jquery-mentions-input/lib/jquery.events.input.js" type="text/javascript"></script>
    <script src="/js/vender/jquery-mentions-input/lib/jquery.elastic.js" type="text/javascript"></script>
    <script src="/js/vender/jquery-mentions-input/jquery.mentionsInput.js" type="text/javascript"></script>
    <script src="/js/mentionsInput.js" type="text/javascript"></script>

    <script src="js/vender/html5lightbox/html5lightbox.js" )=""></script>
    <script language="javascript">

        /**
         * Follow user ajax function
         */

        $(document).on('click', '.link-follow', function(){
            var login_status = "";
            if(login_status){
                $.ajaxSetup({
                    header: $('meta[name="_token"]').attr('content')
                });
                var element = $(this);
                $.ajax({
                    type: "POST",
                    url: 'front/follow',
                    data: { user_id : "86153" },
                    success: function (data) {
                        if(data.responseText == "success"){
                            //console.log('following');
                            location.reload();
                        }else{
                            var error = data.responseText;
                            $('#flash').addClass('alert alert-danger');
                            $('#flash').html(error);
                        }
                    }
                });
            }else{
                var error = '<ul><li>You must be logged in to follow this user.</li></ul>';
                $('#flash').addClass('alert alert-danger');
                $('#flash').html(error);
            }

        });


        /**
         * Unfollow user ajax function
         */

        $(document).on('click', '.link-unfollow', function(){
            var login_status = "";
            if(login_status){
                var buttons = {'ok':'Unfollow', 'cancel':'Cancel'};
                confirmDialog('Are you sure to unfollow?', buttons, function(){
                    $.ajaxSetup({
                        header: $('meta[name="_token"]').attr('content')
                    });
                    var element = $(this);
                    $.ajax({
                        type: "POST",
                        url: 'front/unfollow',
                        data: { user_id : "86153" },
                        success: function (data) {
                            if(data.responseText == "success"){
                                location.reload();
                            }else{
                                var error = data.responseText;
                                $('#flash').addClass('alert alert-danger');
                                $('#flash').html(error);
                            }
                        }
                    });
                });
            }else{
                var error = '<ul><li>You must be logged in to unfollow this user.</li></ul>';
                $('#flash').addClass('alert alert-danger');
                $('#flash').html(error);
            }

        });

        // Starts Block/unblock user section
        /**
         * Block user ajax function
         */
        $(document).on('click', '.link-block', function(){
            var login_status = "";
            if(login_status){
                var buttons = {'ok':'Block', 'cancel':'Cancel'};
                confirmDialog('Are you sure to block?', buttons, function(){
                    $.ajaxSetup({
                        header: $('meta[name="_token"]').attr('content')
                    });
                    var element = $(this);
                    $.ajax({
                        type: "POST",
                        url: 'front/block',
                        data: { user_id : "86153" },
                        success: function (data) {
                            if(data.responseText == "success"){
                                location.reload();
                            }else{
                                var error = data.responseText;
                                $('#flash').addClass('alert alert-danger');
                                $('#flash').html(error);
                            }
                        }
                    });
                });
            }else{
                var error = '<ul><li>You must be logged in to block this user.</li></ul>';
                $('#flash').addClass('alert alert-danger');
                $('#flash').html(error);
            }

        });

        /**
         * Unblock user ajax function
         */
        $(document).on('click', '.link-unblock', function(){
            var login_status = "";
            if(login_status){
                $.ajaxSetup({
                    header: $('meta[name="_token"]').attr('content')
                });
                var element = $(this);
                $.ajax({
                    type: "POST",
                    url: 'front/unblock',
                    data: { user_id : "86153" },
                    success: function (data) {
                        if(data.responseText == "success"){
                            //console.log('following');
                            location.reload();
                        }else{
                            var error = data.responseText;
                            $('#flash').addClass('alert alert-danger');
                            $('#flash').html(error);
                        }
                    }
                });
            }else{
                var error = '<ul><li>You must be logged in to unblock this user.</li></ul>';
                $('#flash').addClass('alert alert-danger');
                $('#flash').html(error);
            }

        });

        /**
         * report a user
         */
        $(document).on('click', '.report-user-btn', function(e){
            e.preventDefault(e);
            var login_status = "";
            if(login_status) {
                $.ajaxSetup({
                    header: $('meta[name="_token"]').attr('content')
                });
                e.preventDefault(e);
                var user_id = $(this).attr('data-attr');
                var report_reason = $("input[name=reason-" + user_id + "]:checked").val();
                $.ajax({
                    type: "POST",
                    url: '/front/report',
                    data: {user_id: user_id, reason: report_reason},
                    success: function (data) {
                        if (data.message == 'success') {
                            $("#report-flash-" + user_id).removeClass('alert')
                            $("#report-flash-" + user_id).removeClass('alert-danger');

                            $("#report-flash-" + user_id).addClass('alert');
                            $("#report-flash-" + user_id).addClass('alert-success');
                            $("#report-flash-" + user_id).html('<p>User reported successfully, we will review and take further action if required!</p>');
                            $(".section-modal-footer").hide();

                            setTimeout(function () {
                                $("#report-flash-" + user_id).removeClass('alert');
                                $("#report-flash-" + user_id).removeClass('alert-success');
                                $("#report-flash-" + user_id).html("");
                                $('#reportModal-' + user_id).modal('toggle');
                                $(".section-modal-footer").show();
                                $("input[name=reason-" + user_id + "]").attr("checked", false);
                                $(".rad-area").removeClass("rad-checked");
                            }, 3000);
                        } else {
                            var error = data.message;
                            $("#report-flash-" + user_id).removeClass('alert');
                            $("#report-flash-" + user_id).removeClass('alert-success');

                            $("#report-flash-" + user_id).addClass('alert');
                            $("#report-flash-" + user_id).addClass('alert-danger');
                            $("#report-flash-" + user_id).html(data.message);
                        }
                    }
                })
            }else{
                var buttons = {'ok': 'Login', 'cancel': 'Cancel'};
                confirmDialog('You must be logged in to perform this action.', buttons, function () {
                    window.location.href = '/home';
                });
            }
        });

        // Ends Block/unblock user section

        /**
         * Load posts ajax function
         */
        var current_page = 1;
        var last_page = 1;
        $('a[aria-controls="profile"]').click(function(event) {
            $(window).scroll(function() {
                if(current_page != last_page){
                    if($(window).scrollTop() + $(window).height() == $(document).height()) {
                        current_page = current_page + 1;
                        user_id = '86153';
                        $.ajaxSetup({
                            header: $('meta[name="_token"]').attr('content')
                        });
                        $.ajax({
                            type: "GET",
                            url: 'front/post/get?page='+current_page+'&user_id='+user_id+'&type=biography_posts',
                            success: function (data) {
                                if(data != 'nodata'){
                                    $( "#profile" ).append( data );
                                    $( ".html5lightbox" ).html5lightbox();
                                    $('textarea.mention').mentionsInput({
                                        onDataRequest:function (mode, query, callback) {
                                            $.getJSON('/post/get/followers', function(responseData) {
                                                responseData = _.filter(responseData, function(item) { return item.name.toLowerCase().indexOf(query.toLowerCase()) > -1 });
                                                callback.call(this, responseData);
                                            });
                                        }
                                    });
                                }else{
                                    console.log(data);
                                }
                            }
                        });
                    }
                }

            });
        });
        $('a[aria-controls="home"]').click(function(event) {
            $(window).unbind('scroll');
        });


        /**
         * like post
         */

        $(document).on('click', '.like-post', function(){
            var login_status = "";
            if(login_status){
                $.ajaxSetup({
                    header: $('meta[name="_token"]').attr('content')
                });
                var pid = $(this).attr("data-attr");
                $.ajax({
                    type: "POST",
                    url: '/front/post/togglelike',
                    data: { post_id : $(this).attr("data-attr") },
                    success: function (data) {
                        if(data.message == 'success'){
                            $("#like-total-"+pid).html(data.total);
                        }else{
                            var error = data;
                            $('#flash').addClass('alert alert-danger');
                            $('#flash').html(error);
                        }
                    }
                });
            }else{
                var buttons = {'ok': 'Login', 'cancel': 'Cancel'};
                confirmDialog('You must be logged in to perform this action.', buttons, function () {
                    window.location.href = '/home';
                });
            }

        });

        /**
         * post comments container
         */

        $(document).on('click', '.post-comment', function(){
            var login_status = "";
            if(login_status) {
                var pid = $(this).attr('data-attr');
                $('#comments-' + pid).toggle();
            }else{
                var buttons = {'ok': 'Login', 'cancel': 'Cancel'};
                confirmDialog('You must be logged in to perform this action.', buttons, function () {
                    window.location.href = '/home';
                });
            }
        });

        /**
         * add post comment
         */

        $(document).on('click', '.add-comment-btn', function(e){
            $.ajaxSetup({
                header: $('meta[name="_token"]').attr('content')
            });
            e.preventDefault(e);
            var pid = $(this).attr('data-attr');
            var comment = $('#comment-'+pid).val();
            var mentions = '';
            //post comment mentions
            $('#comment-'+pid).mentionsInput('getMentions', function(data) {
                mentions = JSON.stringify(data);
            });
            $.ajax({
                type: "POST",
                url: '/front/post/addcomment',
                data: { post_id : pid , comment: comment, mentions : mentions },
                success: function (data) {
                    if(data.message == 'success'){
                        $("#comment-total-"+pid).html(data.total);
                        $("#comments-container-"+pid).html(data.comments_listing.replace(/[<]br[^>]*[>]/gi,""));
                        $('#comment-'+pid).val("");
                        // clear autocomplete mentions field
                        $('textarea.mention').mentionsInput('reset');
                    }else{
                        var error = data;
                        $('#flash').addClass('alert alert-danger');
                        $('#flash').html(error);
                    }
                }
            })
        });

        /**
         * report a post
         */
        $(document).on('click', '.report-post-btn', function(e){
            e.preventDefault(e);
            var login_status = "";
            if(login_status) {
                $.ajaxSetup({
                    header: $('meta[name="_token"]').attr('content')
                });
                e.preventDefault(e);
                var pid = $(this).attr('data-attr');
                var report_reason = $("input[name=reason-" + pid + "]:checked").val();
                $.ajax({
                    type: "POST",
                    url: '/front/post/report',
                    data: {post_id: pid, reason: report_reason},
                    success: function (data) {
                        if (data.message == 'success') {
                            $("#report-flash-" + pid).removeClass('alert')
                            $("#report-flash-" + pid).removeClass('alert-danger');

                            $("#report-flash-" + pid).addClass('alert');
                            $("#report-flash-" + pid).addClass('alert-success');
                            $("#report-flash-" + pid).html('<p>Post reported successfully, we will review and take further action if required!</p>');
                            $(".section-modal-footer").hide();

                            setTimeout(function () {
                                $("#report-flash-" + pid).removeClass('alert');
                                $("#report-flash-" + pid).removeClass('alert-success');
                                $("#report-flash-" + pid).html("");
                                $('#reportModal-' + pid).modal('toggle');
                                $(".section-modal-footer").show();
                                $("input[name=reason-" + pid + "]").attr("checked", false);
                                $(".rad-area").removeClass("rad-checked");
                            }, 3000);
                        } else {
                            var error = data.message;
                            $("#report-flash-" + pid).removeClass('alert');
                            $("#report-flash-" + pid).removeClass('alert-success');

                            $("#report-flash-" + pid).addClass('alert');
                            $("#report-flash-" + pid).addClass('alert-danger');
                            $("#report-flash-" + pid).html(data.message);
                        }
                    }
                })
            }else{
                var buttons = {'ok': 'Login', 'cancel': 'Cancel'};
                confirmDialog('You must be logged in to perform this action.', buttons, function () {
                    window.location.href = '/home';
                });
            }
        });

    </script>


        <script type="text/javascript">
            jQuery(document).ready(function() {

                $("document").ready(function(){
                    setTimeout(function(){
                       $("div.apps").remove();
                    }, 5000 ); // 5 secs

                });
                
                //Load default theme
                jQuery(".bg1").click(function(){
                    window.location.href = "https://www.biopage.com/home/theme/switch/1";
                });
                //Load dark theme
                jQuery(".bg2").click(function(){
                    window.location.href = "https://www.biopage.com/home/theme/switch/2";
                });

                jQuery(".custom-show").hide();

                jQuery(".custom-close").click(function(){
                    jQuery(this).hide();
                    jQuery(".custom-show").show();
                    jQuery('#switcher').animate({'left': '+=60px'},'medium');

                });
                
                jQuery(".custom-show").click(function(){
                    jQuery(this).hide();
                    jQuery(".custom-close").show();
                    jQuery(this).parent().animate({'left': '-=60px'},'medium');
                });
                
            });

            /**
             * Delete user ajax function
             */
            $(document).on('click', '.link-delete', function(){
                var login_status = "";
                if(login_status){
                    var buttons = {'ok':'Delete', 'cancel':'Cancel'};
                    confirmDialog('Are you sure you want to Delete this Account? <br /><br /> This action can not be undone and all data associated with this email will be deleted by deleting account!', buttons, function(){

                        $.ajaxSetup({
                            header: $('meta[name="_token"]').attr('content')
                        });
                        var element = $(this);
                        $.ajax({
                            type: "POST",
                            url: 'front/delete-account',
                            //data: { user_id : "" },
                            success: function (data) {
                                if(data.responseText == "success"){
                                    location.reload();
                                }else{
                                    var error = data.responseText;
                                    $('#flash').addClass('alert alert-danger');
                                    $('#flash').html(error);
                                }
                            }
                        });
                    });
                }else{
                    var error = '<ul><li>You must be logged in to delete your account.</li></ul>';
                    $('#flash').addClass('alert alert-danger');
                    $('#flash').html(error);
                }

            });


        </script>
    

<ul id="ui-id-1" tabindex="0" class="ui-menu ui-widget ui-widget-content ui-autocomplete ui-front" style="display: none;"></ul><div role="status" aria-live="assertive" aria-relevant="additions" class="ui-helper-hidden-accessible"></div><div id="cboxOverlay" style="display: none;"></div><div id="colorbox" class="" role="dialog" tabindex="-1" style="display: none;"><div id="cboxWrapper"><div><div id="cboxTopLeft" style="float: left;"></div><div id="cboxTopCenter" style="float: left;"></div><div id="cboxTopRight" style="float: left;"></div></div><div style="clear: left;"><div id="cboxMiddleLeft" style="float: left;"></div><div id="cboxContent" style="float: left;"><div id="cboxTitle" style="float: left;"></div><div id="cboxCurrent" style="float: left;"></div><button type="button" id="cboxPrevious"></button><button type="button" id="cboxNext"></button><button type="button" id="cboxSlideshow"></button><div id="cboxLoadingOverlay" style="float: left;"></div><div id="cboxLoadingGraphic" style="float: left;"></div></div><div id="cboxMiddleRight" style="float: left;"></div></div><div style="clear: left;"><div id="cboxBottomLeft" style="float: left;"></div><div id="cboxBottomCenter" style="float: left;"></div><div id="cboxBottomRight" style="float: left;"></div></div></div><div style="position: absolute; width: 9999px; visibility: hidden; display: none; max-width: none;"></div></div><div class="select-options options-hidden  " style="position: absolute; top: 0px; left: 0px; width: 0px;"><div class="drop-holder"><div class="drop-list"><ul><li rel="0" class="jcfcalc"><a href="#"><span>Please Select</span></a></li>
<li rel="1" class="option-even jcfcalc item-selected"><a href="#"><span>Public</span></a></li>
<li rel="2" class="jcfcalc"><a href="#"><span>private</span></a></li></ul>
</div></div></div><div class="select-options options-hidden  " style="position: absolute; top: 0px; left: 0px; width: 0px;"><div class="drop-holder"><div class="drop-list"><ul><li rel="0" class="jcfcalc"><a href="#"><span>Please Select</span></a></li>
<li rel="1" class="option-even jcfcalc item-selected"><a href="#"><span>Male</span></a></li>
<li rel="2" class="jcfcalc"><a href="#"><span>Female</span></a></li></ul>
</div></div></div></body></html>