<?php
if (!defined('_GNUBOARD_')) exit;

$q = isset($_GET['q']) ? clean_xss_tags($_GET['q'], 1, 1) : '';

if (G5_IS_MOBILE) {
    include_once(G5_THEME_MSHOP_PATH.'/shop.head.php');
    return;
}

if (!defined('G5_IS_COMMUNITY_PAGE')) {
    define('G5_IS_COMMUNITY_PAGE', true);
}

add_javascript('<script src="'.G5_JS_URL.'/owlcarousel/owl.carousel.min.js"></script>', 10);
add_stylesheet('<link rel="stylesheet" href="'.G5_JS_URL.'/owlcarousel/owl.carousel.css">', 0);

include_once(G5_THEME_PATH.'/head.php');
if (!defined('_INDEX_')) {
?>
<section class="sz-shop-subhero">
    <div class="sz-shop-subhero__inner">
        <div class="sz-shop-subhero__copy">
            <span class="sz-shop-subhero__eyebrow">SMART SHOP</span>
            <h1 class="sz-shop-subhero__title"><?php echo defined('_INDEX_') ? '메인과 같은 톤으로 정리된 쇼핑 허브' : get_text($g5['title']); ?></h1>
            <p class="sz-shop-subhero__desc">추천 상품, 신규 입고, 인기 상품을 한결 같은 스마트컴퍼니 톤으로 편하게 둘러보세요.</p>
        </div>
        <form class="sz-shop-subhero__search" name="frmsearch1" action="<?php echo G5_SHOP_URL; ?>/search.php" onsubmit="return szShopSearchSubmit(this);">
            <label for="sz_shop_search" class="sound_only">쇼핑몰 검색어</label>
            <input type="text" name="q" value="<?php echo stripslashes(get_text(get_search_string($q))); ?>" id="sz_shop_search" required placeholder="상품명이나 키워드를 입력하세요">
            <button type="submit">검색</button>
        </form>
        <div class="sz-shop-subhero__quick">
            <a href="<?php echo G5_SHOP_URL; ?>/">쇼핑 메인</a>
            <a href="<?php echo G5_SHOP_URL; ?>/list.php?ca_id=10">액세서리</a>
            <a href="<?php echo G5_SHOP_URL; ?>/list.php?ca_id=20">충전/배터리</a>
            <a href="<?php echo G5_SHOP_URL; ?>/list.php?ca_id=30">오디오</a>
            <a href="<?php echo G5_SHOP_URL; ?>/list.php?ca_id=40">차량용품</a>
            <a href="<?php echo shop_type_url(2); ?>">추천상품</a>
            <a href="<?php echo shop_type_url(5); ?>">할인상품</a>
            <a href="<?php echo G5_SHOP_URL; ?>/search.php">검색</a>
            <a href="<?php echo G5_SHOP_URL; ?>/cart.php">장바구니</a>
        </div>
    </div>
</section>
<?php } ?>
<div class="sz-shop-page">
    <div class="sz-shop-page__inner">
<script>
function szShopSearchSubmit(f) {
    if (f.q.value.length < 2) {
        alert('검색어는 두 글자 이상 입력해 주세요.');
        f.q.focus();
        return false;
    }
    return true;
}
</script>


.sz-shop-head-links {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: flex-end;
}

.sz-shop-head-links a {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 10px 14px;
    border-radius: 999px;
    border: 1px solid rgba(148, 163, 184, 0.2);
    background: #fff;
    color: #334155 !important;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none !important;
}

.sz-shop-head-links a small {
    color: #94a3b8;
    font-size: 11px;
}

@media (max-width: 991px) {
    .sz-shop-head-links {
        justify-content: flex-start;
        margin-top: 12px;
    }
}
