@props([
    'pageTitle' => '회원정보 ' . (Route::is('admin.user.manage.edit') ? '수정' : '등록'),
    'action' => Route::is('admin.user.manage.edit') ? route('admin.user.manage.update', $user) : route('admin.user.manage.store')
])
{{-- @todo 검수에 대한 상태가 없음 --}}
<x-admin.layout.default-layout :pageTitle="$pageTitle">
    <x-slot:script>
        <script src="//t1.daumcdn.net/mapjsapi/bundle/postcode/prod/postcode.v2.js" async></script>
    </x-slot:script>

    <div id="memberWrite" class="contents-wrapper">
        <ul class="tab-list">
            <li class="tab-item active" data-tab="account">계정 정보</li>
            <li class="tab-item" data-tab="personal">개인정보</li>
            <li class="tab-item" data-tab="cert">인증 정보</li>
            <li class="tab-item" data-tab="company">사업자 정보</li>
            <li class="tab-item" data-tab="kids">법정대리인 정보</li>
            @if ($useCommunity)
                <li class="tab-item" data-tab="community">커뮤니티</li>
            @endif
            <li class="tab-item" data-tab="manage">관리</li>
        </ul>

        <form id="formUser" name="formUser" action="{{ $action }}" onsubmit="return validateForm(this);"
            method="post" enctype="multipart/form-data">
            @csrf
            @method(Route::is('admin.user.manage.edit') ? 'PUT' : 'POST')

            <div class="form tab-content active" data-content="account">
                <h2>계정 정보</h2>

                <div class="form-item">
                    <div class="col">
                        <label for="id" class="item-label">아이디<strong>(필수)</strong></label>
                    </div>

                    <div class="col">
                        <input type="text" id="account_id" name="account_id" value="{{ old('account_id', $user->account_id) }}" required class="item-input" @readonly($user->account_id)>
                        <span class="item-msg item-msg-help"></span>
                    </div>
                </div>

                @if ($user->id)
                    <div class="form-item">
                        <div class="col">
                            <label for="tag" class="item-label">회원태그</label>
                        </div>
                        <div class="col">
                            <input type="text" value="{{ $user->tag }}" class="item-input" readonly>
                        </div>
                    </div>
                @endif

                <div class="form-item">
                    <div class="col">
                        <label for="password" class="item-label">비밀번호<strong>(필수)</strong></label>
                    </div>
                    <div class="col">
                        <input type="text" id="password" name="password" value="{{ old('password') }}" @required(!$user->id) class="item-input">
                        <span class="item-msg item-msg-help"></span>
                    </div>
                </div>

                @if ($user->id)
                    <div class="form-item">
                        <div class="col">
                            <label for="point" class="item-label">포인트</label>
                        </div>
                        <div class="col">
                            {{-- 포인트 목록에서 회원으로 필터링이 없기 때문에 임시로 아이디를 키워드로 전달 --}}
                            <a href="{{ route('admin.user.point', ['keyword' => $user->account_id]) }}" class="btn btn-solid-secondary" target="_blank">
                                {{ number_format($user->point) }} 점
                            </a>
                            <span class="item-msg item-msg-help"></span>
                        </div>
                    </div>
                @endif

                @if ($user->id)
                    <div class="form-item">
                        <div class="col">
                            <label for="" class="item-label">소셜로그인</label>
                        </div>
                        <div class="col">
                            <div class="form-checkbox">
                                @foreach ($activeSocials as $social)
                                    <div class="inner">
                                        <input type="checkbox" id="social_{{ $social->id }}" @checked($social->users_exists) disabled>
                                        <label for="social_{{ $social->id }}" tabindex="0">{{ $social->display_name }}</label>
                                    </div>
                                @endforeach
                            </div>
                        </div>
                    </div>
                @endif

            </div>

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

                <h2>개인 정보</h2>

                <div class="form-item">
                    <div class="col">
                        <label for="name" class="item-label">이름<strong>(필수)</strong></label>
                    </div>
                    <div class="col">
                        <input type="text" id="name" name="name" value="{{ old('name', $user->name) }}" required class="item-input">
                        <span class="item-msg item-msg-help"></span>
                    </div>
                </div>

                <div class="form-item">
                    <div class="col">
                        <label for="email" class="item-label">이메일<strong>(필수)</strong></label>
                    </div>
                    <div class="col">
                        <input type="text" id="email" name="email" value="{{ old('email', $user->email) }}" required class="item-input">
                        <span class="item-msg item-msg-help"></span>
                    </div>
                </div>

                <div class="form-item">
                    <div class="col">
                        <label for="image_file" class="item-label">회원이미지</label>
                    </div>
                    <div class="col">
                        <input type="file" id="image_file" name="image_file">
                        @if (isset($user->image_path) && Storage::exists($user->image_path))
                            <img src="{{ asset(Storage::url($user->image_path)) }}" width="60" alt="">
                            <div class="form-checkbox">
                                <div class="inner">
                                    <input type="checkbox" id="image_file_delete" name="image_file_delete" value="1">
                                    <label for="image_file_delete" tabindex="0">회원이미지 삭제</label>
                                </div>
                            </div>
                        @endif
                        <span class="item-msg item-msg-help"></span>
                    </div>
                </div>

                <div class="form-item">
                    <div class="col">
                        <label for="mobile" class="item-label">
                            휴대폰번호
                            @if ($isRequiredMobile)
                                <strong>(필수)</strong>
                            @endif
                        </label>
                    </div>
                    <div class="col">
                        <input type="text" id="mobile" name="mobile" value="{{ old('mobile', $user->mobile) }}" class="item-input" @required($isRequiredMobile)>
                        <span class="item-msg item-msg-help"></span>
                    </div>
                </div>

                <div class="form-item">
                    <div class="col">
                        <label for="phone_number" class="item-label">
                            전화번호
                            @if ($isRequiredPhoneNumber)
                                <strong>(필수)</strong>
                            @endif
                        </label>
                    </div>

                    <div class="col">
                        <input type="text" id="phone_number" name="phone_number" value="{{ old('phone_number', $user->phone_number) }}" class="item-input" @required($isRequiredPhoneNumber)>
                        <span class="item-msg item-msg-help"></span>
                    </div>
                </div>

                {{-- @if ($useUnder14Allow)
                    <div class="form-item">
                        <div class="col">
                            <label for="birth" class="item-label">생년월일<strong>(필수)</strong></label>
                        </div>
                        <div class="col">
                            <input type="text" id="birth" name="birth" value="{{ old('birth', $user->birth) }}" required class="item-input member-write-birthday" maxlength="8"> -
                            <label for="gender" class="sr-only">주민등록번호 성별코드<strong>(필수)</strong></label>
                            <input type="text" id="gender" name="gender" value="{{ old('gender', $user->gender) }}" required class="item-input member-write-gendercode" maxlength="1">
                            <span class="item-msg item-msg-help"></span>
                        </div>
                    </div>
                @endif --}}

                <div class="form-item form-address">
                    <div class="col">
                        <span class="item-label">
                            주소
                            @if ($isRequiredAddress)
                                <strong>(필수)</strong>
                            @endif
                        </span>
                    </div>
                    <div class="col">
                        <div class="address-row">
                            <button type="button" class="btn btn-solid-secondary" data-modal-target="searchPostNo"
                                data-zip-name="zip"
                                data-addr1-name="addr_main"
                                data-addr2-name="addr_detail"
                            >우편번호찾기</button>
                            <label for="zip" class="sr-only">우편번호</label>
                            <input type="text" id="zip" name="zip" value="{{ old('zip', $user->zip) }}" maxlength="5" class="item-input input-zipno" readonly @required($isRequiredAddress)>
                        </div>
                        <div clas="address-row">
                            <label for="addr_main" class="sr-only">기본주소</label>
                            <input type="text" id="addr_main" name="addr_main" value="{{ old('addr_main', $user->addr_main) }}" class="item-input" readonly @required($isRequiredAddress)>
                        </div>
                        <div clas="address-row">
                            <label for="addr_detail" class="sr-only">상세주소</label>
                            <input type="text" id="addr_detail" name="addr_detail" value="{{ old('addr_detail', $user->addr_detail) }}" class="item-input" placeholder="상세주소를 입력해 주세요." @required($isRequiredAddress)>
                        </div>
                        <span class="item-msg item-msg-help"></span>
                    </div>
                </div>

                <div class="form-item">
                    <div class="col">
                        <label for="recommend" class="item-label">추천인</label>
                    </div>
                    <div class="col">
                        <input type="text" id="recommend" name="recommend" value="{{ old('recommend', $user->recommend) }}" class="item-input">
                        <span class="item-msg">
                            관리자에서 직접 입력/수정하시는 경우 추천인 포인트({{ number_format($configs->get('recommend_point', 0)) }})는 지급되지 않아요.
                            포인트관리에서 직접 입력해 주세요.
                        </span>
                    </div>
                </div>

                <div class="form-item">
                    <div class="col">
                        <label for="is_privacy_third_party_agree" class="item-label">개인정보 제3자 제공 동의</label>
                    </div>
                    <div class="col">
                        <div class="form-checkbox">
                            <div class="inner">
                                <input type="checkbox" id="is_privacy_third_party_agree" name="is_privacy_third_party_agree" value="1" disabled @checked($user->isPrivacyThirdPartyAgree())>
                                <label for="is_privacy_third_party_agree" tabindex="0">동의</label>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="form-item">
                    <div class="col">
                        <label for="is_marketing_receive" class="item-label">광고성 정보 수신 동의</label>
                    </div>
                    <div class="col">
                        <div class="form-checkbox">
                            <div class="inner">
                                <input type="checkbox" id="is_marketing_receive" name="is_marketing_receive" value="1" disabled @checked($user->isMarketingReceiveAgree())>
                                <label for="is_marketing_receive" tabindex="0">동의</label>
                            </div>
                        </div>
                    </div>
                </div>

            </div>

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

                <h2>인증 정보</h2>

                <div class="form-item">
                    <div class="col">
                        <span class="item-label">본인인증 수단</span>
                    </div>
                    <div class="col">
                        <x-admin.forms.selectbox
                            id="certify"
                            name="certify"
                            :value="old('certify', $user->certify)"
                            :options="['' => '미인증', 'sso' => '통합인증', 'mobile' => '휴대폰']"
                        />
                        <span class="item-msg item-msg-help"></span>
                    </div>
                </div>

                <div class="form-item">
                    <div class="col">
                        <span class="item-label">성인인증</span>
                    </div>
                    <div class="col">
                        <x-admin.forms.selectbox
                            id="adult"
                            name="adult"
                            :value="old('adult', $user->adult)"
                            :options="['' => '알수없음', '0' => '미성년자', '1' => '성인']"
                        />
                        <span class="item-msg item-msg-help"></span>
                    </div>
                </div>

                <div class="form-item">
                    <div class="col">
                        <span class="item-label">본인인증 내역</span>
                    </div>

                    <div class="col">
                        <ul class="member-cert-log">
                            {{-- @todo 본인인증 내역 출력 --}}
                            <li>[YY.mm.dd][인증수단][휴대폰번호]</li>
                        </ul>
                    </div>
                </div>

            </div>

            @if ($useBusiness)
            <div class="form tab-content" data-content="company">

                <h2>사업자 정보</h2>

                <div class="form-item">
                    <div class="col">
                        <label for="business_registration_number" class="item-label">사업자등록번호</label>
                    </div>

                    <div class="col">
                        <input type="text" id="business_registration_number" name="business_registration_number" value="{{ old('business_registration_number', $user->business->business_registration_number) }}" class="item-input" maxlength="12">
                        <span class="item-msg item-msg-help"></span>
                    </div>
                </div>

                <div class="form-item">
                    <div class="col">
                        <label for="corporate_registration_number" class="item-label">법인등록번호</label>
                    </div>

                    <div class="col">
                        <input type="text" id="corporate_registration_number" name="corporate_registration_number" value="{{ old('corporate_registration_number', $user->business->corporate_registration_number) }}" class="item-input" maxlength="14">
                        <span class="item-msg item-msg-help"></span>
                    </div>
                </div>

                <div class="form-item">
                    <div class="col">
                        <label for="representative_name" class="item-label">대표자명</label>
                    </div>

                    <div class="col">
                        <input type="text" id="representative_name" name="representative_name" value="{{ old('representative_name', $user->business->representative_name) }}" class="item-input">
                        <span class="item-msg item-msg-help"></span>
                    </div>
                </div>

                <div class="form-item">
                    <div class="col">
                        <label for="phone_number" class="item-label">대표번호</label>
                    </div>

                    <div class="col">
                        <input type="text" id="representative_phone_number" name="representative_phone_number" value="{{ old('representative_phone_number', $user->business->representative_phone_number) }}" class="item-input">
                        <span class="item-msg item-msg-help"></span>
                    </div>
                </div>

                <div class="form-item form-address">
                    <div class="col">
                        <span class="item-label">사업장 주소</span>
                    </div>

                    <div class="col">
                        <div class="address-row">
                            <button type="button" class="btn btn-solid-secondary" data-modal-target="searchPostNo"
                                data-zip-name="business_zipcode"
                                data-addr1-name="business_address"
                                data-addr2-name="business_address_detail">
                                우편번호찾기
                            </button>
                            <label for="business_zip" class="sr-only">사업장 우편번호</label>
                            <input type="text" id="business_zip" name="business_zip" value="{{ old('business_zip', $user->business->business_zip) }}" maxlength="5" class="item-input input-zipno" readonly>
                        </div>

                        <div clas="address-row">
                            <label for="business_addr_main" class="sr-only">사업장 기본주소</label>
                            <input type="text" id="business_addr_main" name="business_addr_main" value="{{ old('business_addr_main', $user->business->business_addr_main) }}" class="item-input" readonly>
                        </div>

                        <div clas="address-row">
                            <label for="business_address_detail" class="sr-only">사업장 상세주소</label>
                                <input type="text" id="business_addr_detail" name="business_addr_detail" value="{{ old('business_addr_detail', $user->business->business_addr_detail) }}" class="item-input" placeholder="상세주소를 입력해 주세요.">
                        </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="file" id="business_registration_file">
                        <span class="item-msg item-msg-help"></span>
                    </div>
                </div>

                @if ($user->business->business_registration_file)
                <div class="form-item">
                    <div class="col">
                        <label for="" class="item-label">사업자등록증 사본 확인</label>
                    </div>

                    <div class="col">
                        <x-admin.forms.toggle
                            :id="'business_registration_file_preview'"
                            label="접으려면 클릭"
                            label_inactive="확인하려면 클릭"
                            :label_show="true"
                        />
                        <div id="tab_business_registration_file_preview" class="toggle-contents">
                            <div class="only-image">
                                <img src="{{ $user->business->business_registration_file }}" alt="">
                            </div>
                            <div class="form-checkbox">
                                <div class="inner">
                                    <input type="checkbox" id="business_registration_file_delete" name="business_registration_file_delete">
                                    <label for="business_registration_file_delete" tabindex="0">사업자등록증 사본 파기</label>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                @endif

                <div class="form-item">
                    <div class="col">
                        <label for="bank_account_file" class="item-label">통장 사본 업로드</label>
                    </div>

                    <div class="col">
                        <input type="file" id="bank_account_file">
                        <span class="item-msg item-msg-help"></span>
                    </div>
                </div>

                @if ($user->business->bank_account_file)
                <div class="form-item">
                    <div class="col">
                        <label for="" class="item-label">통장 사본 확인</label>
                    </div>

                    <div class="col">
                        <x-admin.forms.toggle
                            :id="'bank_account_file_preview'"
                            label="접으려면 클릭"
                            label_inactive="확인하려면 클릭"
                            :label_show="true"
                        />
                        <div id="tab_bank_account_file_preview" class="toggle-contents">
                            <div class="only-image">
                                <img src="{{ $user->business->bank_account_file }}" alt="">
                            </div>
                            <div class="form-checkbox">
                                <div class="inner">
                                    <input type="checkbox" id="bank_account_file_delete" name="bank_account_file_delete">
                                    <label for="bank_account_file_delete" tabindex="0">통장 사본 파기</label>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                @endif

            </div>
            @endif

            {{-- @if ($useUnder14Allow)
            <div class="form tab-content" data-content="kids">

                <h2>법정대리인 정보</h2>

                <div class="form-item">
                    <div class="col">
                        <label for="representative_name" class="item-label">법정대리인 이름</label>
                    </div>

                    <div class="col">
                        <input type="text" id="representative_name" name="representative_name" value="{{ old('representative_name', $user->representative->name) }}" class="item-input">
                        <span class="item-msg item-msg-help"></span>
                    </div>
                </div>

                <div class="form-item">
                    <div class="col">
                        <label for="representative_birth" class="item-label">법정대리인 생년월일<strong>(필수)</strong></label>
                    </div>

                    <div class="col">
                        <input type="text" id="representative_birth" name="representative_birth" value="{{ old('representative_birth', $user->representative->birth) }}" required class="item-input member-write-birthday" maxlength="8"> -
                        <label for="representative_gender" class="sr-only">법정대리인 주민등록번호 성별코드</label>
                        <input type="text" id="representative_gender" name="representative_gender" value="{{ old('representative_gender', $user->representative->gender) }}" required class="item-input member-write-gendercode" maxlength="1">
                        <span class="item-msg item-msg-help"></span>
                    </div>
                </div>

                <div class="form-item">
                    <div class="col">
                        <label for="representative_relation" class="item-label">법정대리인 관계</label>
                    </div>

                    <div class="col">
                        <input type="text" id="representative_relation" name="representative_relation" value="{{ old('representative_relation', $user->representative->relation) }}" class="item-input">
                        <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="file" id="">
                        <span class="item-msg item-msg-help"></span>
                    </div>
                </div>

                <div class="form-item">
                    <div class="col">
                        <span class="item-label">통장 사본 확인</span>
                    </div>

                    <div class="col">
                        <x-admin.forms.toggle
                            :id="''"
                            label="접으려면 클릭"
                            label_inactive="확인하려면 클릭"
                            :label_show="true"
                        />
                        <div id="tab_" class="toggle-contents">
                            <div class="only-image">
                                <img src="{{ $user-> }}" alt="">
                            </div>
                            <div class="form-checkbox">
                                <div class="inner">
                                    <input type="checkbox" id="" name="">
                                    <label for="" tabindex="0">통장 사본 파기</label>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                @endif

            </div>
            @endif --}}

            @if ($useCommunity)
            <div class="form tab-content" data-content="community">

                <h2>커뮤니티</h2>

                <div class="form-item">
                    <div class="col">
                        <label for="nickname" class="item-label">닉네임<strong>(필수)</strong></label>
                    </div>
                    <div class="col">
                        <input type="text" id="nickname" name="nickname" value="{{ old('nickname', $user->nickname) }}" required class="item-input">
                        <span class="item-msg item-msg-help"></span>
                    </div>
                </div>

                <div class="form-item">
                    <div class="col">
                        <span class="item-label">레벨</span>
                    </div>
                    <div class="col">
                        <x-admin.forms.selectbox
                            :id="'level'"
                            :name="'level'"
                            :value="$user->level"
                            :options="rangeArray(10, 1)"
                        />
                        <span class="item-msg item-msg-help"></span>
                    </div>
                </div>

                <div class="form-item">
                    <div class="col">
                        <label for="is_open_profile" class="item-label">프로필 공개</label>
                    </div>
                    <div class="col">
                        <div class="form-checkbox">
                            <div class="inner">
                                <input type="checkbox" id="is_open_profile" name="is_open_profile" value="1" @checked(old('is_open_profile', $user->is_open_profile))>
                                <label for="is_open_profile" tabindex="0">공개</label>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="form-item">
                    <div class="col">
                        <label for="use_message" class="item-label">쪽지 사용</label>
                    </div>
                    <div class="col">
                        <div class="form-checkbox">
                            <div class="inner">
                                <input type="checkbox" id="use_message" name="use_message" value="1" @checked(old('use_message', $user->use_message))>
                                <label for="use_message" tabindex="0">사용</label>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
            @endif

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

                <h2>관리</h2>

                <div class="form-item">
                    <div class="col">
                        <label for="ban_until" class="item-label">이용정지기간</label>
                    </div>
                    <div class="col">
                        <input type="text" id="ban_until" name="ban_until" value="{{ old('ban_until', $user->ban_until) }}" class="item-input">
                        <button type="button" class="btn btn-solid-secondary" onclick="addDays(1)">+1일</button>
                        <button type="button" class="btn btn-solid-secondary" onclick="addDays(3)">+3일</button>
                        <button type="button" class="btn btn-solid-secondary" onclick="addDays(5)">+5일</button>
                        <button type="button" class="btn btn-solid-secondary" onclick="addDays(7)">+7일</button>
                        <button type="button" class="btn btn-solid-secondary" onclick="addDays(65535)">영구</button>
                        <span class="item-msg item-msg-help"></span>
                    </div>
                </div>

                <div class="form-item">
                    <div class="col">
                        <label for="leave_date" class="item-label">탈퇴일자</label>
                    </div>
                    <div class="col">
                        <input type="text" id="leave_date" name="leave_date" value="{{ old('leave_date', $user->leave_date) }}" class="item-input">
                        <span class="item-msg item-msg-help"></span>
                    </div>
                </div>

                <div class="form-item">
                    <div class="col">
                        <label for="leave_reason" class="item-label">탈퇴사유</label>
                    </div>
                    <div class="col">
                        <input type="text" id="leave_reason" name="leave_reason" value="{{ old('leave_reason', $user->leave_reason) }}" class="item-input">
                        <span class="item-msg item-msg-help"></span>
                    </div>
                </div>

                {{-- @todo 메모가 많을 경우 스크롤을 사용하는 방향 고려 --}}
                @if ($user->id)
                <div class="form-item">
                    <div class="col">
                        <span class="item-label">메모</span>
                    </div>
                    <div class="col">
                        <ul class="member-memo">
                            @forelse ($user->memos as $memo)
                                <li>
                                    <span>[{{ $memo->created_at }}]</span>
                                    @if ($memo->author)
                                        <a href="{{ route('admin.user.manage.edit', ['user' => $memo->author]) }}" target="_blank" class="btn btn-texted-secondary">
                                            {{ $memo->author->tag }}
                                        </a>
                                    @else
                                        작성자 없음
                                    @endif
                                    <span>{{ $memo->content }}</span>

                                    <!-- #FRONT 컨펌: 메모 삭제 -->
                                    <button type="button" class="btn btn-texted-secondary btn-delete-memo"
                                        data-href="{{ route('admin.user.manage.memo.destroy', ['user' => $user, 'memo' => $memo]) }}">
                                        <i class="ico ico-close"></i>
                                        <span class="sr-only">메모삭제</span>
                                    </button>
                                </li>
                            @empty
                                <li>메모가 없습니다.</li>
                            @endforelse
                        </ul>
                        <button type="button" class="btn btn-solid-secondary" data-modal-target="memberMemoWrite">메모 추가</button>
                    </div>
                </div>
                @endif
            </div>

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

        </form>

    </div>

    @if ($user->id)
        <div class="modal" id="memberMemoWrite">
            <div class="modal-overlay"></div>
            <div class="modal-container">
                <form action="{{ route('admin.user.manage.memo.store', $user) }}" method="post">
                    @csrf
                    <div class="modal-header">
                        메모 추가
                        <button type="button" class="modal-close"><i class="ico ico-close"></i><span class="sr-only">닫기</span></button>
                    </div>
                    <div class="modal-body">
                        <div class="form-item">
                            <ul>
                                <li>회원태그: {{ $user->tag }}</li>
                                <li>이름: {{ $user->name }}</li>
                                @if ($useCommunity)
                                    <li>닉네임: {{ $user->nickname }}</li>
                                @endif
                            </ul>
                            <div class="col">
                                <label for="content" class="sr-only">메모 내용</label>
                                <input type="text" id="content" name="content" value="" class="item-input" placeholder="메모 내용">
                                <span class="item-msg item-msg-help"></span>
                            </div>
                        </div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-solid-secondary modal-close">닫기</button>
                        <button type="submit" class="btn btn-contained-primary">저장하기</button>
                    </div>
                </form>
            </div>
        </div>
    @endif

    <script src="{{ asset('static/admin/js/tab.js') }}"></script>
    <script>
        document.addEventListener('DOMContentLoaded', function () {
            const btnDeleteMemo = document.querySelectorAll('.btn-delete-memo');
            btnDeleteMemo.forEach(btn => {
                btn.addEventListener('click', function () {
                    const li = this.closest('li');
                    const message = '메모를 삭제하시겠습니까?';
                    deleteConfirm(this.dataset.href, message, {reload: false, callback: function () {
                        li.remove();
                        if (!document.querySelectorAll('.member-memo li').length) {
                            document.querySelector('.member-memo').innerHTML = '<li>메모가 없습니다.</li>';
                        }
                    }});
                });
            });

            // 취소 버튼
            const btnCancel = document.querySelector('.btn-cancel');
            btnCancel.addEventListener('click', function() {
                window.location.href = "{{ route('admin.user.manage', Request::query()) }}";
            });
        });

        function addDays(days) {
            const banUntilInput = document.getElementById('ban_until');
            const today = new Date();
            today.setDate(today.getDate() + days);
            banUntilInput.value = today.toISOString().split('T')[0];
        }

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

        function validateMemoForm(f) {
            if (!f.content.value) {
                alert('메모를 입력해주세요.');
                return false;
            }
            return true;
        }
    </script>

</x-admin.layout.default-layout>