<?
//========================================
// dehead(config/function/lib) Include
//========================================
include $_SERVER['DOCUMENT_ROOT']."/front/include/dehead.php";

//========================================
// Meta Tag
//========================================
$metaTitle = $metaInfo['nbeaf']['title'];
$metaDescription = $metaInfo['nbeaf']['description'];
$metaKeyword = $metaInfo['nbeaf']['keyword'];
$metaImage = $metaInfo['nbeaf']['image'];

//========================================
// Class Connect
//========================================
$Db = new Db(); // 데이터 베이스 클래스

//========================================
// Data Process
//========================================
$rowCount = $pageInfo['photo']['rowCount']; // 한 페이지에 보여질 게시물 수
$startNum = ($page - 1) * $rowCount; // limit 시작 위치
$param = array('no' => PARAMETER_NO, 'show' => PARAMETER_Y, 'del' => PARAMETER_N);

//========================================
// Search Query
//========================================
if($st){
    $param['tag'] = $Db->likeify($st);
    $searchINS .= " AND tag LIKE :tag";
}
$addPath = "&st=".urlencode($st);

//========================================
// Data Load
//========================================
$totalCount = $Db->single("SELECT COUNT(*) FROM $TABLE_PHOTO WHERE no > :no AND d_show = :show AND del = :del AND reg_date < now() $searchINS", $param);
$totalPages = ceil($totalCount / $rowCount);

if($st){
	if($st == '강남점' or
	$st == '삼성점' or
	$st == '노원점' or
	$st == '종로점' or
	$st == '일산점'
	){
		$b_bestINS = "A.b_best DESC,";
	}
}

