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

<div class="shp shp-narrow">
	<div class="shp-top"><h2 class="shp-title">{{ $lang->shop_my_orders }}</h2></div>

	@if ($is_member)
		@php
		$shp_my_tabs = [
			'orders' => $lang->shop_my_orders,
			'credit' => $lang->shop_credit_history,
			'coupons' => $lang->shop_my_coupons,
		];
		@endphp

		{{-- 요약 카드 --}}
		<div class="shp-my-summary" role="list" aria-label="{{ $lang->shop_my_summary }}">
			@if (!empty($my_grade))
			<div class="shp-my-tile" role="listitem">
				<span class="shp-my-tile-label">{{ $lang->shop_grade }}</span>
				<strong class="shp-my-tile-value shp-accent">{{ $my_grade->title }}</strong>
				<small>{{ sprintf($lang->shop_grade_total, shop_money_base($my_grade->total_spend)) }}</small>
			</div>
			@endif
			<div class="shp-my-tile" role="listitem">
				<span class="shp-my-tile-label">{{ $lang->shop_credit_balance }}</span>
				<strong class="shp-my-tile-value">{{ shop_money_base($credit_balance) }}</strong>
			</div>
			<button type="button" class="shp-my-tile is-link" data-shp-tab-go="coupons">
				<span class="shp-my-tile-label">{{ $lang->shop_my_coupons }}</span>
				<strong class="shp-my-tile-value">{{ count($my_coupons ?? []) }}</strong>
			</button>
			<button type="button" class="shp-my-tile is-link" data-shp-tab-go="orders">
				<span class="shp-my-tile-label">{{ $lang->shop_orders_count }}</span>
				<strong class="shp-my-tile-value">{{ count($orders ?? []) }}</strong>
			</button>
		</div>

		{{-- 탭 메뉴 --}}
		<div class="shp-my-tabs" role="tablist">
			@foreach ($shp_my_tabs as $shp_tk => $shp_tv)
			<button type="button" class="shp-my-tab @if ($shp_tk === 'orders') is-on @endif" role="tab" data-shp-tab="{{ $shp_tk }}" aria-selected="{{ $shp_tk === 'orders' ? 'true' : 'false' }}">{{ $shp_tv }}</button>
			@endforeach
		</div>

		{{-- 탭: 주문 내역 --}}
		<div class="shp-my-panel" id="shpMyPanel-orders" role="tabpanel">
			@if (empty($orders))
			<p class="shp-empty">{{ $lang->shop_no_orders }}</p>
			@else
			<table class="shp-table">
				<thead><tr><th>{{ $lang->shop_order_code }}</th><th>{{ $lang->shop_total }}</th><th>{{ $lang->shop_status }}</th><th></th></tr></thead>
				<tbody>
					@foreach ($orders as $o)
					<tr>
						<td><strong>{{ $o->order_code }}</strong><br /><small class="shp-sub-text">{{ zdate($o->regdate, 'Y.m.d H:i') }}</small></td>
						<td>{{ shop_money_in($o->payment_price, $o->currency ?? 'KRW') }}</td>
						<td>@php $shp_ds = $o->display_status ?? $o->status; @endphp<span class="shp-st shp-st-{{ $shp_ds }}">{{ $lang->{'shop_status_' . $shp_ds} ?? $shp_ds }}</span></td>
						<td style="white-space:nowrap"><a href="{{ getUrl('', 'mid', $mid, 'act', 'dispCommerceOrderResult', 'code', $o->order_code) }}" class="shp-accent">{{ $lang->shop_view }}</a>@if ($shp_ds === 'confirmed' && !empty($o->needs_review)) <a href="{{ getUrl('', 'mid', $mid, 'act', 'dispCommerceOrderResult', 'code', $o->order_code, 'review', '1') }}" class="shp-ok-link">{{ $lang->shop_write_review }}</a>@endif</td>
					</tr>
					@if ($shp_ds === 'pending')
					<tr class="shp-pending-row">
						<td colspan="4">
							<p class="shp-pending-msg">{{ !empty($o->pending_deadline) ? sprintf($lang->shop_pending_notice, zdate($o->pending_deadline, 'Y.m.d A g:i')) : $lang->shop_pending_notice_nodate }}</p>
							@if (!empty($o->resume_pay_url))
							<a class="shp-btn shp-btn-primary shp-btn-sm" href="{{ escape($o->resume_pay_url) }}">{{ $lang->shop_resume_pay }}</a>
							@else
							<span class="shp-pending-msg">{{ $lang->shop_pending_expired }}</span>
							@endif
							<form action="{{ getUrl('') }}" method="post" style="display:inline" onsubmit="return confirm('{{ $lang->shop_pending_cancel_ask }}')">
								<input type="hidden" name="module" value="commerce" />
								<input type="hidden" name="mid" value="{{ $mid }}" />
								<input type="hidden" name="act" value="procCommerceClaim" />
								<input type="hidden" name="order_code" value="{{ $o->order_code }}" />
								<button type="submit" class="shp-btn shp-btn-sm">{{ $lang->shop_cancel_order }}</button>
							</form>
						</td>
					</tr>
					@endif
					@endforeach
				</tbody>
			</table>
			@endif
		</div>

		{{-- 탭: 적립금 --}}
		<div class="shp-my-panel" id="shpMyPanel-credit" role="tabpanel" hidden>
			<div class="shp-summary" style="margin-bottom:14px">
				<div class="shp-summary-row is-total"><span>{{ $lang->shop_credit_balance }}</span><span>{{ shop_money_base($credit_balance) }}</span></div>
			</div>
			@if (empty($credit_logs))
			<p class="shp-empty">{{ $lang->shop_no_history ?? $lang->shop_credit_history }}</p>
			@else
			<table class="shp-table">
				<thead><tr><th>{{ $lang->shop_credit_date }}</th><th>{{ $lang->shop_credit_change }}</th><th>{{ $lang->shop_credit_balance }}</th><th>{{ $lang->shop_credit_type }}</th></tr></thead>
				<tbody>
					@foreach ($credit_logs as $cl)
					<tr>
						<td><small>{{ zdate($cl->regdate, 'Y.m.d H:i') }}</small></td>
						<td class="{{ $cl->amount >= 0 ? 'shp-amt-plus' : 'shp-amt-minus' }}">{{ $cl->amount >= 0 ? '+' : '-' }}{{ shop_money_base(abs((int)$cl->amount)) }}</td>
						<td>{{ shop_money_base((int)$cl->balance_after) }}</td>
						<td>{{ $lang->{'shop_credit_type_' . $cl->type} ?? $cl->type }}</td>
					</tr>
					@endforeach
				</tbody>
			</table>
			@endif
		</div>

		{{-- 탭: 쿠폰 --}}
		<div class="shp-my-panel" id="shpMyPanel-coupons" role="tabpanel" hidden>
			@if (!count($my_coupons ?? []))
			<p class="shp-empty">{{ $lang->shop_no_coupons }}</p>
			@else
			<ul class="shp-coupon-list">
				@foreach ($my_coupons as $shp_cp)
				<li>
					<strong>{{ $shp_cp->coupon->title }}</strong>
					<span class="shp-coupon-off">{{ shop_money_base((int)$shp_cp->discount) }}</span>
					@if (!empty($shp_cp->coupon->min_order))<small>{{ sprintf($lang->shop_coupon_min, shop_money_base((int)$shp_cp->coupon->min_order)) }}</small>@endif
					@if (!empty($shp_cp->coupon->use_end))<small>{{ zdate($shp_cp->coupon->use_end, 'Y.m.d') }} {{ $lang->shop_coupon_until }}</small>@endif
				</li>
				@endforeach
			</ul>
			@endif
		</div>

		<script>
		(function () {
			var tabs = document.querySelectorAll('.shp-my-tab');
			function go(name) {
				tabs.forEach(function (t) {
					var on = t.getAttribute('data-shp-tab') === name;
					t.classList.toggle('is-on', on);
					t.setAttribute('aria-selected', on ? 'true' : 'false');
				});
				document.querySelectorAll('.shp-my-panel').forEach(function (p) {
					p.hidden = (p.id !== 'shpMyPanel-' + name);
				});
			}
			tabs.forEach(function (t) {
				t.addEventListener('click', function () { go(t.getAttribute('data-shp-tab')); });
			});
			document.querySelectorAll('[data-shp-tab-go]').forEach(function (b) {
				b.addEventListener('click', function () {
					go(b.getAttribute('data-shp-tab-go'));
					var bar = document.querySelector('.shp-my-tabs');
					if (bar) { bar.scrollIntoView({ behavior: 'smooth', block: 'start' }); }
				});
			});
		})();
		</script>

		{{-- 하단: 회원정보 수정 --}}
		<div class="shp-my-foot">
			<a class="shp-btn" href="{{ getUrl('', 'act', 'dispMemberModifyInfo') }}">{{ $lang->shop_edit_profile }}</a>
			<a class="shp-btn" href="{{ getUrl('', 'mid', $mid, 'act', 'dispCommerceList') }}">{{ $lang->shop_back_list }}</a>
		</div>
	@else
	<p class="shp-detail-summary">{{ $lang->shop_guest_lookup_help }}</p>
	<form action="{{ getUrl('') }}" method="post" class="shp-form">
		<input type="hidden" name="act" value="procCommerceGuestLookup" />
		<input type="hidden" name="mid" value="{{ $mid }}" />
		<fieldset>
			<div class="shp-row"><label>{{ $lang->shop_order_code }}</label><input type="text" name="order_code" required /></div>
			<div class="shp-row"><label>{{ $lang->shop_guest_password }}</label><input type="password" name="guest_password" required autocomplete="off" /></div>
			<button type="submit" class="shp-btn shp-btn-primary" style="width:100%">{{ $lang->shop_lookup }}</button>
		</fieldset>
	</form>
	<p class="shp-foot-links">
		<a href="{{ getUrl('', 'mid', $mid, 'act', 'dispCommerceList') }}">{{ $lang->shop_back_list }}</a>
	</p>
	@endif
</div>