@props([
    'title' => '회원 > 환경설정',
    'sections' => [
        'signup' => '회원가입 입력 설정',
        'privacy' => '개인정보처리',
        'auth' => '인증 설정',
        'point' => '포인트 설정'
    ]
])
<x-admin.layout.default-layout :title="$title">
    <form name="form_user_config" id="form_user_config" method="post" action="{{ route('admin.user.config.update') }}"
        onsubmit="return validate_user_config_form(this);">
        @csrf
        @method('PUT')

        <section id="signup">
            <h2 class="h2_frm">{{ $sections['signup'] }}</h2>
            <x-admin.forms.anchor :sections="$sections" :selected="'signup'" />

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

            <div class="tbl_frm01 tbl_wrap">
                <table>
                    <caption>{{ $sections['signup'] }}</caption>
                    <colgroup>
                        <col class="grid_4">
                        <col>
                        <col class="grid_4">
                        <col>
                    </colgroup>
                    <tbody>
                        <tr>
                            <th scope="row">주소 입력</th>
                            <td colspan="3">
                                <input type="checkbox" name="use_address" value="1" id="use_address" @checked(old('use_address', $configs->get('use_address')) == 1)>
                                <label for="use_address">사용</label>
                                <input type="checkbox" name="is_required_address" value="1" id="is_required_address" @checked(old('is_required_address', $configs->get('is_required_address')) == 1)>
                                <label for="is_required_address">필수입력</label>
                            </td>
                        </tr>
                        <tr>
                            <th scope="row">전화번호 입력</th>
                            <td>
                                <input type="checkbox" name="use_phone_number" value="1" id="use_phone_number" @checked(old('use_phone_number', $configs->get('use_phone_number')) == 1)>
                                <label for="use_phone_number">사용</label>
                                <input type="checkbox" name="is_required_phone_number" value="1" id="is_required_phone_number" @checked(old('is_required_phone_number', $configs->get('is_required_phone_number')) == 1)>
                                <label for="is_required_phone_number">필수입력</label>
                            </td>
                            <th scope="row">휴대폰번호 입력</th>
                            <td>
                                <input type="checkbox" name="use_mobile" value="1" id="use_mobile" @checked(old('use_mobile', $configs->get('use_mobile')) == 1)>
                                <label for="use_mobile">사용</label>
                                <input type="checkbox" name="is_required_mobile" value="1" id="is_required_mobile" @checked(old('is_required_mobile', $configs->get('is_required_mobile')) == 1)>
                                <label for="is_required_mobile">필수입력</label>
                            </td>
                        </tr>
                        <tr>
                            <th scope="row"><label for="signup_level">회원가입 레벨</label></th>
                            <td>
                                <select id="signup_level" name="signup_level" class="required" required>
                                @for ($i = 1; $i <= 9; $i++)
                                    <option value="{{ $i }}" @selected(old('signup_level', $configs->get('signup_level')) == $i)>
                                        {{ $i }}
                                    </option>
                                @endfor
                                </select>
                            </td>
                            <th scope="row"><label for="signup_point">회원가입 포인트</label></th>
                            <td>
                                <input type="text" id="signup_point" name="signup_point" class="frm_input required" required
                                    value="{{ old('signup_point', $configs->get('signup_point')) ?? 0 }}" size="5"> 점
                            </td>
                        </tr>
                        <tr>
                            <th scope="row"><label for="use_user_image">회원이미지 사용</label></th>
                            <td>
                                <label for="use_user_image_1" class="rules_label">사용</label>
                                <input name="use_user_image" id="use_user_image_1" type="radio" value="1" @checked(old('use_user_image', $configs->get('use_user_image')) == 1)>
                                <label for="use_user_image_0" class="rules_label">사용안함</label>
                                <input name="use_user_image" id="use_user_image_0" type="radio" value="0" @checked(old('use_user_image', $configs->get('use_user_image')) == 0)>
                            </td>
                            <th scope="row"><label for="user_image_upload_level">회원 이미지 업로드 권한</label></th>
                            <td>
                                <select id="user_image_upload_level" name="user_image_upload_level">
                                @for ($i = 2; $i <= 10; $i++)
                                    <option value="{{ $i }}" @selected(old('user_image_upload_level', $configs->get('user_image_upload_level')) == $i)>
                                        {{ $i }}
                                    </option>
                                @endfor
                                </select>
                                이상
                            </td>
                        </tr>
                        <tr>
                            <th scope="row"><label for="user_image_max_size">회원이미지 용량</label></th>
                            <td>
                                <input type="text" name="user_image_max_size" value="{{ old('user_image_max_size', $configs->get('user_image_max_size')) }}" id="user_image_max_size" class="frm_input" size="10"> Kb 이하
                            </td>
                            <th scope="row">회원이미지 사이즈</th>
                            <td>
                                <label for="user_image_width">가로</label>
                                <input type="text" name="user_image_width" value="{{ old('user_image_width', $configs->get('user_image_width')) }}" id="user_image_width"
                                    class="frm_input" size="2">
                                <label for="user_image_height">세로</label>
                                <input type="text" name="user_image_height" value="{{ old('user_image_height', $configs->get('user_image_height')) }}" id="user_image_height"
                                    class="frm_input" size="2">
                                픽셀 이하
                            </td>
                        </tr>
                        <tr>
                            <th scope="row"><label for="use_recommend">추천인 사용</label></th>
                            <td>
                                <label for="use_recommend_1" class="rules_label">사용</label>
                                <input name="use_recommend" id="use_recommend_1" type="radio" value="1" @checked(old('use_recommend', $configs->get('use_recommend')) == 1)>
                                <label for="use_recommend_0" class="rules_label">사용안함</label>
                                <input name="use_recommend" id="use_recommend_0" type="radio" value="0" @checked(old('use_recommend', $configs->get('use_recommend')) == 0)>
                            </td>
                            <th scope="row"><label for="recommend_point">추천인 포인트</label></th>
                            <td>
                                <input type="text" name="recommend_point" value="{{ old('recommend_point', $configs->get('recommend_point')) }}" id="recommend_point" class="frm_input"> 점
                            </td>
                        </tr>
                        <tr>
                            <th scope="row"><label for="prohibit_word">아이디,닉네임 금지단어</label></th>

                            <td>
                                <span class="frm_info">회원아이디, 닉네임으로 사용할 수 없는 단어를 정합니다. 엔터로 구분</span>
                                <textarea name="prohibit_word" id="prohibit_word" rows="5">{{ old('prohibit_word', $configs->get('prohibit_word')) }}</textarea>
                            </td>
                            <th scope="row"><label for="prohibit_email">입력 금지 메일</label></th>
                            <td>
                                <span class="frm_info">'입력 받지 않을 도메인을 지정합니다. 엔터로 구분 ex) hotmail.com'</span>
                                <textarea name="prohibit_domain" id="prohibit_domain" rows="5">{{ old('prohibit_domain', $configs->get('prohibit_domain')) }}</textarea>
                            </td>
                        </tr>
                        <tr>
                            <th scope="row"><label for="signup_terms">회원가입약관</label></th>
                            <td colspan="3">
                                <textarea name="signup_terms" id="signup_terms" rows="10">{{ old('signup_terms', $configs->get('signup_terms')) }}</textarea>
                            </td>
                        </tr>
                        <tr>
                            <th scope="row"><label for="privacy_policy">개인정보처리방침</label></th>
                            <td colspan="3">
                                <textarea id="privacy_policy" name="privacy_policy" rows="10">{{ old('privacy_policy', $configs->get('privacy_policy')) }}</textarea>
                            </td>
                        </tr>
                        <tr>
                            <th scope="row"><label for="use_privacy_agreement">개인정보 제3자 제공 동의 사용</label></th>
                            <td>
                                <select name="use_privacy_agreement" id="use_privacy_agreement" class="frm_input">
                                    <option value="N" @selected(old('use_privacy_agreement', $configs->get('use_privacy_agreement')) == 'N')>사용안함</option>
                                    <option value="Y" @selected(old('use_privacy_agreement', $configs->get('use_privacy_agreement')) == 'R')>필수 동의</option>
                                    <option value="O" @selected(old('use_privacy_agreement', $configs->get('use_privacy_agreement')) == 'O')>선택 동의</option>
                                </select>
                            </td>
                            <th scope="row"><label for="privacy_agreement">개인정보 제3자 제공 동의 내용</label></th>
                            <td>
                                <textarea id="privacy_agreement" name="privacy_agreement" rows="10">{{ old('privacy_agreement', $configs->get('privacy_agreement')) }}</textarea>
                            </td>
                        </tr>
                        <tr>
                            <th scope="row"><label for="use_marketing_agreement">광고성 정보 수신 동의 사용</label></th>
                            <td>
                                <select name="use_marketing_agreement" id="use_marketing_agreement" class="frm_input">
                                    <option value="N" @selected(old('use_marketing_agreement', $configs->get('use_marketing_agreement')) == 'N')>사용안함</option>
                                    <option value="O" @selected(old('use_marketing_agreement', $configs->get('use_marketing_agreement')) == 'O')>선택 동의</option>
                                </select>
                            </td>
                            <th scope="row"><label for="marketing_agreement">광고성 정보 수신 동의 내용</label></th>
                            <td>
                                <textarea id="marketing_agreement" name="marketing_agreement" rows="10">{{ old('marketing_agreement', $configs->get('marketing_agreement')) }}</textarea>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </section>

        <section id="privacy">
            <h2 class="h2_frm">{{ $sections['privacy'] }}</h2>
            <x-admin.forms.anchor :sections="$sections" :selected="'privacy'" />

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

            <div class="tbl_frm01 tbl_wrap">
                <table>
                    <caption>{{ $sections['privacy'] }}</caption>
                    <colgroup>
                        <col class="grid_4">
                        <col>
                        <col class="grid_4">
                        <col>
                    </colgroup>
                    <tbody>
                        <tr>
                            <th scope="row"><label for="retention_period">회원탈퇴후 개인정보보존 기간</label></th>
                            <td colspan="3">
                                <select name="retention_period" id="retention_period" class="required" required>
                                    <option value="0" @selected(old('retention_period', $configs->get('retention_period')) == 0)>탈퇴후 즉시 삭제</option>
                                    @for ($i = 1; $i <= 5; $i++)
                                    <option value="{{ $i }}" @selected(old('retention_period', $configs->get('retention_period')) == $i)>{{ $i }}년</option>
                                    @endfor
                                    <option value="9999" @selected(old('retention_period', $configs->get('retention_period')) == 9999)>영구보관</option>
                                </select>
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </section>

        <section id="auth">
            <h2 class="h2_frm">{{ $sections['auth'] }}</h2>
            <x-admin.forms.anchor :sections="$sections" :selected="'auth'" />

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

            <div class="tbl_frm01 tbl_wrap">
                <table>
                    <caption>{{ $sections['auth'] }}</caption>
                    <colgroup>
                        <col class="grid_4">
                        <col>
                        <col class="grid_4">
                        <col>
                    </colgroup>
                    <tbody>
                        <tr>
                            <th scope="row"><label for="use_email_verification">메일인증 사용</label></th>
                            <td>
                                <span class="frm_info">메일에 배달된 인증 주소를 클릭하여야 회원으로 인정합니다.
                                ( SNS를 이용한 소셜로그인 한 회원은 회원메일인증을 하지 않습니다. 일반회원에게만 해당됩니다. )</span>
                                <label for="use_email_verification_1" class="rules_label">사용</label>
                                <input name="use_email_verification" id="use_email_verification_1" type="radio" value="1" @checked(old('use_email_verification', $configs->get('use_email_verification')) == 1)>
                                <label for="use_email_verification_0" class="rules_label">사용안함</label>
                                <input name="use_email_verification" id="use_email_verification_0" type="radio" value="0" @checked(old('use_email_verification', $configs->get('use_email_verification')) == 0)>
                            </td>
                        </tr>
                        <tr>
                            <th scope="row">본인인증</th>
                            <td>
                                <label for="use_identity_verification_1" class="rules_label">사용</label>
                                <input name="use_identity_verification" id="use_identity_verification_1" type="radio" value="1" @checked(old('use_identity_verification', $configs->get('use_identity_verification')) == 1)>
                                <label for="use_identity_verification_0" class="rules_label">사용안함</label>
                                <input name="use_identity_verification" id="use_identity_verification_0" type="radio" value="0" @checked(old('use_identity_verification', $configs->get('use_identity_verification')) == 0)>
                            </td>
                        </tr>
                        <tr>
                            <th scope="row">본인인증 테스트</th>
                            <td>
                                <label for="is_identity_verification_test_0" class="rules_label">테스트</label>
                                <input name="is_identity_verification_test" id="is_identity_verification_test_0" type="radio" value="1" @checked(old('is_identity_verification_test', $configs->get('is_identity_verification_test')) == 1)>
                                <label for="is_identity_verification_test_1" class="rules_label">실제 사용</label>
                                <input name="is_identity_verification_test" id="is_identity_verification_test_1" type="radio" value="0" @checked(old('is_identity_verification_test', $configs->get('is_identity_verification_test')) == 0)>
                            </td>
                        </tr>
                        <tr>
                            <th scope="row">본인인증 필수</th>
                            <td>
                                <span class="frm_info">회원가입 때 본인확인을 필수로 할지 설정합니다.\n필수로 설정하시면 본인확인을 하지 않은 경우 회원가입이 안됩니다.</span>
                                <label for="require_identity_verification_0" class="rules_label">선택</label>
                                <input name="require_identity_verification" id="require_identity_verification_0" type="radio" value="0" @checked(old('require_identity_verification', $configs->get('require_identity_verification')) == 0)>
                                <label for="require_identity_verification_1" class="rules_label">필수</label>
                                <input name="require_identity_verification" id="require_identity_verification_1" type="radio" value="1" @checked(old('require_identity_verification', $configs->get('require_identity_verification')) == 1)>
                            </td>
                        </tr>
                        <tr>
                            <th scope="row"><label for="identity_verification_service">본인인증 서비스</label></th>
                            <td>
                                <select name="identity_verification_service" id="identity_verification_service" onchange="updateAuthService()">
                                    <option value="">선택하세요</option>
                                    <option value="kg" @selected(old('identity_verification_service', $configs->get('identity_verification_service')) == 'kg')>KG이니시스 통합인증(간편인증)</option>
                                    <option value="kcp" @selected(old('identity_verification_service', $configs->get('identity_verification_service')) == 'kcp')>NHN KCP 휴대폰 본인확인</option>
                                </select>
                            </td>
                        </tr>
                        <tr class="kg_service" style="display: none;">
                            <th scope="row">KG이니시스 통합인증 암호화</th>
                            <td>
                                <label for="kg_sso_encryption_enabled_1" class="rules_label">사용</label>
                                <input name="kg_sso_encryption_enabled" id="kg_sso_encryption_enabled_1" type="radio" value="1" @checked(old('kg_sso_encryption_enabled', $configs->get('kg_sso_encryption_enabled')) == 1)>
                                <label for="kg_sso_encryption_enabled_0" class="rules_label">사용안함</label>
                                <input name="kg_sso_encryption_enabled" id="kg_sso_encryption_enabled_0" type="radio" value="0" @checked(old('kg_sso_encryption_enabled', $configs->get('kg_sso_encryption_enabled')) == 0)>
                            </td>
                        </tr>
                        <tr class="kg_service" style="display: none;">
                            <th scope="row" class="cert_service"><label for="kg_mid">KG이니시스 간편인증 MID</label>
                            </th>
                            <td class="cert_service">
                                <span class="sitecode">SRA</span>
                                <input type="text" name="kg_mid" value="{{ old('kg_mid', $configs->get('kg_mid')) }}" id="kg_mid" class="frm_input" size="10" minlength="7" maxlength="7">
                                <a href="http://sir.kr/main/service/inicis_cert_form.php" target="_blank" class="btn_frmline">
                                    KG이니시스 통합인증(간편인증) 신청페이지
                                </a>
                            </td>
                        </tr>
                        <tr class="kg_service" style="display: none;">
                            <th scope="row" class="cert_service"><label for="kg_api_key">KG이니시스 통합인증 API KEY</label></th>
                            <td class="cert_service">
                                <input type="password" name="kg_api_key" value="{{ old('kg_api_key', $configs->get('kg_api_key')) }}" id="kg_api_key" class="frm_input" size="40" maxlength="32" autocomplete="new-password">
                                <button type="button" class="btn_frmline btn_display_secret">API KEY 확인</button>
                            </td>
                        </tr>
                        <tr class="kcp_service" style="display: none;">
                            <th scope="row" class="cert_service"><label for="kcp_site_code">NHN KCP 사이트코드</label>
                            </th>
                            <td class="cert_service">
                                <span class="frm_info">SM으로 시작하는 5자리 사이트 코드중 뒤의 3자리만 입력해 주십시오.
                                서비스에 가입되어 있지 않다면, 본인확인 서비스 신청페이지에서 서비스 신청 후 사이트코드를 발급 받으실 수 있습니다.</span>
                                <span class="sitecode">SM</span>
                                <input type="text" name="kcp_site_code" value="{{ old('kcp_site_code', $configs->get('kcp_site_code')) }}" id="kcp_site_code" class="frm_input" size="3">
                                <a href="http://sir.kr/main/service/p_cert.php" target="_blank" class="btn_frmline">
                                    NHN KCP 휴대폰 본인확인 서비스 신청페이지
                                </a>
                            </td>
                        </tr>
                        <tr>
                            <th scope="row" class="cert_service"><label for="identity_verification_limit">본인확인 이용제한</label></th>
                            <td class="cert_service">
                                <span class="frm_info">
                                    
                                </span>
                                <span class="frm_info">1일 단위 본인인증을 시도할 수 있는 최대횟수를 지정합니다. (0으로 설정 시 무한으로 인증시도 가능)
                                아이핀/휴대폰/간편인증에서 개별 적용됩니다.</span>
                                <input type="text" name="identity_verification_limit" value="{{ old('identity_verification_limit', $configs->get('identity_verification_limit')) }}" id="identity_verification_limit" class="frm_input" size="3"> 회
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </section>

        <section id="point">
            <h2 class="h2_frm">{{ $sections['point'] }}</h2>
            <x-admin.forms.anchor :sections="$sections" :selected="'point'" />

            <div class="tbl_frm01 tbl_wrap">
                <table>
                    <caption>{{ $sections['point'] }}</caption>
                    <colgroup>
                        <col class="grid_4">
                        <col>
                        <col class="grid_4">
                        <col>
                    </colgroup>
                    <tbody>
                        <tr>
                            <th scope="row"><label for="use_point">포인트 사용</label></th>
                            <td>
                                <label for="use_point_1" class="rules_label">사용</label>
                                <input name="use_point" id="use_point_1" type="radio" value="1" @checked(old('use_point', $configs->get('use_point')) == 1)>
                                <label for="use_point_0" class="rules_label">사용안함</label>
                                <input name="use_point" id="use_point_0" type="radio" value="0" @checked(old('use_point', $configs->get('use_point')) == 0)>
                            </td>
                            <th scope="row"><label for="login_point">로그인 시 포인트<strong class="sound_only">필수</strong></label></th>
                            <td>
                                <span class="frm_info">회원이 로그인시 하루에 한번만 적립</span>
                                <input type="text" name="login_point" value="{{ old('login_point', $configs->get('login_point')) }}" id="login_point" class="frm_input" size="5"> 점
                            </td>
                        </tr>
                        <tr>
                            <th scope="row"><label for="point_term">포인트 유효기간</label></th>
                            <td colspan="3">
                                <span class="frm_info">기간을 0으로 설정시 포인트 유효기간이 적용되지 않습니다.</span>
                                <input type="text" name="point_term" value="{{ old('point_term', $configs->get('point_term')) ?? 0 }}" id="point_term" class="required frm_input" size="5" required> 일
                            </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() {
            updateAuthService();

            document.querySelectorAll('.btn_display_secret').forEach(button => {
                togglePasswordVisibility(button);
            });
        });

        /**
         * 회원 설정 폼 유효성 검사
         */
        function validate_user_config_form(form) {
            return true;
        }

        function updateAuthService() {
            var authService = document.getElementById('identity_verification_service').value;
            
            // Hide all service-specific rows
            document.querySelectorAll('tr[class="kg_service"]').forEach(function(row) {
                row.style.display = 'none';
            });
            document.querySelectorAll('tr[class="kcp_service"]').forEach(function(row) {
                row.style.display = 'none';
            });
            
            // Show rows based on selected auth service
            if (authService === 'kg') {
                document.querySelectorAll('tr[class="kg_service"]').forEach(function(row) {
                    row.style.display = '';
                });
            } else if (authService === 'kcp') {
                document.querySelectorAll('tr[class="kcp_service"]').forEach(function(row) {
                    row.style.display = '';
                });
            }
        }
    </script>
</x-admin.layout.default-layout>