@props([
    'title' => '회원 인증 관리',
    'pageTitle' => '회원 인증 관리',
])
<x-admin.layout.default-layout :title="$title" :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>

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

                <h2>본인인증</h2>

                <div class="form-item">
                    <div class="col">
                        <label for="" 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="" name="" value="">
                                <label for="" 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>
                        <x-admin.forms.tooltip>도움말</x-admin.forms.tooltip>
                    </div>
                    <div class="col">
                        <x-admin.forms.toggle
                            :id="'setCertification'"
                            :label_show="true"
                        />
                        <span class="item-msg item-msg-help"></span>
                    </div>
                </div>

                <div id="tab_setCertification" class="toggle-contents">

                    <div class="form-item">
                        <div class="col">
                            <label for="" class="item-label">본인인증 테스트</label>
                        </div>

                        <div class="col">
                            <div class="form-checkbox">
                                <div class="inner">
                                    <input type="checkbox" id="" name="" value="">
                                    <label for="" 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">
                            <div class="form-checkbox">
                                <div class="inner">
                                    <input type="checkbox" id="" name="" value="">
                                    <label for="" 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">
                            <input type="text" id="" name="" value="" class="item-input" placeholder="">
                            <span class="item-unit-overlay">회</span>
                            <span class="item-msg item-msg-help"></span>
                        </div>
                    </div>

                    <div class="form-item">
                        <div class="col">
                            <label for="" class="item-label">본인인증 서비스 선택<strong>(필수)</strong></label>
                        </div>

                        <div class="col">
                            <x-admin.forms.toggle-radio
                                id="setCertificationKG"
                                name="setCertification"
                                value="1"
                                label="KG이니시스 통합인증(간편인증)"
                                label_show="true"
                            />

                            <x-admin.forms.toggle-radio
                                id="setCertificationKCP"
                                name="setCertification"
                                value="1"
                                label="KCP 휴대폰 본인확인"
                                label_show="true"
                            />
                            <span class="item-msg item-msg-help"></span>
                        </div>
                    </div>

                    <div id="tab_setCertificationKG" class="toggle-contents">

                        <div class="form-item">
                            <div class="col">
                                <label for="" class="item-label">KG이니시스 통합인증 암호화 사용</label>
                            </div>

                            <div class="col">
                                <div class="form-checkbox">
                                    <div class="inner">
                                        <input type="checkbox" id="" name="" value="">
                                        <label for="" 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">KG이니시스 통합인증 MID<strong>(필수)</strong></label>
                            </div>

                            <div class="col">
                                <input type="text" id="" name="" value="" class="item-input" placeholder="">
                                <span class="item-msg item-msg-help"></span>
                            </div>
                        </div>

                        <div class="form-item">
                            <div class="col">
                                <label for="" class="item-label">KG이니시스 통합인증 API KEY<strong>(필수)</strong></label>
                            </div>

                            <div class="col">
                                <input type="password" id="" name="" value="" class="item-input" placeholder="">
                                <button type="button" class="toggle-secret-key btn btn-texted-secondary">
                                    <i class="ico ico-eye"></i>
                                    <span class="sr-only">KG이니시스 통합인증 API KEY 보기</span>
                                </button>
                                <span class="item-msg item-msg-help"></span>
                            </div>
                        </div>

                    </div>

                    <div id="tab_setCertificationKCP" class="toggle-contents">

                        <div class="form-item">
                            <div class="col">
                                <label for="" class="item-label">NHN KCP 본인확인 사이트코드<strong>(필수)</strong></label>
                            </div>

                            <div class="col">
                                <input type="text" id="" name="" value="" class="item-input" placeholder="">
                                <span class="item-msg item-msg-help"></span>
                            </div>
                        </div>

                        <div class="form-item">
                            <div class="col">
                                <label for="" class="item-label">NHN KCP 본인확인 가맹점 인증키<strong>(필수)</strong></label>
                            </div>

                            <div class="col">
                                <input type="password" id="" name="" value="" class="item-input" placeholder="">
                                <button type="button" class="toggle-secret-key btn btn-texted-secondary">
                                    <i class="ico ico-eye"></i>
                                    <span class="sr-only">NHN KCP 본인확인 가맹점 인증키 보기</span>
                                </button>
                                <span class="item-msg item-msg-help"></span>
                            </div>
                        </div>

                    </div>

                </div>

            </div>

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

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

                <div class="form-item">
                    <div class="col">
                        <label for="" class="item-label">사업자 인증</label>
                    </div>
                    <div class="col">
                        <div class="form-checkbox">
                            <div class="inner">
                                <input type="checkbox" id="" name="" value="">
                                <label for="" 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="company_authentication_after_use"
                            name="company_authentication_after_use"
                            value="{{ old('company_authentication_after_use') }}"
                            :options="['' => '즉시 사이트 이용 가능', 'after' => '검수 후 사이트 이용 가능']"
                        />
                        <span class="item-msg item-msg-help"></span>
                    </div>
                </div>

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

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

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

                <div class="form-item">
                    <div class="col">
                        <label for="company_authentication_address_required" class="item-label">사업장 주소(소재지) 입력</label>
                    </div>
                    <div class="col">
                        <x-admin.forms.selectbox
                            id="company_authentication_address_required"
                            name="company_authentication_address_required"
                            value="{{ old('company_authentication_address_required') }}"
                            :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="company_authentication_certificate_required"
                            name="company_authentication_certificate_required"
                            value="{{ old('company_authentication_certificate_required') }}"
                            :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="company_authentication_bankbook_required"
                            name="company_authentication_bankbook_required"
                            value="{{ old('company_authentication_bankbook_required') }}"
                            :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">
                        <input type="text" id="" name="" value="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="" class="item-label">만 14세 미만 가입</label>
                    </div>
                    <div class="col">
                        <div class="form-checkbox">
                            <div class="inner">
                                <input type="checkbox" id="" name="" value="">
                                <label for="" tabindex="0">사용</label>
                            </div>
                        </div>
                        <span class="item-msg item-msg-help"></span>
                    </div>
                </div>

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

                <div class="form-item">
                    <div class="col">
                        <label for="legal_representative_name_required" class="item-label">법정대리인 이름 입력</label>
                    </div>
                    <div class="col">
                        <x-admin.forms.selectbox
                            id="legal_representative_name_required"
                            name="legal_representative_name_required"
                            value="{{ old('legal_representative_name_required') }}"
                            :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_required" class="item-label">법정대리인 생년월일 입력</label>
                    </div>
                    <div class="col">
                        <x-admin.forms.selectbox
                            id="legal_representative_birthday_required"
                            name="legal_representative_birthday_required"
                            value="{{ old('legal_representative_birthday_required') }}"
                            :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_required" class="item-label">법정대리인 휴대폰번호 입력</label>
                    </div>

                    <div class="col">
                        <x-admin.forms.selectbox
                            id="legal_representative_phone_required"
                            name="legal_representative_phone_required"
                            value="{{ old('legal_representative_phone_required') }}"
                            :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_required" class="item-label">법정대리인 관계 입력</label>
                    </div>
                    <div class="col">
                        <x-admin.forms.selectbox
                            id="legal_representative_relation_required"
                            name="legal_representative_relation_required"
                            value="{{ old('legal_representative_relation_required') }}"
                            :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_required" class="item-label">법정대리인 증빙서류 업로드</label>
                    </div>
                    <div class="col">
                        <x-admin.forms.selectbox
                            id="legal_representative_certificate_required"
                            name="legal_representative_certificate_required"
                            value="{{ old('legal_representative_certificate_required') }}"
                            :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">
                        <input type="text" id="" name="" value="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="" class="item-label">본인인증으로 비밀번호 재설정</label>
                    </div>
                    <div class="col">
                        <div class="form-checkbox">
                            <div class="inner">
                                <input type="checkbox" id="" name="" value="">
                                <label for="" 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">
                        <div class="form-checkbox">
                            <div class="inner">
                                <input type="checkbox" id="" name="" value="">
                                <label for="" 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">메일 인증코드 유효시간<strong>(필수)</strong></label>
                    </div>
                    <div class="col">
                        <input type="text" id="" name="" value="" 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>
</x-admin.layout.default-layout>