@extends('layout', ['service'=>$service])

@section('css')
    <link rel="stylesheet" href="{{ asset('css/board.css') . $css_version }}">
@endsection

@section('gnb', view('gnb', ['service'=>$service]))

@section('subgnb', view($service.'.gnb'))

@section('content')
<div class="container">
    @include('common.board.path')

    <div class="board-wrapper">
        <div class="wrapper">
        <form name="board-search" method="get" action="{{ route($db.'.index', ['service'=>$service]) }}">
            <div class="board-header"> 
                <div class="count">
                    총 <strong>{{ $articles->total() }}</strong>개의 {{ $total_title }}
                </div>
            </div>

            @if(view()->exists('common.board.'.$db.'.index-category-inc'))
                @include('common.board.'.$db.'.index-category-inc')
            @endif

            <div class="board">
                <table>
                    <thead>
                        <tr>
                            <th class="board-no">번호</th>
                            @if ($db == 'faq')<th class="board-writer">구분</th>@endif
                            @if ($db == 'course-review')<th class="board-teacher">강사</th>@endif
                            @if ($db == 'testcenter-review')<th class="board-place">시험장</th>@endif
                            <th class="board-subject">제목</th>
                            <th class="board-writer">작성자</th>
                            <th class="board-date">작성일</th>
                            <th class="board-view">조회</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($articles as $article)
                        <tr>
                            <td class="board-no">{{ $article->id }}</td>
                            @if ($db == 'faq')
                                <td class="board-writer">
                                    {{ $article->faq_type }}
                                </td>
                            @endif

                            @if ($db == 'course-review')
                                <td class="board-teacher"></td>
                            @endif

                            @if ($db == 'testcenter-review')
                                <td class="board-place">
                                    {{ $article->exam_type }}
                                </td>
                            @endif

                            <td class="board-subject">
                                <a href="{{ route($db.'.view', ['service'=>$service, 'id'=>$article->id]) }}">
                                    @if ($config->secretable and $article->is_secret)
                                        @if (!empty(auth()->check()) and ($article->created_by == auth()->user()->id))
                                            <span class="material-symbols-outlined -open">lock_open_right</span>
                                        @else
                                            <span class="material-symbols-outlined">lock</span>
                                        @endif
                                    @endif
                                    @if ($article->created_at->addDays(1) > now()->toDateTimeString() )
                                        <span class="label red">N</span>
                                    @endif

                                    {{ $article->title }}
                                </a>
                                {!! !empty($article->comments) ? '<span class="board-cmt">('.$article->comments->count().')</span>':'' !!}
                            </td>
                            <td class="board-writer">{{ !empty($article->created_by) ? $article->writer->name:'' }}</td>
                            <td class="board-date">{{ $article->created_at->format('Y.m.d') }}</td>
                            <td class="board-view">{{ $article->views }}</td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>

            <div class="board-footer">
                <div class="pagination">
                    {{ $articles->withQueryString()->links() }}
                </div>
                
                <div class="board-search-area">
                    <div class="search-select">
                        <select class="default-select" name="field" id="">
                            <option value="">모두</option>
                            <option value="title" @selected(request()->field=='title')>제목</option>
                            <option value="content" @selected(request()->field=='content')>내용</option>
                            <option value="author" @selected(request()->field=='author')>작성자</option>
                        </select>
                    </div>
                    <div class="search-input">
                        <input type="text" name="keyword" value="{{ request()->keyword }}">
                    </div>
                    <button class="button">검색</button>
                </div>
                
                <div class="board-btn-area">
                    <div class="board-btn-left">
                    </div>
                    <div class="board-btn-right">
                        @can('create-articles')
                            <a class="button primary" href="{{ route($db.'.compose', ['service'=>$service]) }}">글작성</a>
                        @endcan
                    </div>
                </div>
            </div>
        </form>
        </div>
    </div>
</div>
@endsection

@section('footer', view('footer'))

@section('script')
<script>
    $(document).ready(function(){
        $('.default-select').on('change', function(){
            $('form[name="board-search"]').submit();
        });
    });
</script>
@endsection