@props(['shop' => null])

@php
    // 전달받은 shop이 없으면 미들웨어가 공유한 $currentShop 또는 사용자의 최신 매장 참조
    $shop = $shop ?? $currentShop ?? auth()->user()->shops()->latest()->first();
@endphp

<!-- 뷰티샵 심사 반려 및 재신청 모달 -->
<div class="modal fade" id="shopRejectedModal" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="shopRejectedModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg modal-dialog-centered modal-dialog-scrollable">
        <div class="modal-content border-0 shadow-lg rounded-4">

            <!-- 모달 헤더 -->
            <div class="modal-header bg-danger text-white px-4 py-3 rounded-top-4">
                <h5 class="modal-title fw-bold" id="shopRejectedModalLabel">
                    <i class="fa-solid fa-triangle-exclamation me-2"></i> 뷰티샵 입점 심사 반려 안내
                </h5>
            </div>

            <!-- 모달 바디 -->
            <div class="modal-body p-4 bg-light">

                <!-- 반려 사유 안내 박스 -->
                <div class="alert alert-danger border-0 shadow-sm rounded-3 mb-4 py-3 px-3">
                    <div class="d-flex align-items-start">
                        <i class="fa-solid fa-circle-exclamation fs-4 me-3 mt-1"></i>
                        <div>
                            <strong class="d-block mb-1 text-danger-emphasis">제출하신 입점 신청이 반려되었습니다.</strong>
                            <p class="mb-0 small text-danger-emphasis">
                                <strong>[반려 사유]:</strong> {{ $shop->reject_reason ?? '제출하신 매장 정보 및 서류의 보완이 필요합니다.' }}
                            </p>
                        </div>
                    </div>
                    <div class="small text-muted mt-2 ps-4">
                        반려 사유를 확인하신 후 아래 정보를 수정하여 <strong>[수정 후 재심사 요청]</strong>을 진행해 주세요.
                    </div>
                </div>

                <!-- 재신청 수정 폼 -->
                <form id="shopResubmitForm" action="{{ route('shop_admin.shops.resubmit') }}" method="POST" novalidate>
                    @csrf
                    @method('PUT')

                    <!-- 1. 뷰티샵명 & 대표자명 (단위 인풋 컴포넌트) -->
                    <div class="row g-3 mb-3">
                        <div class="col-md-6">
                            <x-admin.forms.input 
                                name="name" 
                                label="뷰티샵명" 
                                :value="old('name', $shop->name ?? '')" 
                                placeholder="예: GLOBEAU 강남본점" 
                                required 
                            />
                        </div>
                        <div class="col-md-6">
                            <x-admin.forms.input 
                                name="ceo_name" 
                                label="대표자명" 
                                :value="old('ceo_name', $shop->ceo_name ?? '')" 
                                placeholder="예: 홍길동" 
                                required 
                            />
                        </div>
                    </div>

                    <!-- 2. 주소 정보 및 카카오 LBS 재검색 영역 -->
                    <div class="mb-3">
                        <label class="form-label fw-bold small text-secondary">샵 위치(주소) <span class="text-danger">*</span></label>
                        <div class="input-group mb-2 bg-white" style="border: 1px solid #ced4da; border-radius: var(--radius-fixed, 6px); overflow: hidden;">
                            <span class="input-group-text bg-light border-0 ps-3 text-muted"><i class="fa-solid fa-location-dot"></i></span>
                            <input type="text" class="form-control border-0 shadow-none bg-light" id="resubmit_zipcode" name="zipcode" value="{{ old('zipcode', $shop->zipcode ?? '') }}" placeholder="우편번호" readonly>
                            <button type="button" class="btn px-4 border-0 fw-semibold text-white" id="btn-resubmit-address" style="background-color: var(--primary-color, #b18977);">
                                <i class="fa-solid fa-magnifying-glass me-1"></i> 주소 변경
                            </button>
                        </div>

                        <!-- 다음 우편번호 레이어 삽입 공간 -->
                        <div id="wrap_resubmit" style="display:none; border:1px solid #ced4da; width:100%; height:360px; margin-top:8px; margin-bottom:8px; position:relative; border-radius: var(--radius-fixed, 6px); overflow:hidden; background: #fff;">
                            <button type="button" id="btnFoldResubmitWrap" class="btn btn-sm btn-dark position-absolute shadow-sm" style="z-index: 101; top: 10px; right: 10px; opacity: 0.8;" title="접기">
                                <i class="fas fa-times"></i>
                            </button>
                        </div>

                        <input type="text" class="form-control mb-2 bg-light @error('address1') is-invalid @enderror" id="resubmit_address1" name="address1" value="{{ old('address1', $shop->address1 ?? '') }}" placeholder="기본 주소" readonly style="border-radius: var(--radius-fixed, 6px);">
                        @error('address1')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror

                        <input type="text" class="form-control @error('address2') is-invalid @enderror" id="resubmit_address2" name="address2" value="{{ old('address2', $shop->address2 ?? '') }}" placeholder="상세 주소를 입력하세요 (층수, 호수 등)" style="border-radius: var(--radius-fixed, 6px);">
                        @error('address2')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror

                        <!-- LBS 6대 히든 필드 (기존 값 유지 및 주소 재검색 시 자동 갱신) -->
                        <input type="hidden" name="region_sido" id="resubmit_region_sido" value="{{ old('region_sido', $shop->region_sido ?? '') }}">
                        <input type="hidden" name="region_sigungu" id="resubmit_region_sigungu" value="{{ old('region_sigungu', $shop->region_sigungu ?? '') }}">
                        <input type="hidden" name="region_category" id="resubmit_region_category" value="{{ old('region_category', $shop->region_category ?? '') }}">
                        <input type="hidden" name="latitude" id="resubmit_latitude" value="{{ old('latitude', $shop->latitude ?? '') }}">
                        <input type="hidden" name="longitude" id="resubmit_longitude" value="{{ old('longitude', $shop->longitude ?? '') }}">
                        <input type="hidden" name="location_coords" id="resubmit_location_coords" value="{{ old('location_coords', $shop->location_coords ?? '') }}">
                    </div>

                    <!-- 3. 한 줄 소개 (단위 인풋 컴포넌트) -->
                    <div class="mb-3">
                        <x-admin.forms.input 
                            name="introduction" 
                            label="한 줄 소개" 
                            :value="old('introduction', $shop->introduction ?? '')" 
                            placeholder="샵을 간단하게 소개해 주세요." 
                        />
                    </div>

                    <!-- 4. 상세 설명 (표준 HTML textarea) -->
                    <div class="mb-3">
                        <label for="resubmit_description" class="form-label fw-bold small text-secondary">상세 설명</label>
                        <textarea class="form-control @error('description') is-invalid @enderror" id="resubmit_description" name="description" rows="3" placeholder="샵의 상세한 정보를 입력하세요." style="border-radius: var(--radius-fixed, 6px);">{{ old('description', $shop->description ?? '') }}</textarea>
                        @error('description')
                            <div class="invalid-feedback">{{ $message }}</div>
                        @enderror
                    </div>

                </form>
            </div>

            <!-- 모달 푸터 -->
            <div class="modal-footer bg-white px-4 py-3 rounded-bottom-4 d-flex justify-content-between">
                <form action="{{ route('logout') }}" method="POST" class="w-auto m-0">
                    @csrf
                    <button type="submit" class="btn btn-outline-secondary px-4 py-2 fw-semibold" style="border-radius: var(--radius-fixed, 6px);">
                        <i class="fa-solid fa-right-from-bracket me-1"></i> 로그아웃
                    </button>
                </form>
                <button type="submit" form="shopResubmitForm" class="btn text-white px-4 py-2 fw-bold shadow-sm" style="background-color: var(--primary-color, #b18977); border: none; border-radius: var(--radius-fixed, 6px);">
                    <i class="fa-solid fa-rotate-right me-1"></i> 수정 후 재심사 요청
                </button>
            </div>

        </div>
    </div>
