<?php
if (!defined('_GNUBOARD_')) exit; // 개별 페이지 접근 불가
include_once(G5_LIB_PATH.'/thumbnail.lib.php');

// add_stylesheet('css 구문', 출력순서); 숫자가 작을 수록 먼저 출력됨
add_stylesheet('<link rel="stylesheet" href="'.$latest_skin_url.'/style.css">', 0);
?>
<script src="/theme/AT_WEB01/skin/latest/pic_basic02/js/swiper-bundle.min.js"></script>
<link rel="stylesheet" href="/theme/AT_WEB01/skin/latest/pic_basic02/css/swiper-bundle.min.css" type="text/css">
<link rel="stylesheet" href="/theme/AT_WEB01/skin/latest/pic_basic02/css/style.css?t=211125" type="text/css">

<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-X2KK256ELN"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date()); gtag('config', 'G-X2KK256ELN');
</script>
<script type="text/javascript">
    var rootSrc = '';
</script>
        <div id="main_sec_03_slider" class="swiper-container">
        <ul class="swiper-wrapper">
        <?php
        for ($i=0; $i<count($list); $i++) {
        $thumb = get_list_thumbnail($bo_table, $list[$i]['wr_id'], $thumb_width, $thumb_height, false, true);
        if($thumb['src']) {
            $img = $thumb['src'];
        } else {
            $img = G5_THEME_IMG_URL.'/main/s_image.png';
            $thumb['alt'] = '이미지가 없습니다.';
        }
        $img_content = '<img src="'.$img.'" alt="'.$thumb['alt'].'" >';
        ?>
            
            
            
            <li class="swiper-slide">
              <div class="inner_basic">
                          <a href="<?php echo $wr_href; ?>" ><span class="lt_img"><?php echo run_replace('thumb_image_tag', $img_content, $thumb); ?></span></a>
                <div class="cont">
                  <div class="inner_basic">
                    <p class="head"><span class="line"></span><?php echo $list[$i]['subject'] ?></p>
                     <div class="sub">
                        <p class="t1">
                          <span class="h">날짜 : </span>
                          <span class="s"><?php echo $list[$i]['wr_10'] ?></span>
                        </p>
                        <p class="t1">
                          <span class="h">장소 : </span>
                          <span class="s"><?php echo $list[$i]['wr_1'] ?></span>
                        </p>
                      </div>
                    </div>    
                </div>    
                  </div>
            </li>
        <?php }  ?>
        <?php if (count($list) == 0) { //게시물이 없을 때  ?>
        <li class="empty_li">게시물이 없습니다.</li>
        <?php }  ?>
        </ul>
            
        <div class="swiper-nav">
            <button class="swiper-prev">Prev</button>
            <div class="swiper-pagination"></div>
            <button class="swiper-next">Next</button>
        </div>
   <?php /*?> <a href="<?php echo G5_BBS_URL ?>/board.php?bo_table=<?php echo $bo_table ?>" class="lt_more">더보기<span class="arrow"></span></a><?php */?>
        </div>
</div>
<script type="text/javascript">
    var mvSlider = new Swiper ('#main-top-visual', {
        speed: 1e3,
        effect: 'fade',
        slidesPerView: 1,
        loop: true,
        autoplay: {
            delay: 10000,
            disableOnInteraction: false
        },
        navigation: {
          prevEl: '#main-top-visual .swiper-prev',
          nextEl: '#main-top-visual .swiper-next'
        },
        pagination: {
            el: '#main-top-visual .swiper-page',
            type: 'bullets',
            bulletActiveClass: 'active',
            bulletClass: 'bullet',
            clickable: true,
            renderBullet: function (index, className) {
                var img = $('#main-top-visual .swiper-slide[data-swiper-slide-index="'+index+'"]').find('.img').css('background-image');
                    img = img.replace(/\"/g,"");
                  return '<li class="' + className + '"><div style="background-image: '+img+';"></div></li>';
            }
        },
        breakpoints: {
            750: {
              noSwiping: false,
            }
        }
    });

      var ms03_Slider = new Swiper ('#main_sec_03_slider', {
          loop: true,
          speed: 1e3,
          slidesPerView: 3,
          spaceBetween:30,
          watchOverflow:true,
          noSwiping: false,
          autoplay: {
            delay:  2000,
            disableOnInteraction: false
          },
          pagination: {
            el: '#main_sec_03_slider .swiper-pagination',
            type: 'custom',
            renderCustom: function(swiper, current, total)     {
                if(current < 10) current = '0' + current;
                if(total < 10) total = '0' + total;
                return '<span>' + current + '</span><span>' + total + '</span>';
            }
          },
          navigation: {
            prevEl: '#main_sec_03_slider .swiper-prev',
            nextEl: '#main_sec_03_slider .swiper-next'
          },
          breakpoints: {
            750: {
              slidesPerView: 1.1,
              spaceBetween: 15,
              noSwiping: true,
              pagination: {
                el: '#main_sec_03_slider .swiper-pagination',
                type: 'bullets'
              },
            }
          }
    });
</script>