@extends('common.layout')
@section('commostyle')
<link rel="stylesheet" type="text/css" href="{{asset('css/gd.css') }}" />
@endsection('commostyle')
@section('content')
<div class="container">
  <section id="sec01" class="sec01">
    <div class="breadWrap"></div>
    <div class="title titleDown">
      <h2 class="txt23_700 gd_vw_title"></h2>
      <!-- <p class="fv_icon">
        <button type="button" class="star star2" data-id="" data-type="G" onclick="addClassFnc(event)"></button>
      </p> -->
      <!-- <a href="javascript:void(0);" class="btn01 gdDown">가이드 내려받기 <img src="{{asset('images/download_small.svg')}}" alt="파일다운로드 아이콘"></a> -->
    </div>
    <div class="contWrap gdVwWrap">
      <div class="vwWrap">
        <div class="scroll">
          <!-- <img src="{{asset('images/example.png')}}" alt="예제"> -->
        </div>
      </div>
      <div class="btWrap">
        <div class="btBox1 btBox">
          <a href="./rd" class="btn01">전체 가이드 보기</a>

        </div>
        <div class="btBox2 btBox">
          <a href="javascript:void(0)" role="button" class="pagePrev pageBtn"></a>
          <a href="javascript:void(0)" role="button" class="pageNext pageBtn"></a>
        </div>
      </div>
    </div>
  </section>
</div>
<script>
  function setInitData(){
    try{
      var id = clsTmsClass.getParams("id");
      clsTmsClass.setDataInformation("/frn/api/mn/gd?id="+ id, "GET" ,"" , function(json){
        var data = JSON.parse(json);
        if(data.code === 100){
          var depth01 = data.data.Depth01;
          var depth02 = data.data.Depth02;
          var depth03 = data.data.Depth03;
          document.location.href='/frn/gd/vw?depth1='+depth01+'&depth2='+depth02+'&depth3='+depth03+'&page=1';
        }
      });
    } catch(e){
      alert(e);
    }
  }

  window.onload=function(){
    setInitData();
  }

</script>
@endsection