</div>

@push('scripts')
<!-- Daum 우편번호 서비스 CDN -->
<script src="//t1.daumcdn.net/mapjsapi/bundle/postcode/prod/postcode.v2.js"></script>
<!-- 카카오 지도 Web API (Geocoder 라이브러리 포함) -->
<script src="//dapi.kakao.com/v2/maps/sdk.js?appkey={{ env('KAKAO_MAP_API_KEY') }}&libraries=services"></script>
<!-- 주소 검색 및 지역 히든 필드 자동 생성 전용 스크립트 -->
<script src="{{ asset('js/address_search.js') }}"></script>

<script>
document.addEventListener('DOMContentLoaded', function () {
    const resubmitForm = document.getElementById('shopResubmitForm');
    const wrapResubmit = document.getElementById('wrap_resubmit');
    const btnFoldResubmit = document.getElementById('btnFoldResubmitWrap');
    const btnResubmitAddress = document.getElementById('btn-resubmit-address');

    // 1. 재심사 폼 유효성 검사 (showSwalAlert 연동)
    if (resubmitForm) {
        resubmitForm.addEventListener('submit', function (e) {
            const nameInput = document.getElementById('name');
            const ceoInput = document.getElementById('ceo_name');
            const zipInput = document.getElementById('resubmit_zipcode');

            if (!nameInput.value.trim()) {
                e.preventDefault();
                showSwalAlert('뷰티샵명을 입력해 주세요.', nameInput);
                return false;
            }

            if (!ceoInput.value.trim()) {
                e.preventDefault();
                showSwalAlert('대표자명을 입력해 주세요.', ceoInput);
                return false;
            }

            if (!zipInput.value.trim()) {
                e.preventDefault();
                showSwalAlert('샵 주소를 검색하여 입력해 주세요.', zipInput);
                return false;
            }
        });
    }

    // 2. 우편번호 레이어 닫기
    if (btnFoldResubmit && wrapResubmit) {
        btnFoldResubmit.addEventListener('click', function () {
            wrapResubmit.style.display = 'none';
        });
    }

    // 3. 주소 변경 버튼 클릭 시 Daum 우편번호 레이어 열기
    if (btnResubmitAddress && wrapResubmit) {
        btnResubmitAddress.addEventListener('click', function () {
            if (typeof daum === 'undefined' || !daum.Postcode) {
                showSwalAlert('우편번호 검색 모듈을 로드하는 중입니다. 잠시 후 다시 시도해 주세요.');
                return;
            }

            wrapResubmit.style.display = 'block';

            new daum.Postcode({
                oncomplete: function (data) {
                    let fullAddr = data.userSelectedType === 'R' ? data.roadAddress : data.jibunAddress;
                    let extraAddr = '';

                    if (data.userSelectedType === 'R') {
                        if (data.bname !== '' && /[동|로|가]$/g.test(data.bname)) {
                            extraAddr += data.bname;
                        }
                        if (data.buildingName !== '' && data.apartment === 'Y') {
                            extraAddr += (extraAddr !== '' ? ', ' + data.buildingName : data.buildingName);
                        }
                        if (extraAddr !== '') {
                            fullAddr += ' (' + extraAddr + ')';
                        }
                    }

                    document.getElementById('resubmit_zipcode').value = data.zonecode;
                    document.getElementById('resubmit_address1').value = fullAddr;
                    wrapResubmit.style.display = 'none';

                    const addr2 = document.getElementById('resubmit_address2');
                    if (addr2) addr2.focus();

                    // 카카오 Geocoder 좌표/행정구역 갱신
                    if (typeof kakao !== 'undefined' && kakao.maps && kakao.maps.services) {
                        const geocoder = new kakao.maps.services.Geocoder();
                        geocoder.addressSearch(data.address, function (results, status) {
                            if (status === kakao.maps.services.Status.OK && results.length > 0) {
                                const result = results[0];
                                const lat = result.y;
                                const lng = result.x;
                                document.getElementById('resubmit_latitude').value = lat;
                                document.getElementById('resubmit_longitude').value = lng;
                                document.getElementById('resubmit_location_coords').value = lat + ',' + lng;

                                if (result.address) {
                                    const sido = result.address.region_1depth_name || '';
                                    const sigungu = result.address.region_2depth_name || '';
                                    document.getElementById('resubmit_region_sido').value = sido;
                                    document.getElementById('resubmit_region_sigungu').value = sigungu;
                                    document.getElementById('resubmit_region_category').value = sido + ' ' + sigungu;
                                }
                            }
                        });
                    }
                },
                width: '100%',
                height: '100%'
            }).embed(wrapResubmit);
        });
    }
});
</script>
@endpush