@props([
    'pageTitle' => '인증설정',
])
<x-admin.layout.default-layout :pageTitle="$pageTitle">
    <div id="memberCert" class="contents-wrapper">

        <ul class="tab-list">
            <li class="tab-item active" data-tab="cert">본인인증</li>
            <li class="tab-item" data-tab="company">사업자 인증</li>
            <li class="tab-item" data-tab="kids">만 14세 미만 법정대리인 인증</li>
            <li class="tab-item" data-tab="password">비밀번호 재설정</li>
        </ul>

        <form name="formCertification" id="formCertification" method="post" action="{{ route('admin.user.certification.update') }}"
            onsubmit="return validateForm(this);">
            @csrf
            @method('PUT')

            <div class="form tab-content active" data-content="cert">

                <h2>본인인증</h2>

                <div class="form-item">
                    <div class="col">
                        <label for="use_email_verification" class="item-label">메일인증 사용</label>
                        <x-admin.forms.tooltip>도움말</x-admin.forms.tooltip>
                    </div>
                    <div class="col">
                        <div class="form-checkbox">
                            <div class="inner">
                                <input type="checkbox" id="use_email_verification" name="use_email_verification" value="1" @checked(old('use_email_verification', $configs->get('use_email_verification')) == 1)>
                                <label for="use_email_verification" tabindex="0">사용</label>
                            </div>
                        </div>
                        <span class="item-msg item-msg-help"></span>
                    </div>
                </div>

                <div class="form-item">
                    <div class="col">
                        <label for="identity_verification_is_active" class="item-label">본인인증 사용</label>
                        <x-admin.forms.tooltip>도움말</x-admin.forms.tooltip>
                    </div>
                    <div class="col">
                        <x-admin.forms.toggle
                            id="identity_verification_is_active"
                            name="identity_verification[is_active]"
                            :label_show="true"
                            :is_active="$service->is_active"
                        />
                        <span class="item-msg item-msg-help"></span>
                    </div>
                </div>

                <div id="tab_identity_verification_is_active" class="toggle-contents">
                    @foreach ($service->configs as $config)
                        <div class="form-item">
                            <div class="col">
                                <label for="{{ $config->key }}" class="item-label">{{ $config->name }}</label>
                            </div>
                            <div class="col">
                                @if ($config->type == 'boolean')
                                    <div class="form-checkbox">
                                        <div class="inner">
                                            <input type="checkbox" id="{{ $config->key }}" name="identity_verification[{{ $config->key }}]" value="1" @checked(old('identity_verification.' . $config->key, $config->getValue()) == 1)>
                                            <label for="{{ $config->key }}" tabindex="0">사용</label>
                                        </div>
                                    </div>
                                @elseif ($config->type == 'integer')
                                    <input type="text" id="{{ $config->key }}" name="identity_verification[{{ $config->key }}]" value="{{ old('identity_verification.' . $config->key, $config->getValue()) }}" class="item-input" placeholder="">
                                    <span class="item-unit-overlay">회</span>
                                @endif
                                <span class="item-msg item-msg-help"></span>
                            </div>
                        </div>
                    @endforeach

                    <div class="form-item">
                        <div class="col">
                            <label for="" class="item-label">본인인증 서비스 선택<strong>(필수)</strong></label>
                        </div>
                        <div class="col">
                            @foreach ($service->providers as $provider)
                                <x-admin.forms.toggle-radio
                                    :id="$service->code . '_' . $provider->code"
                                    name="identity_verification[default_provider_id]"
                                    :value="$provider->id"
                                    :label="$provider->name"
                                    :label_show="'true'"
                                    :is_active="$service->default_provider_id == $provider->id"
                                />
                            @endforeach
                            <span class="item-msg item-msg-help"></span>
                        </div>
                    </div>

                    @foreach ($service->providers as $provider)
                    <div id="tab_{{ $service->code . '_' . $provider->code }}" class="toggle-contents">
                        @foreach ($provider->configs as $config)
                            <div class="form-item">
                                <div class="col">
                                    <label for="{{ $config->key }}" class="item-label">{{ $config->name }}</label>
                                </div>
                                <div class="col">
                                    @if ($config->type == 'boolean')
                                        <div class="form-checkbox">
                                            <div class="inner">
                                                <input type="checkbox"
                                                    id="{{ $config->key }}"
                                                    name="provider[{{ $provider->id }}][{{ $config->key }}]"
                                                    value="1"
                                                    @checked(old('provider.' . $provider->id . '.' . $config->key, $config->getValue()) == 1)>
                                                <label for="{{ $config->key }}" tabindex="0">사용</label>
                                            </div>
                                        </div>
                                    @else
                                        <input type="text"
                                            id="{{ $config->key }}"
                                            name="provider[{{ $provider->id }}][{{ $config->key }}]"
                                            value="{{ old('provider.' . $provider->id . '.' . $config->key, $config->getValue()) }}"
                                            class="item-input" placeholder="">
                                        @if ($config->type == 'password')
                                            <button type="button" class="toggle-secret-key btn btn-texted-secondary">
                                                <i class="ico ico-eye"></i>
                                                <span class="sr-only">{{ $config->name }} 보기</span>
                                            </button>
                                        @endif
                                    @endif
                                    <span class="item-msg item-msg-help"></span>
                                </div>
                            </div>
                        @endforeach
                    </div>
                    @endforeach

                </div>

            </div>

            <div class="form tab-content" data-content="company">

                <h2>사업자 인증</h2>

                <div class="form-item">
                    <div class="col">
                        <label for="use_business_certification" class="item-label">사업자 인증</label>
                    </div>
                    <div class="col">
                        <div class="form-checkbox">
                            <div class="inner">
                                <input type="checkbox" id="use_business_certification" name="use_business_certification" value="1" @checked(old('use_business_certification', $configs->get('use_business_certification')) == 1)>
                                <label for="use_business_certification" tabindex="0">사용</label>
                            </div>
                        </div>
                        <span class="item-msg item-msg-help"></span>
                    </div>
                </div>

                <div class="form-item">
                    <div class="col">
                        <label for="" class="item-label">인증 후 이용시점</label>
                    </div>
                    <div class="col">
                        <x-admin.forms.selectbox
                            id="usage_after_business_certification"
                            name="usage_after_business_certification"
                            :value="old('usage_after_business_certification', $configs->get('usage_after_business_certification'))"
                            :options="['' => '즉시 사이트 이용 가능', 'after' => '검수 후 사이트 이용 가능']"
                        />
                        <span class="item-msg item-msg-help"></span>
                    </div>
                </div>

                <div class="form-item">
                    <div class="col">
                        <label for="business_certification_input_type" class="item-label">사업자등록번호 입력</label>
                    </div>
                    <div class="col">
                        <x-admin.forms.selectbox
                            id="business_certification_input_type"
                            name="business_certification_input_type"
                            :value="old('business_certification_input_type', $configs->get('business_certification_input_type'))"
                            :options="['' => '사용안함', 'optional' => '선택 입력', 'required' => '필수 입력']"
                        />
                        <span class="item-msg item-msg-help"></span>
                    </div>
                </div>

                <div class="form-item">
                    <div class="col">
                        <label for="business_owner_input_type" class="item-label">대표자명 입력</label>
                    </div>
                    <div class="col">
                        <x-admin.forms.selectbox
                            id="business_owner_input_type"
                            name="business_owner_input_type"
                            :value="old('business_owner_input_type', $configs->get('business_owner_input_type'))"
                            :options="['' => '사용안함', 'optional' => '선택 입력', 'required' => '필수 입력']"
                        />
                        <span class="item-msg item-msg-help"></span>
                    </div>
                </div>

                <div class="form-item">
                    <div class="col">
                        <label for="business_phone_input_type" class="item-label">대표번호 입력</label>
                    </div>
                    <div class="col">
                        <x-admin.forms.selectbox
                            id="business_phone_input_type"
                            name="business_phone_input_type"
                            :value="old('business_phone_input_type', $configs->get('business_phone_input_type'))"
                            :options="['' => '사용안함', 'optional' => '선택 입력', 'required' => '필수 입력']"
                        />
                        <span class="item-msg item-msg-help"></span>
                    </div>
                </div>

                <div class="form-item">
                    <div class="col">
                        <label for="business_address_input_type" class="item-label">사업장 주소(소재지) 입력</label>
                    </div>
                    <div class="col">
                        <x-admin.forms.selectbox
                            id="business_address_input_type"
                            name="business_address_input_type"
                            :value="old('business_address_input_type', $configs->get('business_address_input_type'))"
                            :options="['' => '사용안함', 'optional' => '선택 입력', 'required' => '필수 입력']"
                        />
                        <span class="item-msg item-msg-help"></span>
                    </div>
                </div>

                <div class="form-item">
                    <div class="col">
                        <label for="" class="item-label">사업자등록증 사본 업로드</label>
                    </div>
                    <div class="col">
                        <x-admin.forms.selectbox
                            id="business_certificate_input_type"
                            name="business_certificate_input_type"
                            :value="old('business_certificate_input_type', $configs->get('business_certificate_input_type'))"
                            :options="['' => '사용안함', 'optional' => '선택 업로드', 'required' => '필수 업로드']"
                        />
                        <span class="item-msg item-msg-help"></span>
                    </div>
                </div>

                <div class="form-item">
                    <div class="col">
                        <label for="business_bankbook_input_type" class="item-label">통장 사본 업로드</label>
                    </div>
                    <div class="col">
                        <x-admin.forms.selectbox
                            id="business_bankbook_input_type"
                            name="business_bankbook_input_type"
                            :value="old('business_bankbook_input_type', $configs->get('business_bankbook_input_type'))"
                            :options="['' => '사용안함', 'optional' => '선택 업로드', 'required' => '필수 업로드']"
                        />
                        <span class="item-msg item-msg-help"></span>
                    </div>
                </div>

                <div class="form-item">
                    <div class="col">
                        <label for="business_allowed_file_extensions" class="item-label">사본 업로드 허용 확장자</label>
                        <x-admin.forms.tooltip>
                            사본 파일 확장자를 제한할 수 있어요. 입력하지 않으면 모든 확장자 파일 업로드를 허용합니다.
                        </x-admin.forms.tooltip>
                    </div>
                    <div class="col">
                        <input type="text" id="business_allowed_file_extensions" name="business_allowed_file_extensions"
                            value="{{ old('business_allowed_file_extensions', $configs->get('business_allowed_file_extensions', 'gif|jpg|jpeg|png|webp|pdf')) }}"
                            class="item-input" placeholder="">
                        <span class="item-msg item-msg-help"></span>
                    </div>
                </div>

            </div>

            <div class="form tab-content" data-content="kids">

                <h2>만 14세 미만 법정대리인 인증</h2>

                <div class="form-item">
                    <div class="col">
                        <label for="use_legal_representative_certification" class="item-label">만 14세 미만 가입</label>
                    </div>
                    <div class="col">
                        <div class="form-checkbox">
                            <div class="inner">
                                <input type="checkbox" id="use_legal_representative_certification" name="use_legal_representative_certification" value="1" @checked(old('use_legal_representative_certification', $configs->get('use_legal_representative_certification')) == 1)>
                                <label for="use_legal_representative_certification" tabindex="0">사용</label>
                            </div>
                        </div>
                        <span class="item-msg item-msg-help"></span>
                    </div>
                </div>

                <div class="form-item">
                    <div class="col">
                        <label for="usage_after_legal_representative" class="item-label">인증 후 이용시점</label>
                    </div>
                    <div class="col">
                        <x-admin.forms.selectbox
                            id="usage_after_legal_representative"
                            name="usage_after_legal_representative"
                            :value="old('usage_after_legal_representative', $configs->get('usage_after_legal_representative'))"
                            :options="['' => '즉시 사이트 이용 가능', 'after' => '검수 후 사이트 이용 가능']"
                        />
                        <span class="item-msg item-msg-help"></span>
                    </div>
                </div>

                <div class="form-item">
                    <div class="col">
                        <label for="legal_representative_name_input_type" class="item-label">법정대리인 이름 입력</label>
                    </div>
                    <div class="col">
                        <x-admin.forms.selectbox
                            id="legal_representative_name_input_type"
                            name="legal_representative_name_input_type"
                            :value="old('legal_representative_name_input_type', $configs->get('legal_representative_name_input_type'))"
                            :options="['' => '사용안함', 'optional' => '선택 입력', 'required' => '필수 입력']"
                        />
                        <span class="item-msg item-msg-help"></span>
                    </div>
                </div>

                <div class="form-item">
                    <div class="col">
                        <label for="legal_representative_birthday_input_type" class="item-label">법정대리인 생년월일 입력</label>
                    </div>
                    <div class="col">
                        <x-admin.forms.selectbox
                            id="legal_representative_birthday_input_type"
                            name="legal_representative_birthday_input_type"
                            :value="old('legal_representative_birthday_input_type', $configs->get('legal_representative_birthday_input_type'))"
                            :options="['' => '사용안함', 'optional' => '선택 입력', 'required' => '필수 입력']"
                        />
                        <span class="item-msg item-msg-help"></span>
                    </div>
                </div>

                <div class="form-item">
                    <div class="col">
                        <label for="legal_representative_phone_input_type" class="item-label">법정대리인 휴대폰번호 입력</label>
                    </div>
                    <div class="col">
                        <x-admin.forms.selectbox
                            id="legal_representative_phone_input_type"
                            name="legal_representative_phone_input_type"
                            :value="old('legal_representative_phone_input_type', $configs->get('legal_representative_phone_input_type'))"
                            :options="['' => '사용안함', 'optional' => '선택 입력', 'required' => '필수 입력']"
                        />
                        <span class="item-msg item-msg-help"></span>
                    </div>
                </div>

                <div class="form-item">
                    <div class="col">
                        <label for="legal_representative_relation_input_type" class="item-label">법정대리인 관계 입력</label>
                    </div>
                    <div class="col">
                        <x-admin.forms.selectbox
                            id="legal_representative_relation_input_type"
                            name="legal_representative_relation_input_type"
                            :value="old('legal_representative_relation_input_type', $configs->get('legal_representative_relation_input_type'))"
                            :options="['' => '사용안함', 'optional' => '선택 입력', 'required' => '필수 입력']"
                        />
                        <span class="item-msg item-msg-help"></span>
                    </div>
                </div>

                <div class="form-item">
                    <div class="col">
                        <label for="legal_representative_certificate_input_type" class="item-label">법정대리인 증빙서류 업로드</label>
                    </div>
                    <div class="col">
                        <x-admin.forms.selectbox
                            id="legal_representative_certificate_input_type"
                            name="legal_representative_certificate_input_type"
                            :value="old('legal_representative_certificate_input_type', $configs->get('legal_representative_certificate_input_type'))"
                            :options="['' => '사용안함', 'optional' => '선택 업로드', 'required' => '필수 업로드']"
                        />
                        <span class="item-msg item-msg-help"></span>
                    </div>
                </div>

                <div class="form-item">
                    <div class="col">
                        <label for="legal_representative_allowed_file_extensions" class="item-label">증빙서류 업로드 허용 확장자</label>
                        <x-admin.forms.tooltip>
                            증빙서류 파일 확장자를 제한할 수 있어요. 입력하지 않으면 모든 확장자 파일 업로드를 허용합니다.
                        </x-admin.forms.tooltip>
                    </div>
                    <div class="col">
                        <input type="text" id="legal_representative_allowed_file_extensions" name="legal_representative_allowed_file_extensions" value="{{ old('legal_representative_allowed_file_extensions', $configs->get('legal_representative_allowed_file_extensions', 'gif|jpg|jpeg|png|webp|pdf')) }}" class="item-input" placeholder="">
                        <span class="item-msg item-msg-help"></span>
                    </div>
                </div>

            </div>

            <div class="form tab-content" data-content="password">

                <h2>비밀번호 재설정</h2>

                <div class="form-item">
                    <div class="col">
                        <label for="use_password_reset_by_certification" class="item-label">본인인증으로 비밀번호 재설정</label>
                    </div>
                    <div class="col">
                        <div class="form-checkbox">
                            <div class="inner">
                                <input type="checkbox" id="use_password_reset_by_certification" name="use_password_reset_by_certification" value="1" @checked(old('use_password_reset_by_certification', $configs->get('use_password_reset_by_certification')) == 1)>
                                <label for="use_password_reset_by_certification" tabindex="0">사용</label>
                            </div>
                        </div>
                        <span class="item-msg item-msg-help"></span>
                    </div>
                </div>

                <div class="form-item">
                    <div class="col">
                        <label for="use_password_reset_by_email" class="item-label">메일인증으로 비밀번호 재설정</label>
                    </div>
                    <div class="col">
                        <div class="form-checkbox">
                            <div class="inner">
                                <input type="checkbox" id="use_password_reset_by_email" name="use_password_reset_by_email" value="1" @checked(old('use_password_reset_by_email', $configs->get('use_password_reset_by_email')) == 1)>
                                <label for="use_password_reset_by_email" tabindex="0">사용</label>
                            </div>
                        </div>
                        <span class="item-msg item-msg-help"></span>
                    </div>
                </div>
                {{-- config('auth.passwords.users.expire')를 재설정 --}}
                <div class="form-item">
                    <div class="col">
                        <label for="password_reset_expire_by_email" class="item-label">메일 인증코드 유효시간<strong>(필수)</strong></label>
                    </div>
                    <div class="col">
                        <input type="text" id="password_reset_expire_by_email" name="password_reset_expire_by_email" value="{{ old('password_reset_expire_by_email', $configs->get('password_reset_expire_by_email')) }}" class="item-input" placeholder="">
                        <span class="item-unit-overlay">분</span>
                        <span class="item-msg item-msg-help"></span>
                    </div>
                </div>

            </div>

            <div class="form-submit">
                <button type="submit" class="btn btn-contained-primary">저장하기</button>
                <button type="button" class="btn btn-solid-secondary">취소</button>
            </div>

        </form>

    </div>

    <script src="{{ asset('static/admin/js/tab.js') }}"></script>
</x-admin.layout.default-layout>