@version(2)
@load('./css/board.css')
@load('./lang')

@php
/* 목록 모양은 게시판 설정에서 고른다. 사진이 주인공이면 gallery, 글이 주인공이면 journal */
$hbd_mode = (string)($module_info->hairsalon_list_mode ?? 'journal');
if (!in_array($hbd_mode, ['gallery', 'journal'], true))
{
    $hbd_mode = 'journal';
}

$hbd_thumb_w = (int)($module_info->hairsalon_thumb_width ?? 560) ?: 560;
$hbd_thumb_h = (int)($module_info->hairsalon_thumb_height ?? 700) ?: 700;

/* 목록과 분류는 게시판에 따라 null 로 올 수 있다. 배열로 맞춰 두고 쓴다 */
$hbd_cats = (array)($category_list ?? []);

/* 화면에서 계산하지 않는다. 필요한 값을 먼저 만들어 둔다 */
$hbd_rows = [];
foreach ((array)($notice_list ?? []) as $hbd_doc)
{
    $hbd_rows[] = ['doc' => $hbd_doc, 'notice' => true];
}
foreach ((array)($document_list ?? []) as $hbd_doc)
{
    $hbd_rows[] = ['doc' => $hbd_doc, 'notice' => false];
}

$hbd_items = [];
foreach ($hbd_rows as $hbd_row)
{
    $hbd_doc = $hbd_row['doc'];
    $hbd_items[] = [
        'srl' => (int)$hbd_doc->document_srl,
        'title' => $hbd_doc->getTitle(),
        'href' => getUrl('document_srl', $hbd_doc->document_srl, 'listStyle', $listStyle, 'cpage', ''),
        'thumb' => $hbd_doc->getThumbnail($hbd_thumb_w, $hbd_thumb_h, 'crop'),
        'summary' => trim((string)$hbd_doc->getSummary(90, '')),
        'nick' => $hbd_doc->getNickName(),
        'date' => $hbd_doc->getRegdate($lang->hbd_date_format),
        'comments' => (int)$hbd_doc->getCommentCount(),
        'notice' => $hbd_row['notice'],
    ];
}

$hbd_cur = (int)($page ?: 1);
@endphp

{{-- 라이믹스 게시판은 읽기 화면도 이 파일이 그린다. 빼면 글이 열리지 않는다 --}}
@if ($oDocument->isExists())
<div class="hbd">
	@include('./_read.html')
	@include('./_comment.html')
</div>

@else
<div class="hbd hbd-{{ $hbd_mode }}">
	<header class="hbd-head">
		<span class="hbd-label"><i></i>{{ $hbd_mode === 'gallery' ? 'LOOKBOOK' : 'JOURNAL' }}</span>
		<h1 class="hbd-title">{{ $module_info->browser_title ?: $module_info->mid }}</h1>
	</header>

	@if (count($hbd_cats))
	<nav class="hbd-cats">
		<a href="{{ getUrl('category', '', 'page', '') }}" class="@if(!$category) on @endif">{{ $lang->hbd_all }}</a>
		@foreach ($hbd_cats as $hbd_cat)
		<a href="{{ getUrl('category', $hbd_cat->category_srl, 'page', '') }}" class="@if((int)$category === (int)$hbd_cat->category_srl) on @endif">{{ $hbd_cat->title }}</a>
		@endforeach
	</nav>
	@endif

	@if (!count($hbd_items))
	<p class="hbd-empty">{{ $lang->no_documents }}</p>

	@elseif ($hbd_mode === 'gallery')
	<ul class="hbd-grid">
		@foreach ($hbd_items as $it)
		<li>
			<a href="{{ $it['href'] }}">
				<span class="hbd-grid-photo">
					@if ($it['thumb'])
					<img src="{{ $it['thumb'] }}" alt="" loading="lazy" />
					@else
					<span class="hbd-grid-none"></span>
					@endif
				</span>
				<span class="hbd-grid-body">
					<b>{{ $it['title'] }}</b>
					<span class="hbd-grid-meta">{{ $it['date'] }}@if($it['comments']) <em>{{ $it['comments'] }}</em>@endif</span>
				</span>
			</a>
		</li>
		@endforeach
	</ul>

	@else
	<ul class="hbd-rows">
		@foreach ($hbd_items as $it)
		<li class="@if($it['notice']) is-notice @endif">
			<a href="{{ $it['href'] }}">
				@if ($it['thumb'])
				<span class="hbd-row-photo"><img src="{{ $it['thumb'] }}" alt="" loading="lazy" /></span>
				@endif
				<span class="hbd-row-body">
					@if ($it['notice'])<span class="hbd-row-flag">{{ $lang->notice }}</span>@endif
					<b class="hbd-row-title">{{ $it['title'] }}</b>
					@if ($it['summary'])<span class="hbd-row-sum">{{ $it['summary'] }}</span>@endif
					<span class="hbd-row-meta">
						<span>{{ $it['nick'] }}</span>
						<span>{{ $it['date'] }}</span>
						@if ($it['comments'])<span>{{ $lang->hbd_comments }} {{ $it['comments'] }}</span>@endif
					</span>
				</span>
				<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1" aria-hidden="true"><path d="M5 12h14M13 6l6 6-6 6" /></svg>
			</a>
		</li>
		@endforeach
	</ul>
	@endif

	<div class="hbd-foot">
		@if ($page_navigation->total_page > 1)
		<nav class="hbd-pages">
			@if ($hbd_cur > 1)
			<a href="{{ getUrl('page', $page_navigation->getPage(-1)) }}" aria-label="{{ $lang->hbd_prev_page }}">
				<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.2" aria-hidden="true"><path d="M15 6l-6 6 6 6" /></svg>
			</a>
			@endif
			@foreach ($page_navigation as $hbd_no)
				@if ($hbd_no == $hbd_cur)
				<strong>{{ $hbd_no }}</strong>
				@else
				<a href="{{ getUrl('page', $hbd_no) }}">{{ $hbd_no }}</a>
				@endif
			@endforeach
			@if ($hbd_cur < $page_navigation->total_page)
			<a href="{{ getUrl('page', $page_navigation->getPage(1)) }}" aria-label="{{ $lang->hbd_next_page }}">
				<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.2" aria-hidden="true"><path d="M9 6l6 6-6 6" /></svg>
			</a>
			@endif
		</nav>
		@endif

		@if ($grant->write_document)
		<a class="hbd-btn" href="{{ getUrl('act', 'dispBoardWrite', 'document_srl', '') }}">
			<span>{{ $lang->cmd_write }}</span>
			<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1" aria-hidden="true"><path d="M5 12h14M13 6l6 6-6 6" /></svg>
		</a>
		@endif
	</div>

	<form class="hbd-search" action="{{ getUrl() }}" method="get">
		<input type="hidden" name="mid" value="{{ $module_info->mid }}" />
		<input type="hidden" name="act" value="" />
		{{-- 검색 대상 목록은 게시판 모듈이 만들어 준다. 여기서 지어내면 키가 그대로 찍힌다 --}}
		<select name="search_target">
			@foreach ((array)$search_option as $hbd_key => $hbd_label)
			<option value="{{ $hbd_key }}" @if($search_target === $hbd_key) selected @endif>{{ $hbd_label }}</option>
			@endforeach
		</select>
		<input type="text" name="search_keyword" value="{{ $search_keyword }}" placeholder="{{ $lang->hbd_search }}" />
		<button type="submit">{{ $lang->cmd_search }}</button>
	</form>
</div>

@endif