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

@section("board-search")
<div class="input-group input-group-sm">
    <label class="input-group-text" for="status">이벤트상태</label>
    <select name="status" id="status" class="form-select">
        <option value="0" @selected(empty(Request::get("status")))>전체</option>
        <option value="1" @selected(Request::get("status") == 1)>진행중</option>
        <option value="2" @selected(Request::get("status") == 2)>마감</option>
    </select>
</div>
@endsection

@section("board-buttons")
    @if ( Request::get("status") == 1 )
        <button class="btn btn-warning" type="button" onclick="onSubmitEventOrder()">정렬저장</button>
    @endif

@endsection

@section("board-content")

<table class="table table-hover">
    <colgroup>
        @if ( Request::get("status") == 1 )
            <col width="3%">
        @endif

        <col width="5%">
        <col width="10%">
        <col width="5%">
        <col width="10%">
        <col width="5%">
        <col width="10%">
        <col width="10%">
        <col width="/">

        <col width="3%">
        <col width="5%">
        <col width="5%">
        <col width="5%">
    </colgroup>
    <thead>
        <tr>
            @if ( Request::get("status") == 1 )
                <th></th>
            @endif
            <th>번호</th>
            <th>등록일시</th>
            <th>전시상태</th>
            <th>전시기간</th>
            <th>GNB노출</th>
            <th>당첨자여부</th>
            <th>이벤트기간</th>
            <th>이벤트 명</th>
            <th>조회수</th>
            <th>댓글수</th>

            <th>작성자</th>
            <th>관리</th>
        </tr>
    </thead>
    <tbody id="sortable">
        @foreach ($posts as $post)
            @php
                $content = $post->content;
            @endphp
        <tr>
            @if ( Request::get("status") == 1 )
                <td class="align-center handle">
                    <i class="bi bi-list"></i>
                </td>
            @endif
            <td>{{ $post->id }}
                <input type="hidden" name="post_id" value="{{ $post->id }}" class="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="d-flex align-items-center justify-content-between">
                    <div class="form-check form-switch">
                        <input class="form-check-input onChange" type="checkbox" role="switch" id="is_winner_{{ $post->id }}" name="is_winner" value="{{ $post->id }}"  @checked($post->is_winner)>
                    </div>

                @if ($post->is_winner == 1)
                    @php
                        $winnerCnt = $post->eventWinners->count();
                    @endphp
                    <div class="px-0">
                        <button @class(["btn","btn-sm",
                            "btn-success" => $winnerCnt > 0,
                            "btn-warning" => $winnerCnt == 0,
                        ]) type="button" onclick="onOpenWinner({{ $post->id }})">
                            당첨자 {{ $winnerCnt == 0 ? '등록' : "조회(".$winnerCnt ."명)" }}
                        </button>
                    </div>
                @endif
                </div>
            </td>
            <td>
                <span @class(['badge', 'badge-success' => $post->status == 1, "badge-secondary" => $post->status == 2 ])>{{ $post->status == 1 ? "진행중" : "마감" }}</span>
                <div style="font-size: 0.75rem;">
                    {{ $post->event_started_at }} ~ {{ $post->event_ended_at }}
                </div>
            </td>
            <td>{{ $content?->title }}</td>
            <td>{{ number_format(num: $content?->view_cnt) }}</td>
            <td>{{ $post->is_use_comment == 1 ? number_format($post->comments->count()) : "미사용" }}</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 class="btn btn-sm btn-link" type="button" onclick="onPreviewPage('{{ $post->id }}')"><i class="bi bi-link-45deg"></i></button>
            </td>
        </tr>
        @endforeach
    </tbody>
</table>

@endsection
@push("script")
<script>

    $(function() {
        $("#sortable").sortable({
            handle: ".handle",
            axis: "y",
            placeholder: "ui-state-highlight",
            helper: function(e, ui) {
                ui.children().each(function() {
                    $(this).width($(this).width());
                });
                return ui;
            },

        }).disableSelection();
    })

    function onPreviewPage(id) {
        const href = "https://front.edmclass.com/{{ $service }}/board/event/view/" + id;
        window.open(href, "_blank")
    }


    function onOpenWinner(id) {
        const href = "{{ route('board.popup.winner', ['id' => ':id']) }}";
        edmPopupOpen(href.replace(":id", id), 'popup_window', null, null, 'large');
    }

    async function onSubmitEventOrder() {

        const ids = [];
        $('.post_id').each(function() {
            ids.push($(this).val());
        })

        const result = await customFetch("{{ route('api.board.posts.sortable') }}", {
            method: "POST",
            body : JSON.stringify({ "ids" : ids, "prefix" : "event" }) ,
            headers: { "Content-Type" : "application/json"}
        });

        if ( result.status ) {
            alertify.alert("알림", "정렬이 변경되었습니다. ")
        }

    }
</script>
@endpush