@props([
    'title' => '회원 > 메시지 설정'
])
<x-admin.layout.default-layout :title="$title">
    <form name="form_user_config_notification" id="form_user_config_notification" method="post" action="{{ route('admin.user.notification.update') }}"
        onsubmit="return validate_user_config_notification_form(this);">
        @csrf
        @method('PUT')

        <section>
            <div class="local_desc02 local_desc">
                도움말
            </div>

            <div class="tbl_frm01 tbl_wrap">
                <table>
                    <caption>{{ $title }}</caption>
                    <colgroup>
                        <col class="grid_4">
                        <col>
                        <col class="grid_4">
                        <col>
                        <col class="grid_4">
                        <col>
                    </colgroup>
                    <tbody>
                        <tr>
                            <th scope="row">가입 시 회원에게 발송유형</th>
                            <td>
                                <select name="notify_signup_type_to_user" id="notify_signup_type_to_user">
                                    <option value="" @selected(!old('notify_signup_type_to_user', $configs->get('notify_signup_type_to_user')))>사용안함</option>
                                    <option value="all" @selected(old('notify_signup_type_to_user', $configs->get('notify_signup_type_to_user')) == 'all')>메일+알림톡(SMS)</option>
                                    <option value="mail" @selected(old('notify_signup_type_to_user', $configs->get('notify_signup_type_to_user')) == 'mail')>메일</option>
                                    <option value="alimtalk" @selected(old('notify_signup_type_to_user', $configs->get('notify_signup_type_to_user')) == 'alimtalk')>알림톡</option>
                                </select>
                            </td>
                            <th scope="row">가입 시 회원에게 알림 프리셋</th>
                            <td colspan="3">
                                <span class="frm_info">가입 시 회원에게 발송할 알림 내용을 입력하세요.프리셋을 수정하시는 경우 [알림톡]은 템플릿을 새로 등록하셔야 합니다.</span>
                                <textarea name="notification_user_on_signup_preset" id="notification_user_on_signup_preset" rows="5" class="frm_input">{{ old('notification_user_on_signup_preset', $configs->get('notification_user_on_signup_preset')) }}</textarea>
                                <button type="button" class="btn btn_03 btn_copy_preset">복사</button>
                            </td>
                        </tr>
                        <tr>
                            <th scope="row">탈퇴 시 회원에게 발송유형</th>
                            <td>
                                <select name="notification_user_on_leave_type" id="notification_user_on_leave_type">
                                    <option value="" @selected(!old('notification_user_on_leave_type'))>사용안함</option>
                                    <option value="all" @selected(old('notification_user_on_leave_type', $configs->get('notification_user_on_leave_type')) == 'all')>메일+알림톡(SMS)</option>
                                    <option value="mail" @selected(old('notification_user_on_leave_type', $configs->get('notification_user_on_leave_type')) == 'mail')>메일</option>
                                    <option value="alimtalk" @selected(old('notification_user_on_leave_type', $configs->get('notification_user_on_leave_type')) == 'alimtalk')>알림톡</option>
                                </select>
                            </td>
                            <th scope="row">탈퇴 시 회원에게 알림 프리셋</th>
                            <td colspan="3">
                                <span class="frm_info">탈퇴 시 회원에게 발송할 알림 내용을 입력하세요.<br>프리셋을 수정하시는 경우 [알림톡]은 템플릿을 새로 등록하셔야 합니다.</span>
                                <textarea name="notification_user_on_leave_preset" id="notification_user_on_leave_preset" rows="5" class="frm_input">{{ old('notification_user_on_leave_preset', $configs->get('notification_user_on_leave_preset')) }}</textarea>
                                <button type="button" class="btn btn_03 btn_copy_preset">복사</button>
                            </td>
                        </tr>

                        <tr>
                            <th scope="row">가입 시 운영진에게 발송유형</th>
                            <td>
                                <select name="notify_signup_type_to_admin" id="notify_signup_type_to_admin">
                                    <option value="" @selected(!old('notify_signup_type_to_admin'))>사용안함</option>
                                    <option value="all" @selected(old('notify_signup_type_to_admin', $configs->get('notify_signup_type_to_admin')) == 'all')>메일+알림톡(SMS)</option>
                                    <option value="mail" @selected(old('notify_signup_type_to_admin', $configs->get('notify_signup_type_to_admin')) == 'mail')>메일</option>
                                    <option value="alimtalk" @selected(old('notify_signup_type_to_admin', $configs->get('notify_signup_type_to_admin')) == 'alimtalk')>알림톡</option>
                                </select>
                            </td>
                            <th scope="row">가입 시 운영진에게 알림 프리셋</th>
                            <td colspan="3">
                                <span class="frm_info">가입 시 운영진에게 발송할 알림 내용을 입력하세요.<br>프리셋을 수정하시는 경우 [알림톡]은 템플릿을 새로 등록하셔야 합니다.</span>
                                <textarea name="notification_admin_on_signup_preset" id="notification_admin_on_signup_preset" rows="5" class="frm_input">{{ old('notification_admin_on_signup_preset', $configs->get('notification_admin_on_signup_preset')) }}</textarea>
                                <button type="button" class="btn btn_03 btn_copy_preset">복사</button>
                            </td>
                        </tr>
                        <tr>
                            <th scope="row">탈퇴 시 운영진에게 발송유형</th>
                            <td>
                                <select name="notification_admin_on_leave_type" id="notification_admin_on_leave_type">
                                    <option value="" @selected(!old('notification_admin_on_leave_type'))>사용안함</option>
                                    <option value="all" @selected(old('notification_admin_on_leave_type', $configs->get('notification_admin_on_leave_type')) == 'all')>메일+알림톡(SMS)</option>
                                    <option value="mail" @selected(old('notification_admin_on_leave_type', $configs->get('notification_admin_on_leave_type')) == 'mail')>메일</option>
                                    <option value="alimtalk" @selected(old('notification_admin_on_leave_type', $configs->get('notification_admin_on_leave_type')) == 'alimtalk')>알림톡</option>
                                </select>
                            </td>
                            <th scope="row">탈퇴 시 운영진에게 알림 프리셋</th>
                            <td colspan="3">
                                <span class="frm_info">탈퇴 시 운영진에게 발송할 알림 내용을 입력하세요.<br>프리셋을 수정하시는 경우 [알림톡]은 템플릿을 새로 등록하셔야 합니다.</span>
                                <textarea name="notification_admin_on_leave_preset" id="notification_admin_on_leave_preset" rows="5" class="frm_input">{{ old('notification_admin_on_leave_preset', $configs->get('')) }}</textarea>
                                <button type="button" class="btn btn_03 btn_copy_preset">복사</button>
                            </td>
                        </tr>

                        <tr>
                            <th scope="row">가입 시 최고관리자에게 발송유형</th>
                            <td>
                                <select name="notification_superadmin_on_signup_type" id="notification_superadmin_on_signup_type">
                                    <option value="" @selected(!old('notification_superadmin_on_signup_type'))>사용안함</option>
                                    <option value="all" @selected(old('notification_superadmin_on_signup_type', $configs->get('notification_superadmin_on_signup_type')) == 'all')>메일+알림톡(SMS)</option>
                                    <option value="mail" @selected(old('notification_superadmin_on_signup_type', $configs->get('notification_superadmin_on_signup_type')) == 'mail')>메일</option>
                                    <option value="alimtalk" @selected(old('notification_superadmin_on_signup_type', $configs->get('notification_superadmin_on_signup_type')) == 'alimtalk')>알림톡</option>
                                </select>
                            </td>
                            <th scope="row">가입 시 최고관리자에게 알림 프리셋</th>
                            <td colspan="3">
                                <span class="frm_info">가입 시 최고관리자에게 발송할 알림 내용을 입력하세요.<br>프리셋을 수정하시는 경우 [알림톡]은 템플릿을 새로 등록하셔야 합니다.</span>
                                <textarea name="notification_superadmin_on_signup_preset" id="notification_superadmin_on_signup_preset" rows="5" class="frm_input">{{ old('notification_superadmin_on_signup_preset', $configs->get('')) }}</textarea>
                                <button type="button" class="btn btn_03 btn_copy_preset">복사</button>
                            </td>
                        </tr>

                        <tr>
                            <th scope="row">탈퇴 시 최고관리자에게 발송유형</th>
                            <td>
                                <select name="notification_superadmin_on_leave_type" id="notification_superadmin_on_leave_type">
                                    <option value="" @selected(!old('notification_superadmin_on_leave_type'))>사용안함</option>
                                    <option value="all" @selected(old('notification_superadmin_on_leave_type', $configs->get('notification_superadmin_on_leave_type')) == 'all')>메일+알림톡(SMS)</option>
                                    <option value="mail" @selected(old('notification_superadmin_on_leave_type', $configs->get('notification_superadmin_on_leave_type')) == 'mail')>메일</option>
                                    <option value="alimtalk" @selected(old('notification_superadmin_on_leave_type', $configs->get('notification_superadmin_on_leave_type')) == 'alimtalk')>알림톡</option>
                                </select>
                            </td>
                            <th scope="row">탈퇴 시 최고관리자에게 알림 프리셋</th>
                            <td colspan="3">
                                <span class="frm_info">탈퇴 시 최고관리자에게 발송할 알림 내용을 입력하세요.<br>프리셋을 수정하시는 경우 [알림톡]은 템플릿을 새로 등록하셔야 합니다.</span>
                                <textarea name="notification_superadmin_on_leave_preset" id="notification_superadmin_on_leave_preset" rows="5" class="frm_input">{{ old('notification_superadmin_on_leave_preset', $configs->get('')) }}</textarea>
                                <button type="button" class="btn btn_03 btn_copy_preset">복사</button>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </section>

        <div class="btn_fixed_top btn_confirm">
            <input type="submit" value="확인" class="btn_submit btn" accesskey="s">
        </div>

    </form>

    <script>
        document.addEventListener('DOMContentLoaded', function() {
            initCopyPresetButtons();
        });

        /**
         * 회원 알림/푸시 설정 폼 유효성 검사
         */
        function validate_user_config_notification_form(form) {
            const notificationTypes = [
                'notification_user_on_signup',
                'notification_user_on_leave',
                'notification_admin_on_signup',
                'notification_admin_on_leave',
                'notification_superadmin_on_signup',
                'notification_superadmin_on_leave'
            ];

            for (var i = 0; i < notificationTypes.length; i++) {
                var typeField = form[notificationTypes[i] + '_type'];
                var presetField = form[notificationTypes[i] + '_preset'];

                if (typeField.value !== '' && presetField.value.trim() === '') {
                    var title = typeField.closest('tr').querySelector('th').innerText;
                    alert(`'${title}' 프리셋을 입력해 주세요.`);
                    presetField.focus();
                    return false;
                }
            }

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