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

            @if (Request::has("is_talk"))
                <input type="hidden" name="is_talk" value="{{ Request::get("is_talk", 0) }}" />
            @endif
            @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( Request::get("catagory_id", 23) == $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->count() }}</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();

                window.opener.$('#message-box').empty();
                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);
                        message.find("#message").prop("readonly", false);
                    }
                }

                window.opener.$('#message-box').append(message);
                window.close();

                // alertify.confirm("확인", "선택한 템플릿을 반영하시겠습니까?", () => {
                //
                // }, () => {})
            })
        })
    </script>
@endpush