@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>

            <div class="board-category">
                <div class="ielts">
                    <select class="default-select" name="service_id">
                        <option value="">어학원/인강 전체보기</option>
                        <option value="2" @selected(request()->service_id == 2)>어학원</option>
                        <option value="1" @selected(request()->service_id == 1)>인강</option>
                    </select>
                </div>
                <div class="score">
                    @php
                        $score = ['4.0', '4.5', '5.0', '5.5', '6.0', '6.5', '7.0', '7.5', '8.0'];
                    @endphp
                    <select class="default-select" name="pass_overall">
                        <option value="">합격점수 전체보기</option>
                        @foreach($score as $v)
                            <option value="{{ $v }}" @selected( request()->pass_overall == $v )>{{ $v }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="score">
                    @php
                        $period = ['1주', '2주', '3주', '1개월', '1.5개월', '2개월', '2.5개월', '3개월', '4개월', '4.5개월', '5개월 이상'];
                    @endphp
                    <select class="default-select" name="attainment_period">
                        <option value="">달성기간 전체보기</option>
                        @foreach($period as $v)
                            <option value="{{ $v }}" @selected( request()->attainment_period == $v )>{{ $v }}</option>
                        @endforeach
                    </select>
                </div>
                <div class="sort">
                    <select class="default-select" name="orderby">
                        <option value="created_at" @selected(request()->orderby == 'created_at' or !request()->order_by)>최신순</option>
                        <option value="views" @selected(request()->orderby == 'views')>조회순</option>
                    </select>
                </div>
            </div>

            <div class="board review-board">
                @foreach($articles as $article)
                <a href="{{ route($db.'.view', ['service'=>$service, 'id'=>$article->id]) }}">
                    @if (!empty($article->receipt_s3_key))
                        <img src="{{ $article->score_image }}" alt="">
                    @else
                        <img src="https://placehold.co/1080x1920" alt="">
                    @endif
                    <div>
                        <p>
                            @if ($article->created_at->addDays(1) > now()->toDateTimeString() )
                                <span class="label red">N</span>
                            @endif
                            {{ $article->title }}
                        </p>
                        <dl>
                            <dt class="blind">점수</dt>
                            <dd>{{ $article->pass_overall }}달성</dd>
                            <dd>{{ $article->attainment_period }}</dd>
                            <dd>{{ $article->created_by ? $article->writer->name:'' }}</dd>
                        </dl>
                    </div>
                    <div class="review-more">
                        <span>합격 노하우 보기</span>
                    </div>
                </a>
                @endforeach
            </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