@extends('mobile.layouts.app')

@section('content')
<div id="board" class="container">
    <div class="row">
        <div class="col align-self-end">
            <h6 class="board-name">최신글 보기</h6>
        </div>
        <div class="col align-self-center text-end">

        </div>
    </div>
    <hr/>
    <div id="boardList">

        {{-- 검색 --}}
        <div class="search">
            <div class="row">
                <div class="col">
                    <form name="f_board_search" id="fBoardSearch" method="get" action="{{ $listURL }}" autocomplete="off" accept-charset="UTF-8">
                        <input type="hidden" name="page" value="{{ $params->page }}"/>
                        <input type="hidden" name="per_page" value="{{ $params->perPage }}"/>
                        <input type="hidden" name="sort" value="{{ $params->sort }}"/>

                        <div class="row g-2 justify-content-center row-cols-sm-3">
                            <div class="col-sm-auto">
                                <select name="field" id="field" class="form-select">
                                    <option value="1" @if($params->field == '1') selected @endif>제목 + 내용</option>
                                    <option value="2" @if($params->field == '2') selected @endif>제목</option>
                                    <option value="3" @if($params->field == '3') selected @endif>글 작성자</option>
                                    <option value="4" @if($params->field == '4') selected @endif>댓글 내용</option>
                                    <option value="5" @if($params->field == '5') selected @endif>댓글 작성자</option>
                                </select>
                            </div>
                            <div class="col-sm-auto">
                                <input type="text" name="keyword" id="keyword" class="form-control" value="{{ $params->keyword }}"/>
                            </div>
                            <div class="col-sm-auto text-center">
                                <button type="submit" class="btn btn-dark w-100">검색</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>

        <div class="body">
            <table class="table">
                <caption>
                    <div class="row g-2 align-items-center">
                        <div class="col-12 col-sm">
                            <span>전체 : {{ $recent->total }}개</span>
                        </div>
                        <div class="col col-sm-auto">
                            <select name="sort" id="sort" class="form-select">
                                <option value="1" @if($params->sort == 1) selected @endif>날짜순</option>
                                <option value="2" @if($params->sort == 2) selected @endif>조회순</option>
                                <option value="3" @if($params->sort == 3) selected @endif>댓글순</option>
                                <option value="4" @if($params->sort == 4) selected @endif>추천순</option>
                            </select>
                        </div>
                        <div class="col col-sm-auto">
                            <select name="per_page" id="perPage" class="form-select">
                                <option value="10" @if($params->perPage == 10) selected @endif>10개씩</option>
                                <option value="15" @if($params->perPage == 15) selected @endif>15개씩</option>
                                <option value="20" @if($params->perPage == 20) selected @endif>20개씩</option>
                                <option value="30" @if($params->perPage == 30) selected @endif>30개씩</option>
                                <option value="40" @if($params->perPage == 40) selected @endif>40개씩</option>
                                <option value="50" @if($params->perPage == 50) selected @endif>50개씩</option>
                            </select>
                        </div>
                    </div>
                </caption>
                <tbody>

                {{-- 최신 게시글 --}}
                @if($recent->total > 0)
                    @foreach($recent->list as $row)
                        <tr>
                            <td>
                                <div class="row">
                                    <div class="col col-md-10">
                                        <p>
                                            @if($row->categoryName)
                                                <label>
                                                    <a href="{{ $listURL }}?category={{ $row->board_category_id }}" rel="search">
                                                        [{{ $row->categoryName }}]
                                                    </a>
                                                </label>
                                            @endif
                                            @if($row->is_secret)
                                                <a href="{{ $row->viewURL }}" hreflang="ko" referrerpolicy="origin" type="text/html" target="_self">
                                                    <i class="fas fa-lock"></i> 비밀글입니다.
                                                </a>
                                            @elseif($row->isBlame)
                                                <i class="fas fa-ban"></i> <del>{{ $row->subject }}</del>
                                            @else
                                                <a href="{{ $row->viewURL }}" hreflang="ko" referrerpolicy="origin" type="text/html" target="_self">{{ $row->subject }}</a>
                                            @endif
                                            @if($row->comment_rows > 0)
                                                <var>[{{ $row->comment_rows }}]</var>
                                            @endif
                                            @if($row->file_rows > 0)
                                                <i class="fas fa-save"></i>
                                            @endif
                                            @if($row->link_rows > 0)
                                                <i class="fas fa-external-link-alt"></i>
                                            @endif
                                            @if($row->image_rows > 0)
                                                <i class="fas fa-image"></i>
                                            @endif
                                            @if($row->isNew)
                                                <span class="badge bg-warning text-dark">New</span>
                                            @endif
                                            @if($row->isHot)
                                                <span class="badge bg-danger">Hot</span>
                                            @endif
                                        </p>
                                        <ul>
                                            <li>{{ $row->user->name }}</li>
                                            <li>{{ $row->createdAt }}</li>
                                            <li>조회 {{ $row->hit }}</li>
                                            <li>추천 {{ $row->like }}</li>
                                        </ul>
                                    </div>
                                    @if($row->thumbnail)
                                        <div class="col-3 col-md-2 align-self-center">
                                            <div class="thumbnail">
                                                <img src="{{ $row->thumbnail }}" class="img-fluid rounded" alt="{{ $row->subject }}" onerror="this.src='{{ NO_IMAGE_NORMAL_SRC }}'"/>
                                            </div>
                                        </div>
                                    @endif
                                </div>
                            </td>
                        </tr>
                    @endforeach
                @else
                    <tr>
                        <td colspan="2" class="p-5">
                            최신 글이 존재하지 않습니다.
                        </td>
                    </tr>
                @endif
                </tbody>
            </table>

            @if($recent->total > 0)
            <div class="pagination">
                {{ $recent->list->onEachSide($params->pageCount)->links('mobile.board.component.pagination') }}
            </div>
            @endif
        </div>
    </div>
</div>
@endsection

@push('styles')
    <link rel="stylesheet" href="{{ asset('css/mobile/board/index.css') }}"/>
@endpush

@push('scripts')
    <script src="{{ asset('js/board/index.js') }}" defer></script>
@endpush