@extends("common.layout-popup")

@section("page-title", "알림톡 선택")
@section("header")

@endsection

@section("content")
<section>
    <main>
        <form action="{{ route('notify.template.list', ["service" => $service, "type" => $type]) }}" class="search-form" id="payment-form" method="GET">
            <input type="hidden" name="paginate" value="{{ Request::get('paginate') }}" />
            <input type="hidden" name="popup" value="1" />
            @csrf

            <div class="search-input-wrap">
                <div class="input-group input-group-sm">
                    <label class="input-group-text" for="method">템플릿 그룹</label>
                    <select class="form-select" name="category_id" id="category_id">
                        <option value="0">전체</option>
                        @foreach ($categories as $category)
                        <option value="{{ $category->id }}" @selected($category->id == Request::get("category_id"))>{{ $category->name }}</option>
                        @endforeach

                    </select>
                </div>

                <div class="input-group input-group-sm">
                    <label class="input-group-text" for="start_at">템플릿 명</label>
                    <input class="form-control" type="text" name="name" id='name' value="{{ Request::get("name") }}">
                </div>

                <div class="input-group input-group-sm">
                    <label class="input-group-text" for="method">템플릿 내용</label>
                    <input class="form-control" type="text" name="message" id='message' value="{{ Request::get("message") }}">
                </div>
            </div>

            <button type="submit" class="btn btn-sm btn-outline-dark search-button"><i class="bi bi-search"></i> 조회</button>
        </form>
    </main>
</section>

<section class="mt-3">
    <header>
        <h6>총 <strong>{{ $list->total() }}</strong>개</h6>
    </header>
    <main>
        <ul class="template-list">
            @foreach ( $list as $item)
            <li class="template-item">
                <x:notification.message-form :message="$item" isPopup=1 />
            </li>
            @endforeach
        </ul>
    </main>
    <footer>
        <div class="pagination-wrap">
            {{ $list->links() }}

            <select id='paginate-control' class='form-select form-select-sm data-length-select' onchange="copyValue('.data-length-select', 'input[name=paginate]', '.search-form')">
                <option value="10" @selected(Request::get("paginate") == null || Request::get("paginate") == 10)>10개씩 보기</option>
                <option value="30" @selected(Request::get("paginate") == 30)>30개씩 보기</option>
                <option value="50" @selected(Request::get("paginate") == 50)>50개씩 보기</option>
                <option value="100" @selected(Request::get("paginate") == 100)>100개씩 보기</option>
            </select>
        </div>
    </footer>
</section>
@endsection
@push("script")
    <script>

        $(function() {
            $('.onSelectMessage').on("click", function( ) {
                const message = $(this).closest('.template-box').clone();
                message.find(".template-footer").remove();
                alertify.confirm("확인", "선택한 템플릿을 반영하시겠습니까?", () => {
                    window.opener.$('#message-box').empty();
                    window.opener.$('#message-box').append(message);

                    if (window.opener.$('#sms_form').length > 0) {
                        if (message.find('#message_type').val() == 'talk') {
                            window.opener.$('#sms_form').hide();
                        } else {
                            const sendNumber = message.find('#send_number').val();
                            window.opener.$('#sms_form #send_number option[value="'+sendNumber+'"]').prop("selected", true);
                            window.opener.$('#sms_form #send_number').prop("disabled", true);
                            window.opener.$('#sms_form #is_advertise').prop("checked", message.find('#is_advertise').val() == 1)
                            window.opener.$('#sms_form #is_advertise').prop("disabled", true);
                        }
                    }
                    window.close();
                }, () => {})
            })
        })
    </script>
@endpush