@props([
    'title' => '회원정보 ' . ($user->id ? '수정' : '등록'),
    'action' => $user->id ? route('admin.user.manage.update', $user) : route('admin.user.manage.store'),
    'sections' => ['basic'=>'기본정보', 'personal'=>'개인정보', 'management'=>'관리']
])
<x-admin.layout.default-layout :title="$title">
    <x-slot:script>
        <script src="//t1.daumcdn.net/mapjsapi/bundle/postcode/prod/postcode.v2.js" async></script>
    </x-slot:script>

    <form id="form_member" name="form_member" action="{{ $action }}" onsubmit="return form_member_submit(this);"
        method="POST" enctype="multipart/form-data">
        @csrf
        @if ($user->id)
            @method('PUT')
        @endif

        <section id="{{ array_keys($sections)[0] }}">
            <h2 class="h2_frm">{{ array_values($sections)[0] }}</h2>
            <x-admin.forms.anchor :sections="$sections" :selected="array_keys($sections)[0]"/>

            <div class="tbl_frm01 tbl_wrap">
                <table>
                    <caption>기본정보</caption>
                    <colgroup>
                        <col class="grid_4">
                        <col>
                        <col class="grid_4">
                        <col>
                    </colgroup>
                    <tbody>
                        <tr>
                            <th scope="row"><label for="id">아이디<strong class="sound_only">필수</strong></label></th>
                            <td>
                            @if ($user->id)
                                {{ $user->id }}
                                @forelse ($user->socialProfiles as $social)
                                    <span class="sns-wrap-32 sns-wrap-over">
                                        <span class="sns-icon sns-{{ $social->provider }}" title="{{ $social->provider_name }}"
                                            data-url="{{ route('admin.user.manage.social.unlink', ['user' => $user, 'provider' => $social->provider]) }}">
                                            <span class="ico"></span>
                                            <span class="txt"></span>
                                        </span>
                                    </span>
                                @empty
                                @endforelse
                            @else
                                <input type="text" name="id" value="{{ old('id') }}" id="id" class="frm_input required alnum_" size="15" maxlength="20" required>
                            @endif
                            </td>
                            <th scope="row">
                                <label for="password">비밀번호</label>
                                @if (!$user->id)
                                    <strong class="sound_only">필수</strong>
                                @endif
                            </th>
                            <td>
                                <input type="password" name="password" id="password" @class(['frm_input', 'required' => !$user]) size="15" maxlength="20" @if (!$user) required @endif>
                            </td>
                        </tr>
                        <tr>
                            <th scope="row"><label for="level">회원 권한</label></th>
                            <td>
                                <select id="level" name="level">
                                @for ($level = 1; $level <= Auth::user()->level; $level++)
                                    <option value="{{ $level }}" @selected(old('level', $user->level) == $level)>
                                        {{ $level }}
                                    </option>
                                @endfor
                                </select>
                            </td>
                            <th scope="row">포인트</th>
                            <td>
                                @if ($user->id)
                                    <a href="{{ route('admin.user.point', $user) }}" target="_blank">
                                        {{ $user->point }} 점
                                    </a>
                                @endif
                            </td>
                        </tr>
                        <tr>
                            <th scope="row"><label for="image_file">회원이미지</label></th>
                            <td colspan="3">
                                <span class="frm_info">권장되는 이미지 크기는 <strong>60 x 60</strong>입니다</span>
                                <input type="file" name="image_file" id="image_file">

                                @if (isset($user->image_path) && Storage::exists($user->image_path))
                                    <input type="checkbox" id="image_file_delete" name="image_file_delete" value="1">
                                    <label for="image_file_delete">삭제</label>
                                    <div class="banner_or_img">
                                        <img src="{{ asset(Storage::url($user->image_path)) }}" width="60" alt="">
                                    </div>
                                @endif
                            </td>
                        </tr>
                        @if ($user->id)
                        <tr>
                            <th scope="row">추천인</th>
                            <td colspan="3">{{ $user->recommend }}</td>
                        </tr>
                        @endif
                    </tbody>
                </table>
            </div>
        </section>
        
        <section id="{{ array_keys($sections)[1] }}">
            <h2 class="h2_frm">{{ array_values($sections)[1] }}</h2>
            <x-admin.forms.anchor :sections="$sections" :selected="array_keys($sections)[1]"/>

            <div class="tbl_frm01 tbl_wrap">
                <table>
                    <caption>개인정보</caption>
                    <colgroup>
                        <col class="grid_4">
                        <col>
                        <col class="grid_4">
                        <col>
                    </colgroup>
                    <tbody>
                        <tr>
                            <th scope="row"><label for="name">이름(실명)<strong class="sound_only">필수</strong></label></th>
                            <td>
                                <input type="text" id="name" name="name" class="frm_input required" value="{{ old('name', $user->name) }}" size="15" maxlength="20" required>
                            </td>
                            <th scope="row"><label for="nickname">닉네임<strong class="sound_only">필수</strong></label></th>
                            <td>
                                <input type="text" id="nickname" name="nickname" class="frm_input required" value="{{ old('nickname', $user->nickname) }}" size="15" maxlength="20" required>
                            </td>
                        </tr>
                        <tr>
                            <th scope="row"><label for="email">E-mail<strong class="sound_only">필수</strong></label></th>
                            <td>
                                <input type="text" id="email" name="email" class="required frm_input email" value="{{ old('email', $user->email) }}" size="30" maxlength="100" required>
                            </td>
                        </tr>
                        <tr>
                            <th scope="row"><label for="mobile">휴대폰번호</label></th>
                            <td>
                                <input type="text" id="mobile" name="mobile" class="frm_input" value="{{ old('mobile', $user->mobile) }}" size="15" maxlength="20">
                            </td>
                            <th scope="row"><label for="phone_number">전화번호</label></th>
                            <td>
                                <input type="text" id="phone_number" name="phone_number" class="frm_input" value="{{ old('phone_number', $user->phone_number) }}" size="15" maxlength="20">
                            </td>
                        </tr>
                        <tr>
                            <th scope="row">본인인증 방법</th>
                            <td>
                                <input type="radio" name="certify" value="" id="certify" @checked(!old('certify', $user->certify) || !$user)>
                                <label for="certify">미인증</label>
                                <input type="radio" name="certify" value="simple" id="certify_sa" @checked(old('certify', $user->certify) === 'simple')>
                                <label for="certify_sa">통합인증</label>
                                <input type="radio" name="certify" value="hp" id="certify_hp" @checked(old('certify', $user->certify) === 'hp')>
                                <label for="certify_hp">휴대폰</label>
                            </td>
                            <th scope="row">성인인증</th>
                            <td>
                                <input type="radio" name="adult" value="1" id="adult_yes" @checked(old('adult', $user->adult))>
                                <label for="adult_yes">성인</label>
                                <input type="radio" name="adult" value="0" id="adult_no" @checked(!old('adult', $user->adult))>
                                <label for="adult_no">미성년자</label>
                            </td>
                        </tr>
                        <tr>
                            <th scope="row">주소</th>
                            <td colspan="3" class="td_addr_line">
                                <label for="zip" class="sound_only">우편번호</label>
                                <input type="text" name="zip" value="{{ old('zip', $user->zip) }}" id="zip" class="frm_input readonly" size="5" maxlength="6">
                                <button type="button" class="btn_frmline"
                                    onclick="win_zip('form_member', 'zip', 'addr_main', 'addr_detail', 'addr_jibeon');">
                                    주소 검색
                                </button>
                                <br>
                                <input type="text" name="addr_main" value="{{ old('addr_main', $user->addr_main) }}" id="addr_main" class="frm_input readonly" size="60" placeholder="기본주소">
                                <br>
                                <input type="text" name="addr_detail" value="{{ old('addr_detail', $user->addr_detail) }}" id="addr_detail" class="frm_input" size="60" placeholder="상세주소">
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </section>

        <section id="{{ array_keys($sections)[2] }}">
            <h2 class="h2_frm">{{ array_values($sections)[2] }}</h2>
            <x-admin.forms.anchor :sections="$sections" :selected="array_keys($sections)[2]"/>

            <div class="tbl_frm01 tbl_wrap">
                <table>
                    <caption>관리</caption>
                    <colgroup>
                        <col class="grid_4">
                        <col>
                        <col class="grid_4">
                        <col>
                    </colgroup>
                    <tbody>
                        <tr>
                            <th scope="row">메모</th>
                            <td colspan="3">
                                <input type="text" id="new_memo" class="frm_input" size="60">
                                <button type="button" class="btn btn_03" id="btn_add_memo">메모 추가</button>
                                <table id="memo_list">
                                    <thead>
                                        <tr>
                                            <th>입력일시</th>
                                            <th>아이디</th>
                                            <th>메모 내용</th>
                                            <th>삭제</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        @forelse ($user->memos as $memo)
                                        <tr>
                                            <td>{{ $memo->created_at }}</td>
                                            <td>{{ $memo->author_user_id }}</td>
                                            <td>{{ $memo->memo }}</td>
                                            <td>
                                                <button type="button" class="btn btn_03" onclick="delete_memo(this.dataset.href);"
                                                    data-href="{{ route('admin.member.manage.memo.destroy', ['user' => $user, 'memo' => $memo]) }}">
                                                    삭제
                                                </button>
                                            </td>
                                        </tr>
                                        @empty
                                        @endforelse
                                    </tbody>
                                </table>
                            </td>
                        </tr>
                        <tr>
                            <th scope="row"><label for="notification_message">알림</label></th>
                            <td colspan="3">
                                <textarea name="notification_message" id="notification_message"></textarea>
                                <button type="button" class="btn btn_03" id="btn_send_notification">알림 발송</button>
                            </td>
                        </tr>
                        <tr>
                            <th scope="row"><label for="cert_history">본인인증 내역</label></th>
                            <td colspan="3">
                                본인인증 내역이 없습니다.
                            </td>
                        </tr>
                        <tr>
                            <th scope="row">광고성정보수신동의</th>
                            <td>
                                <input type="radio" name="is_marketing_receive" value="1" id="is_marketing_receive_yes" @checked(old('is_marketing_receive', $user->is_marketing_receive))>
                                <label for="is_marketing_receive_yes">동의</label>
                                <input type="radio" name="is_marketing_receive_no" value="0" id="is_marketing_receive_no" @checked(!old('is_marketing_receive', $user->is_marketing_receive))>
                                <label for="is_marketing_receive_no">동의안함</label>
                            </td>
                        </tr>
                        <tr>
                            <th scope="row">프로필 공개</th>
                            <td colspan="3">
                                <input type="radio" name="is_open_profile" value="1" id="is_open_profile_yes" @checked(old('is_open_profile', $user->is_open_profile))>
                                <label for="is_open_profile_yes">공개</label>
                                <input type="radio" name="is_open_profile" value="0" id="is_open_profile_no" @checked(!old('is_open_profile', $user->is_open_profile))>
                                <label for="is_open_profile_no">공개안함</label>
                            </td>
                        </tr>
                        <tr>
                            <th scope="row"><label for="leave_date">탈퇴일자</label></th>
                            <td>
                                <input type="text" id="leave_date" name="leave_date" value="{{ old('leave_date', $user->leave_date) }}" class="frm_input" maxlength="8">
                                <input type="checkbox" id="set_leave_date" value="{{ now()->format('Y-m-d H:i:s') }}">
                                <label for="set_leave_date">탈퇴일을 오늘로 지정</label>
                            </td>
                            <th scope="row">접근차단일자</th>
                            <td>
                                <input type="text" id="intercept_date" name="intercept_date" value="{{ old('intercept_date', $user->intercept_date) }}" class="frm_input" maxlength="8">
                                <input type="checkbox" id="set_intercept_date" value="{{ now()->format('Y-m-d H:i:s') }}">
                                <label for="set_intercept_date">접근차단일을 오늘로 지정</label>
                            </td>
                        </tr>
                        @if ($user->id)
                        <tr>
                            <th scope="row">회원가입일</th>
                            <td>{{ $user->created_at }}</td>
                            <th scope="row">최근접속일</th>
                            <td>{{ $user->last_login_at }}</td>
                        </tr>
                        <tr>
                            <th scope="row">IP</th>
                            <td colspan="3">{{ $user->signup_ip }}</td>
                        </tr>
                            @if ($use_email_verification)
                            <tr>
                                <th scope="row">인증일시</th>
                                <td colspan="3">
                                    @if (!$user->email_verified_at)
                                        <span class="frm_info">회원님이 메일을 수신할 수 없는 경우 등에 직접 인증처리를 하실 수 있습니다.</span>
                                        <input type="checkbox" name="email_verified_at" id="email_verified_at" value="">
                                        <label for="email_verified_at">수동인증</label>
                                    @else
                                        {{ $user->email_verified_at }}
                                    @endif
                                </td>
                            </tr>
                            @endif
                        @endif
                    </tbody>
                </table>
            </div>
        </section>
        <div class="btn_fixed_top">
            <a href="{{ route('admin.user.manage') }}" class="btn btn_02">목록</a>
            <input type="submit" value="확인" class="btn_submit btn" accesskey="s">
        </div>
    </form>

    <script>
        document.addEventListener('DOMContentLoaded', function () {
            const setLeaveDate = document.getElementById('set_leave_date');
            const LeaveDate = document.getElementById('leave_date');
            const setInterceptDate = document.getElementById('set_intercept_date');
            const interceptDate = document.getElementById('intercept_date');

            setLeaveDate.addEventListener('change', function () {
                LeaveDate.value = this.checked ? this.value : LeaveDate.defaultValue;
            });
            setInterceptDate.addEventListener('change', function () {
                interceptDate.value = this.checked ? this.value : interceptDate.defaultValue;
            });
        });

        function form_member_submit(f) {
            if (!f.image_file.value.match(/\.(gif|jpe?g|png)$/i) && f.image_file.value) {
                alert('회원이미지는 이미지 파일만 가능합니다.');
                return false;
            }
            return true;
        }
    </script>
</x-admin.layout.default-layout>