@props([
    'title' => '포인트 관리',
    'pageTitle' => '포인트 관리',
    'filterKeyword' => '아이디, 회원태그, 포인트 내용' . ($useCommunity ? ', 닉네임' : ''),
])
<x-admin.layout.default-layout :title="$title" :pageTitle="$pageTitle">
    <div id="memberPoint" class="contents-wrapper">

        <div class="contents-header">
            <form id="formSearch" name="formSearch" method="get">
                <input type="hidden" name="limit" value="{{ Request::get('limit') }}">

                <div class="header-search col5">
                    <div>
                        <div class="form-item">
                            <label for="keyword" class="item-label">검색어</label>
                        </div>
                    </div>
                    <div>
                        <div class="form-item">
                            <input type="text" id="keyword" name="keyword" value="{{ Request::get('keyword') }}" class="item-input" placeholder="{{ $filterKeyword }}">
                        </div>
                    </div>
                </div>
                <div class="header-submit">
                    <button class="btn btn-contained-primary">검색</button>
                </div>
            </form>
        </div>

        <form id="formList" name="formList" method="POST" action="{{ route('admin.user.point.destroy.list') }}" onsubmit="return validateListForm(this);">
            @csrf
            @method('DELETE')

            <div class="table-header">
                <div class="col">
                    <button type="submit" class="btn btn-solid-tertiary icon-only">
                        <span class="ico ico-delete"></span>
                        <span class="sr-only">선택삭제</span>
                    </button>
                    <div>
                        전체 {{ number_format($totalCount) }}건
                        (<span class="count-selected">0</span>건 선택)
                    </div>
                </div>

                <div class="col">
                    <div class="form">
                        <div class="form-item">
                            <x-admin.forms.items-per-page formId="formSearch"/>
                        </div>
                    </div>

                    <button type="button" class="btn btn-contained-secondary" data-modal-target="addPoint">포인트 증감</button>
                </div>
            </div>

            <table class="table-base">
                <thead>
                    <tr>
                        <th scope="col" class="only-checkbox">
                            <div class="form-checkbox">
                                <div class="inner">
                                    <input type="checkbox" id="checkAll" name="checkAll" value="1" class="check-all">
                                    <label for="checkAll" tabindex="0"><span class="sr-only">전체선택하기</span></label>
                                </div>
                            </div>
                        </th>
                        <th scope="col">회원태그</th>
                        <th scope="col">이름</th>
                        @if ($useCommunity)
                            <th scope="col">닉네임</th>
                        @endif
                        <th scope="col">내용</th>
                        <th scope="col">포인트</th>
                        <th scope="col">만료일</th>
                        <th scope="col">합계</th>
                        <th scope="col">관리</th>
                    </tr>
                </thead>
                <tbody>
                    @foreach ($points as $point)
                    <tr>
                        <td class="only-checkbox">
                            <div class="form-checkbox">
                                <div class="inner">
                                    <input type="checkbox" id="ids_{{ $loop->index }}" name="ids[]" value="{{ $point->id }}" class="check-item">
                                    <label for="ids_{{ $loop->index }}" tabindex="0"><span class="sr-only">선택하기</span></label>
                                </div>
                            </div>
                        </td>
                        <td>
                            <a href="{{ route('admin.user.manage.edit', ['user' => $point->user]) }}" target="_blank">
                                {{ $point->user->tag }}
                            </a>
                        </td>
                        <td>{{ $point->user->name }}</td>
                        @if ($useCommunity)
                            <td>{{ $point->user->nickname }}</td>
                        @endif
                        <td>{{ $point->content }}</td>
                        <td>{{ number_format($point->point) }}</td>
                        <td>{{ $point->expire_date }}</td>
                        <td>{{ number_format($point->user_point) }}</td>
                        <td>
                            @if (!$point->is_expired && isset($point->expire_date))
                                <button type="button" class="btn btn-contained-secondary btn-expired"
                                    data-url="{{ route('admin.user.point.update', ['point' => $point]) }}">
                                    만료시키기
                                </button>
                            @endif
                            <button type="button" class="btn btn-solid-secondary btn-delete"
                                data-url="{{ route('admin.user.point.destroy', ['point' => $point]) }}">
                                삭제
                            </button>
                        </td>
                    </tr>
                    @endforeach
                </tbody>
            </table>

        </form>

        <!-- #BACK paginate -->

    </div>

    <div class="modal" id="addPoint">
        <div class="modal-overlay"></div>
        <div class="modal-container">
            <div class="modal-header">
                포인트 증감
                <button class="modal-close"><i class="ico ico-close"></i><span class="sr-only">닫기</span></button>
            </div>

            <form id="formStore" name="formStore" method="post" action="{{ route('admin.user.point.store') }}" autocomplete="off">
                @csrf

                <div class="modal-body form">
                    <div class="form-item">
                        <label for="tag" class="sr-only">회원태그</label>
                        <input type="text" id="tag" name="tag" value="{{ old('tag') }}" class="item-input" placeholder="회원태그">
                    </div>

                    <div class="form-item">
                        <label for="point" class="sr-only">포인트</label>
                        <input type="text" id="point" name="point" value="{{ old('point') }}" class="item-input" placeholder="포인트">
                        <span class="item-msg">-로 입력하시면 포인트를 차감해요.</span>
                    </div>

                    <div class="form-item">
                        <label for="content" class="sr-only">포인트 내용</label>
                        <input type="text" id="content" name="content" value="{{ old('content') }}" class="item-input" placeholder="포인트 내용">
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-solid-secondary modal-close">취소</button>
                    <button type="submit" class="btn btn-contained-primary">등록</button>
                </div>
            </form>
        </div>
    </div>
    <script>
        document.addEventListener('DOMContentLoaded', function() {
            const formSearch = document.getElementById('formSearch');
            const formList = document.getElementById('formList');
            initializeSelectAllFeature(formList);

            // 목록 > 만료버튼
            document.querySelectorAll('.btn-expired').forEach(function (button) {
                button.addEventListener('click', function () {
                    if (confirm('포인트를 만료 처리하시겠습니까?')) {
                        sendAjaxRequest(this.dataset.url, 'PUT', {}, {reload: true});
                    }
                });
            });

            // 목록 > 삭제버튼
            document.querySelectorAll('.btn-delete').forEach(function (button) {
                button.addEventListener('click', function () {
                    deleteConfirm(this.dataset.url);
                });
            });
        });

        function validateListForm() {
            if (!document.querySelector('input[name="ids[]"]:checked')) {
                alert("선택하실 항목을 하나 이상 선택하세요.");
                return false;
            }

            if (!confirm("선택한 자료를 정말 삭제하시겠습니까?")) {
                return false;
            }

            return true;
        }
    </script>
</x-admin.layout.default-layout>