@extends("common.layout")


@section("header")

@endsection

@section("content")
<h1>
    <div>
        <a href="{{ route('notify.automated.list', ['service' => $service]) }}"><i class="bi bi-arrow-left-circle"></i></a>
        {{ $service == 'ielts' ? "인강" : "어학원" }} 자동발송 관리
    </div>
</h1>

<form class="default" id="template_form" method="POST" enctype="multipart/form-data">
    <input type="hidden" name="service" id="service" value="{{ $service }}" />
    <input type="hidden" name="id" id="id" value="{{ $data?->id }}" />
    <div class="col-md-12 align-right mb-2 button-wrap">
        <button class="btn btn-primary" type="button" onclick="onCheckSubmit()">저장</button>
    </div>
    <div class="layout-2-cols lb-layout">
        <section>
            <header>
                <h6>Message</h6>
                <div>
                    <button class="btn btn-sm btn-warning" type="button" onclick="onOpenSearchPopup()">템플릿 검색</button>
                    <button class="btn btn-sm btn-primary" type="button" onclick="location.href='{{ route('notify.template.detail', ['service' => $service, 'type' => 'sms']) }}'">템플릿 등록</button>
                </div>
            </header>
            <main class="split-form">
                <div id="message-box" style="min-height: 550px;">
                    @if ($data->sms_template_id == 0)
                        <div class="alert alert-info">
                            알림톡을 선택해주세요
                        </div>
                    @else
                        <x:notification.message-form :message="$data->smsTemplate" />
                    @endif
                </div>
                <div class="validation-wrap"><p class="m-0"></p></div>
            </main>
        </section>
        <section>
            <header><h6>Content</h6></header>
            <main class="split-form">
                <ul class="list-item-none" id="sms_contents">
                    <li class="mb-3 row mx-0 align-middle">
                        <label class="col-2">활성여부</label>
                        <div class="col-8">
                            <div class="form-check form-switch">
                                <input class="form-check-input" type="checkbox" role="switch" id="activated" name="activated" @checked($data->activated == 1)>
                                <label class="form-check-label" for="activated">활성</label>
                            </div>
                        </div>
                    </li>
                    <li class="mb-3 row mx-0 align-middle">
                        <label class="col-2">전송시기</label>
                        <div class="col-8">{{ $automated[$data->trigger_event] }}</div>
                    </li>
                    <li class="mb-3 row mx-0 align-middle">
                        <label class="col-2">전송시점</label>
                        <div class="col-8">
                            <select class="form-select" name="send_timing" id="send_timing">
                                <option value="0">즉시발송</option>
                                @for ($i = 10 ; $i <= 60 ;  $i = $i + 10)
                                    <option value="{{ $i }}">{{ $i }}분 후</option>
                                @endfor
                            </select>
                        </div>
                    </li>
                    <li class="mb-3 row mx-0 align-middle">
                        <label class="col-2">재발송여부</label>
                        <div class="col-8">
                            <div class="form-check form-switch">
                                <input class="form-check-input" type="checkbox" role="switch" id="is_resend_enabled" name="is_resend_enabled" @checked($data?->is_resend_enabled == 1)>
                                <label class="form-check-label" for="activated">재발송</label>
                            </div>
                        </div>
                    </li>
                    <li class="mb-3 row mx-0 align-middle isResend">
                        <label class="col-2">재발송 회수</label>
                        <div class="col-3">
                            <input type="number" name="resend_count" id="resend_count" value="{{ $data?->resend_count }}" class="form-control" maxlength=1 />
                            <div class="validation-wrap"><p class="m-0"></p></div>
                        </div>
                    </li>
                    <li class="mb-3 row mx-0 align-middle isResend">
                        <label class="col-2">재발송 간격</label>
                        <div class="col-8">
                            <select class="form-select" name="resend_timing" id="resend_timing">
                                @for ($i = 5 ; $i <= 30 ;  $i = $i + 5)
                                    <option value="{{ $i }}">{{ $i }}분 마다</option>
                                @endfor
                            </select>
                        </div>
                    </li>
                </ul>
            </main>
        </section>
    </div>


</form>

@endsection
@push("script")
    <script>
        function onOpenSearchPopup() {
            edmPopupOpen("{{ route('notify.template.list', ['service'=> $service, 'type' => 'sms']) }}?popup=1&is_talk=1", '_blank', null, null, 'large')
        }

        $(function() {
            checkResend()
            $('#is_resend_enabled').on("change", function() {
                checkResend()
            })
        })

        function checkResend() {
            if ($('#is_resend_enabled').is(':checked')) {
                $('.isResend').show()
            } else {
                $('.isResend').hide()
            }
        }
        function onCheckSubmit() {
            resetValidationsForm()
            if (! onCheckValidation()) {
                return false;
            }

            alertify.confirm("알림", "템플릿을 저장하시겠습니까?" , async () => {
                const response = await onSubmit();
                if (response.status) {
                    alertify.alert("성공", "저장되었습니다.", () => {
                        location.reload();
                    })
                }
            }, () => { })
        }
        async function onSubmit() {
            const result = await customFetch("{{ route('api.notify.automated.modify') }}", {
                method: "POST",
                body: JSON.stringify(getFormData('template_form')),
                headers: { "Content-Type" : "application/json"}
            });

            return result;
        }


        function onCheckValidation() {
            let isValid = true;
            if ($.isEmptyObject($('#sms_template_id').val())) {
                displayValidationForm($('#message'), "발송할 템플릿을 선택하세요", ".split-form");
                isValid = false;
            }

            if ($('#is_resend_enabled').is(":checked")) {
                if ($('#resend_count').val() == 0) {
                    displayValidationForm($('#resend_count'), "재발송 회수를 입력하세요", "div");
                    isValid = false;
                }

                if ($('#resend_count').val() > 5) {
                    displayValidationForm($('#resend_count'), "재발송은 5회 이하로만 가능합니다.", "div");
                    isValid = false;
                }
            }

            return isValid;
        }
    </script>
@endpush