$param = array_merge($param, array('Bcode' => "photo", 'Ccode' => "photo", 'Bseq' => 1, 'Cseq' => 2, 'startNum' => $startNum, 'rowCount' => $rowCount));
$list = $Db->query("SELECT A.no, A.title, A.before_content, A.after_content, A.reg_date,
B.attach AS attach1, B.attach_ori AS attach_ori1, B.mod_date AS mod_date1, 
C.attach AS attach2, C.attach_ori AS attach_ori2, C.mod_date AS mod_date2
FROM $TABLE_PHOTO A 
LEFT JOIN $TABLE_ATTACH B ON A.no = B.wno AND B.code = :Bcode AND B.seq = :Bseq 
LEFT JOIN $TABLE_ATTACH C ON A.no = C.wno AND C.code = :Ccode AND C.seq = :Cseq 
WHERE A.no > :no AND A.d_show = :show AND A.del = :del AND A.reg_date < now() $searchINS ORDER BY $b_bestINS A.reg_date DESC, A.no DESC LIMIT :startNum, :rowCount", $param);

$keyword =  explode("|", $Db->single("SELECT keyword FROM $TABLE_KEYWORD WHERE code = :code", array('code' => "A")));
$Db->CloseConnection;





//========================================
// 2019-11-13
//========================================	
if($_GET['etc2']){
	$etc2 = $_GET['etc2'];
}else{
	$etc2 = 1;
}
/*
$epirel = $Db->row("SELECT * FROM 2019_epilogue_relate WHERE self_view = '".$_GET['no']."'");

$beaf_param = array('show' => PARAMETER_Y, 'del' => PARAMETER_N);

if($epirel['self_view']){
$ep1 = $Db->row("SELECT * FROM $TABLE_EPILOGUE WHERE sort = 'A' AND d_show = :show AND del = :del AND no = '".$epirel['self_view']."'", $beaf_param);
}
if($epirel['real_view']){
$ep2 = $Db->row("SELECT * FROM $TABLE_EPILOGUE WHERE sort = 'B' AND d_show = :show AND del = :del AND no = '".$epirel['real_view']."'", $beaf_param);
}


$beaf_param = array_merge($beaf_param, array('Bcode' => "photo", 'Ccode' => "photo", 'Bseq' => 1, 'Cseq' => 2));
*/


/*if($epirel['beaf']){
$beaf = $Db->row("SELECT A.no, A.title, A.before_content, A.after_content, A.reg_date, A.etc1,
B.attach AS attach1, B.attach_ori AS attach_ori1, B.mod_date AS mod_date1, 
C.attach AS attach2, C.attach_ori AS attach_ori2, C.mod_date AS mod_date2
FROM $TABLE_PHOTO A 
LEFT JOIN $TABLE_ATTACH B ON A.no = B.wno AND B.code = :Bcode AND B.seq = :Bseq 
LEFT JOIN $TABLE_ATTACH C ON A.no = C.wno AND C.code = :Ccode AND C.seq = :Cseq 
WHERE A.d_show = :show AND A.del = :del AND A.no = ".$epirel['beaf']."", $beaf_param);
}
if($epirel['beaf2']){
$beaf2 = $Db->row("SELECT A.no, A.title, A.before_content, A.after_content, A.reg_date, A.etc1,
B.attach AS attach1, B.attach_ori AS attach_ori1, B.mod_date AS mod_date1, 
C.attach AS attach2, C.attach_ori AS attach_ori2, C.mod_date AS mod_date2
FROM $TABLE_PHOTO A 
LEFT JOIN $TABLE_ATTACH B ON A.no = B.wno AND B.code = :Bcode AND B.seq = :Bseq 
LEFT JOIN $TABLE_ATTACH C ON A.no = C.wno AND C.code = :Ccode AND C.seq = :Cseq 
WHERE A.d_show = :show AND A.del = :del AND A.no = ".$epirel['beaf2']."", $beaf_param);
}*/

/*
preg_match_all("/<img[^>]*src=[\"']?([^>\"']+)[\"']?[^>]*>/i", $ep1['content'], $matches);

preg_match_all("/<img[^>]*src=[\"']?([^>\"']+)[\"']?[^>]*>/i", $ep2['content'], $matches2);
*/


//========================================
// header Include
//========================================
include PATH_INCLUDE."header.php";


//========================================
// SNS Auth
//========================================
require PATH_LIB."naverLogin.php";
require PATH_LIB."kakaoLogin2.php";
require PATH_LIB."googleLogin.php";
require PATH_LIB."facebookLogin.php";

$gogoUrl='beaf/'.$page;

$naver = new Naver(array(
    "CLIENT_ID" => NAVER_LOGIN_ID,        // (*필수)클라이언트 ID  
    "CLIENT_SECRET" => NAVER_LOGIN_SECRET,    // (*필수)클라이언트 시크릿
    "RETURN_URL" => NAVER_LOGIN_REDIRECT_URL,      // (*필수)콜백 URL
    "AUTO_CLOSE" => true,              // 인증 완료후 팝업 자동으로 닫힘 여부 설정 (추가 정보 기재등 추가행동 필요시 false 설정 후 추가)
    "SHOW_LOGOUT" => false              // 인증 후에 네이버 로그아웃 버튼 표시/ 또는 표시안함
    )
);
$kakao = new Kakao(array(
	"Rcode" => $returnCode,
    "CLIENT_ID" => KAKAO_CLIENT_ID,        // (*필수)클라이언트 ID  
    "RETURN_URL" => KAKAO_CALLBACK_URL,
    "AUTO_CLOSE" => true,              // 인증 완료후 팝업 자동으로 닫힘 여부 설정 (추가 정보 기재등 추가행동 필요시 false 설정 후 추가)
    "SHOW_LOGOUT" => false              // 인증 후에 네이버 로그아웃 버튼 표시/ 또는 표시안함
    )
);

?>
        
		
<script>
$(function(){
	var video = $('.iframeYT');
	var aspectRatio = 0.562;
	$(window).resize(function(){
		resizeVideo();
	});
	var resizeVideo = function(){
		var videoWidth = video.outerWidth();
		if(videoWidth > 100){
			var newHeight = videoWidth*aspectRatio;
			video.css({"height":newHeight+"px"});
		}
	}
	resizeVideo();
	//self t5때문에 setinterval
	setInterval(function(){
		resizeVideo();
	},1000);
});
</script>
<style>
.relate1_head{background:rgb(29,118,174); padding:10px; cursor:pointer; text-align:center; font-weight:bold; color:#fff; margin:10px 0;}
.relate1{background:#f0f0f0; _min-height:300px;}
.relate2_head{background:rgb(255,192,0); padding:10px; cursor:pointer; text-align:center; font-weight:bold; color:#fff; margin:10px 0;}
.relate2{background:#f0f0f0; _min-height:300px;}
.relate3_head{background:rgb(92,193,65); padding:10px; cursor:pointer; text-align:center; font-weight:bold; color:#fff; margin:10px 0;}
.relate3{background:#f0f0f0; _min-height:300px;}
.relate img {max-width:100%; height:auto !important;}
.relate_bottom{	margin-bottom:240px;}
@media screen and (max-width:640px){
	.relate_bottom{	margin-bottom:120px;}
}
</style>

        <div id="container">
            <div class="sub_visual_wrap nbeaf">
                <div class="inner_box">
                    <div class="location">
                        <a href="/"><img src="<?=PATH_IMAGES?>/common/ico_home.png" alt="HOME" /></a> &nbsp;&gt;&nbsp;
                        <strong>코성형 전후사진</strong>
                    </div>
                    <h3 class="tit">코성형 전후사진</h3>
                    <p>밝기 이외에 어떤 보정도 하지 않은 <span>삼성드림의 아주 솔직한 코성형 전후사진!</span></p>
                </div>
            </div>
            <div id="contents">
                <div class="nbeaf_wrap">
                    <div class="nbeaf_list">
                        <ul>
                        <?
                        if($totalCount > 0){
                            $cnt = $rowCount * ($page -1);
                            foreach($list as $key => $val){
                                $no = $val['no'];
                                $title = stripslashes($val['title']);
                                $before_content = stripslashes($val['before_content']);
                                $after_content = stripslashes($val['after_content']);
                                for($i=1; $i<=2; $i++){
                                    ${"imgPath".$i} = ($val['attach'.$i]) ? $pathInfo['photo']['file'].DateConv($val['mod_date'.$i], 3)."/".$val['attach'.$i] : PATH_IMAGES."/common/noimg.png";
                                }
                                $reg_date = DateConv($val['reg_date'], 7);

                                $Number = $totalCount - $cnt;
                                $cnt++;
								
								
								
								
								
								$epirel = $Db->row("SELECT * FROM 2019_epilogue_relate WHERE del = 'N' AND beaf2 = '".$no."'");

								$beaf_param = array('show' => PARAMETER_Y, 'del' => PARAMETER_N);

								if($epirel['self_view']){
								$ep1 = $Db->row("SELECT * FROM $TABLE_EPILOGUE WHERE sort = 'A' AND d_show = :show AND del = :del AND no = '".$epirel['self_view']."'", $beaf_param);
								}
								if($epirel['real_view']){
								$ep2 = $Db->row("SELECT * FROM $TABLE_EPILOGUE WHERE sort = 'B' AND d_show = :show AND del = :del AND no = '".$epirel['real_view']."'", $beaf_param);
								}
								$epirel_name = Utf8SubstrReplace(stripslashes($epirel['name']), "o");
								preg_match_all("/<img[^>]*src=[\"']?([^>\"']+)[\"']?[^>]*>/i", $ep1['content'], $matches);
								preg_match_all("/<img[^>]*src=[\"']?([^>\"']+)[\"']?[^>]*>/i", $ep2['content'], $matches2);
                        ?>
                            <li>
                                <div class="before_area">
                                    <div class="img_box">
                                        <!-- <span class="badge"><img src="<?=PATH_IMAGES?>/nbeaf/ico_before.png" alt="before" /></span> -->
                                        <img src="<?=$imgPath1?>" alt="" />
                                    </div>
                                    <div class="exp_box"><!-- 컨텐츠가 없으면 이영역 전체를 삭제해주세요. -->
                                        <?=$before_content?>
                                    </div>
                                </div>
                                <div class="infor_area">
                                    <h4 class="tit"><?=$title?></h4>
                                    <img src="<?=PATH_IMAGES?>/nbeaf/ico_arrow1.png" alt="" />
                                    <strong><?=$Number?></strong>
                                    <span><?=$reg_date?></span>
                                </div>
                                <div class="after_area">
                                    <div class="img_box">
                                        <!-- <span class="badge"><img src="<?=PATH_IMAGES?>/nbeaf/ico_after.png" alt="after" /></span> -->
                                        <img src="<?=$imgPath2?>" alt="" />
                                    </div>
                                    <div class="exp_box"><!-- 컨텐츠가 없으면 이영역 전체를 삭제해주세요. -->
                                        <?=$after_content?>
                                    </div>
                                </div>
                            </li>
							
							
							
					
					
					<?
					if($epirel['youtube']){?>
					<div class="relate1_head relate_head bf1_<?=$Number?>" data-scr="bf1_<?=$Number?>" data-seq="1" data-no="<?=$no?>"><?=$epirel_name?>님의 리얼후기영상 보기<br><img class="arr" src="<?=PATH_IMAGES?>/epilogue/arrow.png" /></div>
					<div class="relate relate1_<?=$no?>" data-height="10">
					<iframe id="iframeYT" class="iframeYT" style="width:100%;" src="https://www.youtube.com/embed/<?=$epirel['youtube']?>" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
					</div>
					<?}?>
					
					<?
					if($epirel['self_view']){?>
					<div class="relate2_head relate_head bf2_<?=$Number?>" data-scr="bf2_<?=$Number?>" data-seq="2" data-no="<?=$no?>"><?=$epirel_name?>님의 자필후기 보기<br><img class="arr" src="<?=PATH_IMAGES?>/epilogue/arrow.png" /></div>
					<div class="relate relate2_<?=$no?>" data-height="20">
					<?php
					for($i=0; $i<count($matches[0]); $i++){?>
					<?=stripslashes($matches[0][$i])?>
					<?}?>
					<div style="text-align:center;padding:15px;"><a href="/front/epilogue/self_view.php?no=<?=$epirel['self_view']?>" target="_blank">자세히 보기</a></div>
					</div>
					<?}?>
					
					<?
					if($epirel['real_view']){?>
					<div class="relate3_head relate_head bf3_<?=$Number?>" data-scr="bf3_<?=$Number?>" data-seq="3" data-no="<?=$no?>"><?=$epirel_name?>님의 리얼후기 보기<br><img class="arr" src="<?=PATH_IMAGES?>/epilogue/arrow.png" /></div>
					<div class="relate relate3_<?=$no?>" data-height="20">
					<?php
					for($i=0; $i<count($matches2[0]); $i++){?>
					<?=stripslashes($matches2[0][$i])?>
					<?}?>
					<div style="text-align:center;padding:15px;"><a href="/front/epilogue/real_view.php?sort=B&no=<?=$epirel['real_view']?>" target="_blank">자세히 보기</a></div>
					</div>
					<?}?>
					<?
					if($epirel['youtube'] || $epirel['self_view'] || $epirel['real_view']){?>
					<div class="relate_bottom"></div>
					<?}?>
					
						<?
                            }
							
                        }
                        ?>
                        </ul>
                    </div><!-- end : nbeaf_list -->
                    <div class="pagination_wrap">
                        <? if($totalPages > 0) Pageing($totalPages, $blockCount, $page, $addPath); ?>
                    </div><!-- end : pagination_wrap -->
                </div><!-- end : nbeaf_wrap -->
            </div>

            <div class="seq_collect_wrap">
                <h3 class="tit">수술후기 모아보기</h3>
                <div class="inner_box">
                    <ul id="moveList">
                        <? foreach ($keyword as $key => $val){ ?>
                        <li><a href="#st=<?=$val?>"><?=$val?></a></li>
                        <? } ?>
                    </ul>
                </div>
            </div>
        </div><!-- end : container -->

    <form id="searchFrm" method="GET" action="#contents">
    <input type="hidden" id="page" name="page" value="<?=$page?>" />
    <input type="hidden" id="st" name="st" value="<?=urlencode($st)?>" />
    </form>

	
	<div class="login_layerpopup" id="login_layerpopup">
            <div class="back" onclick="UI.layerPopup('#login_layerpopup','close')"></div>
            <div class="inner_box">
                <div class="layer_top">
                    <h2 class="tit">로그인</h2>
                </div>
                <div class="layer_conts">
                    <div class="login_box">
                        <form name="loginFrm" method="POST" action="<?=PATH?>/member/login_proc_ssdream.php">
                        <input type="hidden" id="rurl" name="rurl" value="" />
						<input type="hidden" id="login_chk" value="">
                            <div class="input_box">
                                <label for="mId">아이디</label>
                                <input type="text" id="mId" name="mId" />
                            </div>
                            <div class="input_box">
                                <label for="mPw">비밀번호</label>
                                <input type="password" id="mPw" name="mPw" />
                            </div>
                            <div class="id_pass_chk">
                                <a href="#self">· 아이디/비밀번호 찾기</a>
                            </div>
                            <input type="submit" class="submit" value="확인" />
                        </form>
                    </div>
                    <div class="btn_box" Style="padding-top:20px;">
						<p Style="text-align:center;padding-bottom:10px;">SNS 계정으로 간편하게 회원가입/로그인하세요.<br />탈퇴가 자유로우니 부담 갖지 마세요.</p>
                        <?php 
						    //$naver->login('beaf')
						?>
						<a href="#self" id="naverLogin" class="btn_green" onclick="Naver.openWindow('https://nid.naver.com/oauth2.0/authorize?client_id=vORamOrcdMDLtQSN4vHN&amp;response_type=code&amp;redirect_uri=http%3A%2F%2Fwww.ssdream.co.kr%2Ffront%2Fmember%2Flogin_proc.php&amp;state=6f4804a7e337aedb7cb815a458c95b1f', 'oAuth', 'beaf/<?=$page?>')" style="background-image:url(/uploads/sns4.png); background-repeat:no-repeat;background-position:2% 50%;">네이버 계정으로 로그인</a>

						<?php
						    //$kakao->login('beaf')
						?>
						<a href="#self" class="kakaoAlink" onclick="Kakao.openWindow('https://kauth.kakao.com/oauth/authorize?client_id=c86cf4caf552bb1c3c9294ba597b2e42&amp;response_type=code&amp;scope=account_email&amp;redirect_uri=http%3A%2F%2Fwww.ssdream.co.kr%2Ffront%2Fmember%2Flogin_proc2.php&amp;state=76172d14be8e0d30bdc7802ec9cf33f2', '카카오 계정으로 로그인', 'beaf/<?=$page?>')" style="color:#000;  background-image:url(/uploads/sns2.png); background-repeat:no-repeat;background-position:2% 50%;">카카오계정 로그인</a>

						<a href="javascript:facebooklogin();" class="btn_green btn_facebook" Style="background-color:#3B5999; background-image:url(/uploads/sns1.png); background-repeat:no-repeat; margin-right:10px; ">페이스북 로그인</a>
						<button id="ggloginBtn" Class="googleLoginBtn" Style="background-image:url(/uploads/sns3.png); background-repeat:no-repeat;background-position:2% 50%; " disabled>구글 로그인</button>
						<input type="hidden" id="afterUrl" value="<?php echo $gogoUrl; ?>">

                        <!-- <a href="#self" class="btn_navers">네이버 계정으로 로그인</a> -->
                        <!-- <a href="#self" id="naverLogin" class="btn_navers" onclick="Naver.openWindow('../member/naverLogin.php', 'naverLoginApi', '')">네이버 계정으로 로그인</a> -->
                        <a href="<?=PATH?>/member/join1.php" class="btn_joins" Style="margin-left:0; background-image:url(/uploads/sns5.png); background-repeat:no-repeat;background-position:2% 50%;">삼성드림 회원가입</a>
                    </div>
                </div>
                <a href="javascript:UI.layerPopup('#login_layerpopup','close')" class="close"><img src="<?=PATH_IMAGES?>/common/btn_layer_close.png" alt="창닫기" /></a>
            </div>
        </div>
<style>

.googleLoginBtn, .kakaoAlink{margin-bottom: 20px; display:block; width: 100%; height: 58px; text-align:center; border: solid 0px #fff; color:#fff; font-size:24px; line-height:58px;}
.googleLoginBtn{background-color:#E84C3D;color:#fefefe;border:0; cursor:pointer;}
.kakaoAlink{background-color:#F8EA01;}
.btn_green{margin-bottom: 10px;}

.btn_facebook {background-size:45px; background-position:1% 20%;  }

@media screen and (max-width: 640px){
	.googleLoginBtn, .kakaoAlink{
		margin-bottom: 10px; height: 35px; font-size:15px; line-height:35px; background-size:30px;
	}
	.btn_facebook{
		background-position:0% 20%;
	}
}


</style>


<script>
$(document).ready(function(){
    $("#moveList li > a").click(function(){
        var val = $(this).attr("href").replace("#", "").split("=");
        $("#"+val[0]).val(val[1]);
        $("#page").val(1);
        $("#searchFrm").attr('action', 'nbeaf.php#contents').submit();
    });
});
</script>
<script>
$(function(){
	$('.relate_head').click(function(){
		
		if("<?=$_SESSION['MEMBER_LOGIN_EXIST']?>" == true){// || $.browser.mobile){
			$('html,body').animate({scrollTop : $(this).offset().top - 50 });
			
			$('.relate'+$(this).data('seq')+'_'+$(this).data('no')).slideToggle('1000');    
		} else {
			
			var url = "/front/nbeaf/nbeaf.php?page=<?=$page?>";
			$("#rurl").val(url);

			UI.layerPopup('#login_layerpopup','open');
		}
	});
	
	
						
	setTimeout(function(){
		$('.relate').hide();
	},500);
						
	Kakao = {
		openWindow: function(url, winName, returnUrl){
			var win = window.open(url, winName, 'width=320, height=480, toolbar=no, location=no');
			if(win != null){
				var timer = setInterval(function() {   
					var login_chk = document.getElementById('login_chk').value;
					if(win.closed && login_chk == 'true') {
						var splitedString = returnUrl.split('/');
						
						if(returnUrl == "index"){
							location.href = '/';
						}
						else if(returnUrl == "real_list"){
							$("#searchFrm").attr('action', 'real_view.php').submit();
						}else if(splitedString[0] == "beaf" && splitedString[1] != ""){
							location.href = "https://www.ssdream.co.kr/front/nbeaf/nbeaf.php?page="+splitedString[1];
					
						}else{
							window.location.reload();
						}
					}  
				}, 1500);
			}
			return win;
		}
	}
});

<?php
if($_GET['scr']){ ?>
$(function(){
	var offset = $('.<?=$_GET['scr']?>').offset();
	setTimeout(function(){
		$('html,body').animate({scrollTop: (offset.top - 100)},0);
	},100);
});
<?php } ?>

</script>
					
<?
//========================================
// quick bar Include
//========================================
include PATH_INCLUDE."quick.php";

//========================================
// footer Include
//========================================
include PATH_INCLUDE."footer.php";
?>