@version(2)
@load('css/shop.css')

@php
if (!function_exists('shp_brand_split'))
{
	// 상품명 표기 규약: "브랜드 / 상품명" 으로 적으면 브랜드를 윗줄에 따로 세운다.
	function shp_brand_split($shp_nm)
	{
		$shp_p = explode(' / ', (string)$shp_nm, 2);
		if (count($shp_p) === 2) { return ['brand' => trim($shp_p[0]), 'name' => trim($shp_p[1])]; }
		return ['brand' => '', 'name' => trim((string)$shp_nm)];
	}
}
@endphp

<div class="shp shp-promo-page">
	@include('_currency')
	{{-- 제목은 아래 배너가 크게 맡는다. 여기서는 경로만 남긴다 --}}
	<div class="shp-top">
		<div class="shp-title-wrap">
			<nav class="shp-breadcrumb">
				<a href="{{ getUrl('', 'mid', $mid, 'act', 'dispCommerceList') }}">{{ $lang->shop_home }}</a>
				<span>&rsaquo;</span><em>{{ $promo->title }}</em>
			</nav>
		</div>
		@if (($shop_config->show_shop_nav ?? 'Y') !== 'N')
		<a class="shp-cart-link" href="{{ getUrl('', 'mid', $mid, 'act', 'dispCommerceCart') }}">
			<svg width="17" height="17" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M3 3h2l2.4 12.2a2 2 0 0 0 2 1.6h7.9a2 2 0 0 0 2-1.6L21 7H6" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><circle cx="10" cy="20.5" r="1.5" fill="currentColor"/><circle cx="17.5" cy="20.5" r="1.5" fill="currentColor"/></svg>
			{{ $lang->shop_cart }}
			@if ($cart_count > 0)<span class="shp-cart-count">{{ $cart_count }}</span>@endif
		</a>
		@endif
	</div>

	<div class="shp-home-banner">
		<div class="shp-home-banner-track">
			<span class="shp-home-banner-item is-on" style="{{ $promo_banner['bg_style'] ?? '' }}">
				<span class="shp-home-banner-copy {{ ($promo_banner['shadow'] ?? 'Y') === 'N' ? 'no-shadow' : '' }}" style="color:{{ $promo_banner['text_color'] ?? '#ffffff' }}">
					<strong>{!! $promo_banner['title_html'] ?? escape($promo->title) !!}</strong>
					@if (!empty($promo_banner['text']))<span>{!! $promo_banner['text_html'] ?? escape($promo_banner['text']) !!}</span>@endif
					@if (!empty($promo->start_date) || !empty($promo->end_date))
					<span class="shp-promo-period">{{ $promo->start_date ? zdate($promo->start_date, 'Y.m.d') : '' }} ~ {{ $promo->end_date ? zdate($promo->end_date, 'Y.m.d') : '' }}</span>
					@endif
				</span>
				@if (!empty($promo_banner['point_image']))
				<span class="shp-home-banner-point {{ ($promo_banner['point_align'] ?? 'right') === 'left' ? 'is-left' : '' }}" style="background-image:url('{{ escape($promo_banner['point_image']) }}')"></span>
				@endif
			</span>
		</div>
	</div>

	{{-- 배너에 같은 문구가 이미 얹혀 있으면 아래로 다시 내보내지 않는다 --}}
	@if (!empty($promo->description) && trim((string)$promo->description) !== trim((string)($promo_banner['text'] ?? '')))
	<p class="shp-promo-desc">{{ $promo->description }}</p>
	@endif

	@if ($promo_state === 'upcoming')
	<p class="shp-empty">{{ $promo->start_date ? sprintf($lang->shop_promo_before_date, zdate($promo->start_date, 'Y.m.d')) : $lang->shop_promo_before }}</p>
	@elseif ($promo_state === 'ended')
	<p class="shp-promo-ended">{{ $lang->shop_promo_ended }}</p>
	@endif

	@if ($promo_state !== 'upcoming')
	@if (empty($items))
	<p class="shp-empty">{{ $lang->shop_no_items }}</p>
	@else
	<div class="shp-grid">
		@foreach ($items as $it)
		<a class="shp-card" href="{{ getUrl('', 'mid', $mid, 'act', 'dispCommerceItem', 'item_srl', $it->item_srl) }}">
			<span class="shp-card-thumb" @if (!empty($it->thumb)) style="background-image:url('{{ escape($it->thumb) }}')" @endif>
				@if (empty($it->thumb))<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M21 19V5a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2zM8.5 11l2.5 3 3.5-4.5L19 16H5z"/></svg>@endif
			</span>
			@if ($it->status === 'soldout')<span class="shp-soldout-cover">{{ $lang->shop_soldout }}</span>@endif
			@php $shp_nm = shp_brand_split($it->item_name); @endphp
			<span class="shp-card-body">
				@if ($shp_nm['brand'] !== '')<span class="shp-card-brand">{{ $shp_nm['brand'] }}</span>@endif
				<span class="shp-card-name">{{ $shp_nm['name'] }}</span>
				@if (!empty($it->review_count))
				<span class="shp-card-rating">
					<svg width="12" height="12" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 2l3.1 6.3 6.9 1-5 4.9 1.2 6.9L12 17.8 5.8 21.1 7 14.2 2 9.3l6.9-1L12 2z"/></svg>
					{{ $it->rating_avg }} <em>({{ number_format($it->review_count) }})</em>
				</span>
				@endif
				<span class="shp-price">
					@if (!empty($it->grade_price))
					<s>{{ shop_item_price($it, 'effective') }}</s> <strong>{{ shop_item_price($it, 'grade') }}</strong>
					<em class="shp-grade-tag">{{ $lang->shop_grade }}</em>
					@elseif (shop_item_on_sale($it))
					@php
					$ss_base = isset($it->disp_price) ? (int)$it->disp_price : (int)($it->price ?? 0);
					$ss_now = isset($it->disp_sale_price) ? (int)$it->disp_sale_price : (int)($it->sale_price ?? 0);
					$ss_off = $ss_base > 0 ? (int)round(($ss_base - $ss_now) / $ss_base * 100) : 0;
					@endphp
					@if ($ss_off > 0)<em class="shp-off">{{ $ss_off }}%</em>@endif
					<s>{{ shop_item_price($it, 'price') }}</s> <strong>{{ shop_item_price($it, 'sale') }}</strong>
					@else
					<strong>{{ shop_item_price($it, 'price') }}</strong>
					@endif
				</span>
			</span>
		</a>
		@endforeach
	</div>
	@endif
	@endif

	<p class="shp-foot-links">
		<a href="{{ getUrl('', 'mid', $mid, 'act', 'dispCommerceList') }}">{{ $lang->shop_back_list }}</a>
	</p>
</div>