@extends("board.layout.layout-boards")

@section("board-search")
<div class="input-group input-group-sm">
    <label class="input-group-text" for="inquiry_type">문의유형</label>
    <select name="inquiry_type" id="inquiry_type" class="form-select">
        <option @selected(empty(Request::get("inquiry_type")))>전체</option>
        @foreach ($inquiryTypes as $key => $name)
            <option value="{{ $key }}"
                @selected(Request::get('inquiry_type') == $key)>{{ $name }}</option>
        @endforeach
    </select>
</div>
<div class="input-group input-group-sm">
    <label class="input-group-text" for="qna_activated">1:1문의 노출여부</label>
    <select class="form-select" name="qna_activated" id="qna_activated">
        <option value="" @selected(empty(Request::get("qna_activated")))>전체</option>
        <option value="0" @selected(Request::get("qna_activated") == 0)>비노출</option>
        <option value="1" @selected(Request::get("qna_activated") == 1)>노출</option>
    </select>
</div>
@endsection

@section("board-events")
<button class="btn btn-secondary" type="button" onclick="onOpenPostSortable()">1:1문의 노출설정</button>
@endsection

@section("board-content")

<table class="table table-hover">
    <colgroup>
        <col width="3%">
        <col width="10%">
        <col width="5%">
        <col width="10%">
        <col width="7%">
        <col width="7%">
        <col width="12%">
        <col width="/">
        <col width="5%">
        <col width="5%">
        <col width="7%">
        <col width="5%">
    </colgroup>
    <thead>
        <tr>
            <th>번호</th>
            <th>등록일시</th>
            <th>전시상태</th>
            <th>전시기간</th>
            <th>상단고정</th>
            <th>1:1문의 노출</th>
            <th>질문구분</th>
            <th>제목</th>
            <th>댓글수</th>
            <th>조회수</th>
            <th>작성자</th>
            <th>관리</th>
        </tr>
    </thead>
    <tbody>
        @foreach ($posts as $post)
            @php
                $content = $post->content;
            @endphp
            <tr @class([$post->service])>
                <td>{{ $post->id }}</td>
                <td>{{ $post->created_at }}</td>
                <td>{{ $post->enable->activated == 1 ? "전시" : "비전시" }}</td>
                <td>
                    <div style="font-size: 0.75rem;">
                        @if ($post->enable?->activated == 1)
                            {{ date('Y-m-d', strtotime($post->enable?->started_at)) }}
                            ~ {{ $post->enable?->ended_at ? date('Y-m-d', strtotime($post->enable?->ended_at)) : '' }}
                        @else
                            -
                        @endif
                    </div>
                </td>
                <td>
                    <div class="form-check form-switch">
                        <input class="form-check-input onChange" type="checkbox" role="switch" id="is_fixed_{{ $post->id }}" name="is_fixed" value="{{ $post->id }}"  @checked($post->enable?->is_fixed)>
                    </div>
                </td>
                <td>
                    <div class="form-check form-switch">
                        <input class="form-check-input onChange" type="checkbox" role="switch" id="is_qna_visible_{{ $post->id }}" name="is_qna_visible" value="{{ $post->id }}"  @checked($post->is_qna_visible == 1)>
                    </div>

                </td>
                <td>{{ isset($inquiryTypes[$post->faq_type]) ? $inquiryTypes[$post->faq_type] : '' }}</td>
                <td>{{ $content->title }}</td>
                <td>{{ number_format($post->comments->count()) }}</td>
                <td>{{ number_format($content->views) }}</td>
                <td>{{ $content->writer?->name }}</td>
                <td>
                    <button class="btn btn-sm btn-primary" onclick="location.href='{{ route('board.post-detail', ['service' => $service, 'prefix' => $board['prefix'], 'postId' => $post->id]) }}'">
                        <i class="bi bi-pencil-square"></i>
                    </button>
                    {{-- <button></button> --}}
                </td>
            </tr>
        @endforeach
    </tbody>
</table>

@endsection


@push("script")
<script>

    // $(function() {
    //     $('.onChange').on("click", async function() {
    //         await onChange($(this).val(), $(this).attr("name"), $(this).is(":checked"));
    //     })
    // })
    function onOpenPostSortable() {

        edmPopupOpen("{{ route('board.popup.sortable', $board['prefix']) }}")
    }

    // async function onChange(id, field, value) {
    //     const result = await customFetch("{{ route('api.board.modify.field', $board['prefix']) }}", {
    //         method: "POST",
    //         body: JSON.stringify({ id : id, field : field, value : value }),
    //         headers: { "Content-Type" : "application/json"}
    //     });
    // }
</script>
@endpush