@extends('admin.layouts.app')

@section('content')
<div class="container-fluid">
    <h2>회원가입 설정</h2>
    <hr/>
    @include('admin.messages')
    @include('admin.config.register.navTabs')

    <form name="f_admin_write" id="fAdminWrite" method="post" action="{{ route('admin.config.register.basic.store') }}" enctype="multipart/form-data">
        @csrf
        <div class="row mb-3">
            <label for="useRegisterBlock" class="col-sm-2">회원가입 차단</label>
            <div class="col-sm-10">
                <div class="form-check">
                    <input type="checkbox" name="use_register_block" id="useRegisterBlock" class="form-check-input" value="1" {{ config('use_register_block') ? 'checked' : '' }} />
                    <label for="useRegisterBlock" class="form-check-label">
                        회원가입을 차단합니다.
                    </label>
                </div>
            </div>
        </div>
        <div class="row mb-3">
            <label for="useRegisterEmailAuth" class="col-sm-2">회원가입시 메일 인증 사용</label>
            <div class="col-sm-10">
                <div class="form-check">
                    <input type="checkbox" name="use_register_email_auth" id="useRegisterEmailAuth" class="form-check-input" value="1" {{ config('use_register_email_auth') ? 'checked' : '' }} />
                    <label for="useRegisterEmailAuth" class="form-check-label">
                        입력된 메일 주소로 인증 메일을 보내어 회원가입을 확인합니다.
                    </label>
                </div>
            </div>
        </div>
        <div class="row mb-3">
            <label for="passwordMinLength" class="col-sm-2 col-form-label">비밀번호 보안수준</label>
            <div class="col-sm-10">
                <div class="mb-2">
                    비밀번호는 최소 - <input type="number" name="password_min_length" id="passwordMinLength" class="form-control d-inline w-auto" value="{{ config('password_min_length') }}" /> 글자 이상이어야 하며,
                </div>
                <div class="mb-2">
                    대문자 - <input type="number" name="password_uppercase_length" id="passwordUppercaseLength" class="form-control d-inline w-auto" value="{{ config('password_uppercase_length') }}" /> 개를 포함,
                </div>
                <div class="mb-2">
                    숫자 - <input type="number" name="password_numbers_length" id="passwordNumbersLength" class="form-control d-inline w-auto" value="{{ config('password_numbers_length') }}" /> 개를 포함,
                </div>
                <div class="mb-2">
                    특수문자 - <input type="number" name="password_specialchars_length" id="passwordSpecialcharsLength" class="form-control d-inline w-auto" value="{{ config('password_specialchars_length') }}" /> 개를 포함하고 있어야 합니다.
                </div>
                <div class="form-text text-muted">비밀번호 길이는 최소 4자 이상이어야하며, 대문자, 숫자, 특수문자를 포함하기를 원하지 않는 경우 0을 입력하면 됩니다. 이 규칙은 회원가입시, 정보수정시 적용되며 이미 가입한 회원이 로그인을 하는 경우에는 적용되지 않습니다. 즉 가입 당시 규칙에는 대문자 규칙이 없어서 대문자 없이 회원가입하였는데, 지금 대문자를 꼭 입력하게끔 규칙을 변경하더라도 기존 회원은 대문자 없는 비밀번호로 로그인이 가능합니다.</div>
            </div>
        </div>
        <div class="row mb-3">
            <label for="useUserThumb" class="col-sm-2 col-form-label">회원 프로필 사진</label>
            <div class="col-sm-10">
                <div class="form-check mb-2">
                    <input type="checkbox" name="use_user_thumb" id="useUserThumb" class="form-check-input" value="1" @if(config('use_user_thumb')) checked @endif />
                    <label for="useUserThumb" class="form-check-label">
                        사용합니다.
                    </label>
                </div>
                <div class="form-inline">
                    가로길이 - <input type="number" name="user_thumb_width" id="memberPhotoWidth" class="form-control d-inline w-auto" value="{{ config('user_thumb_width', THUMB_MAX_WIDTH) }}" /> px,
                    세로길이 - <input type="number" name="user_thumb_height" id="memberPhotoHeight" class="form-control d-inline w-auto" value="{{ config('user_thumb_height', THUMB_MAX_HEIGHT) }}" /> px
                    (jpg, gif, png 만 가능)
                </div>
            </div>
        </div>
        <div class="row mb-3">
            <label for="useUserIcon" class="col-sm-2 col-form-label">회원 아이콘</label>
            <div class="col-sm-10">
                <div class="form-check mb-2">
                    <input type="checkbox" name="use_user_icon" id="useUserIcon" class="form-check-input" value="1" @if(config('use_user_icon')) checked @endif />
                    <label for="useUserIcon" class="form-check-label">
                        사용합니다.
                    </label>
                </div>
                <div class="form-inline">
                    가로길이 - <input type="number" name="user_icon_width" id="memberIconWidth" class="form-control d-inline w-auto" value="{{ config('user_icon_width', ICON_MAX_WIDTH) }}" /> px,
                    세로길이 - <input type="number" name="user_icon_height" id="memberIconHeight" class="form-control d-inline w-auto" value="{{ config('user_icon_height', ICON_MAX_HEIGHT) }}" /> px
                    (jpg, gif, png 만 가능)
                </div>
            </div>
        </div>
        <div class="row mb-3">
            <label for="deniedNicknameList" class="col-sm-2 col-form-label">금지 이름</label>
            <div class="col-sm-10">
                <textarea name="denied_nickname_list" id="deniedNicknameList" class="form-control" rows="5">{{ config('denied_nickname_list') }}</textarea>
                <div class="form-text text-muted">제한하고 싶은 닉네임을 쉼표로 구분하여 입력해주세요</div>
            </div>
        </div>
        <div class="row mb-3">
            <label for="deniedUserIdList" class="col-sm-2 col-form-label">금지 ID</label>
            <div class="col-sm-10">
                <textarea name="denied_userid_list" id="deniedUserIdList" class="form-control" rows="5">{{ config('denied_userid_list') }}</textarea>
                <div class="form-text text-muted">제한하고 싶은 아이디를 쉼표로 구분하여 입력해주세요</div>
            </div>
        </div>
        <div class="row mb-3">
            <label for="deniedEmailList" class="col-sm-2 col-form-label">금지 E-mail</label>
            <div class="col-sm-10">
                <textarea name="denied_email_list" id="deniedEmailList" class="form-control" rows="5">{{ config('denied_email_list') }}</textarea>
                <div class="form-text text-muted">제한하고 싶은 이메일 도메인을 쉼표로 구분하여 입력해주세요</div>
            </div>
        </div>
        <div class="row mb-3">
            <label for="userRegisterPolicy_1" class="col-sm-2 col-form-label">이용약관</label>
            <div class="col-sm-10">
                <textarea name="user_register_policy_1" id="userRegisterPolicy_1" class="form-control" rows="20">{{ config('user_register_policy_1') }}</textarea>
            </div>
        </div>
        <div class="row mb-3">
            <label for="userRegisterPolicy_2" class="col-sm-2 col-form-label">개인정보처리방침</label>
            <div class="col-sm-10">
                <textarea name="user_register_policy_2" id="userRegisterPolicy_2" class="form-control" rows="20">{{ config('user_register_policy_2') }}</textarea>
            </div>
        </div>
        <hr/>
        <div class="text-end">
            <button type="submit" class="btn btn-success">저장하기</button>
        </div>
    </form>
</div>

<script type="module">
$("#fAdminWrite").validate({
    rules: {
        password_min_length: {required: true, number: true, min: 4},
        password_uppercase_length: {required: true, number: true, min: 0},
        password_numbers_length: {required: true, number: true, min: 0},
        password_specialchars_length: {required: true, number: true, min: 0},
        user_thumb_width: {required: "#useUserThumb:checked", number: true, min: 0},
        user_thumb_height: {required: "#useUserThumb:checked", number: true, min: 0},
        user_icon_width: {required: "#useUserIcon:checked", number: true, min: 0},
        user_icon_height: {required: "#useUserIcon:checked", number: true, min: 0},
        denied_email_list: {maxlength: 2000},
        user_register_policy_1: {required: false},
        user_register_policy_2: {required: false}
    }
});
</script>
@endsection
