@extends('layouts.app-sub')

@section('title', '입점 심사 현황 - GLOBEAU')
@section('header-title', '입점 심사 현황')

@section('content')
@php
    $isApproved = ($shop->status === 'approved' || !empty($shop->approved_at));$isRejected = ($shop->status === 'rejected');$isPending  = (!$isApproved && !$isRejected);

    // 신청자 계정 정보 (1:N 및 실무자 대행 신청 대응)
    $applicantUser  =$shop->user ?? Auth::user();
    $applicantName  =$applicantUser?->name ?? '신청자';
    $applicantPhone =$applicantUser?->phone;
    $formattedPhone =$applicantPhone ? (function_exists('format_phone') ? format_phone($applicantPhone) :$applicantPhone) : null;
@endphp

<div class="mypage-dashboard py-2">

    <!-- ========================================================
         1. 뷰티샵 입점 접수증 카드 (.mypage-ticket-pass)
         ======================================================== -->
    <div class="card mypage-ticket-pass shadow-sm mb-3">

        <!-- 카드 상단 헤더: 파트너 구분 및 상태 배지 -->
        <div class="mypage-ticket-header py-3 px-3 px-md-4">
            <div class="d-flex align-items-center gap-2">
                <span class="badge bg-white text-brand border border-brand px-2 py-1 fw-bold" style="font-size: 0.8rem;">
                    뷰티샵 파트너
                </span>
                <span class="text-muted small font-monospace">
                    접수번호: {{ $shop->code }}
                </span>
            </div>

            <!-- 심사 상태 배지 -->
            <div>
                @if($isApproved)
                    <span class="badge badge-state-success fw-bold px-3 py-1" style="font-size: 0.82rem;">
                        <i class="fas fa-check-circle me-1"></i> 승인 완료
                    </span>
                @elseif($isRejected)
                    <span class="badge bg-danger text-white fw-bold px-3 py-1" style="font-size: 0.82rem;">
                        <i class="fas fa-exclamation-circle me-1"></i> 심사 반려
                    </span>
                @else
                    <span class="badge badge-state-warning fw-bold px-3 py-1" style="font-size: 0.82rem;">
                        <i class="fas fa-hourglass-half me-1"></i> 심사 대기중
                    </span>
                @endif
            </div>
        </div>

        <!-- 카드 본문 -->
        <div class="mypage-ticket-body p-3 p-md-4">

            <!-- 상태별 인라인 알림 박스 (1rem 가독성 확보) -->
            <div class="mb-4">
                @if($isApproved)
                    <div class="p-3 rounded bg-success-subtle border border-success-subtle text-success-emphasis d-flex align-items-start gap-3">
                        <i class="fas fa-check-circle fs-4 text-success flex-shrink-0 mt-1"></i>
                        <div class="min-w-0">
                            <strong class="d-block text-dark mb-1" style="font-size: 1rem;">입점 심사가 최종 승인되었습니다.</strong>
                            <p class="text-secondary small mb-0" style="line-height: 1.6;">
                                이제 뷰티샵 관리자 센터에서 매장 프로필, 사진 및 예약 프로그램을 등록하고 고객을 맞이하세요.
                            </p>
                        </div>
                    </div>
                @elseif($isRejected)
                    <!-- 차분하고 정돈된 안내 박스 (좌측 들여쓰기/밀림 없는 플랫 정렬) -->
					<div class="p-3 p-md-4 rounded border bg-light-subtle mb-4" style="border-color: #e5e7eb !important; background-color: #fafaf9;">
						<!-- 상단 헤더: 타이틀 & 상태 태그 -->
						<div class="d-flex align-items-center justify-content-between mb-2">
							<div class="d-flex align-items-center gap-2">
								<strong class="text-dark" style="font-size: 1rem;">입점 신청 검토 결과 안내</strong>
								<span class="badge text-secondary border px-2 py-0.5" style="font-size: 0.75rem; background-color: #ffffff; border-color: #e5e7eb !important;">
									보완 필요
								</span>
							</div>
						</div>

						<p class="text-secondary small mb-3" style="line-height: 1.5;">
							제출해 주신 입점 정보 중 일부 항목의 확인 또는 서류 보완이 필요하여 심사가 보류되었습니다.
						</p>

						<!-- 보완 요청 사유 박스: 좌측 마진 없이 상단과 수직선상 일치 -->
						<div class="p-3 bg-white rounded border" style="border-color: #e5e7eb !important;">
							<div class="fw-bold text-dark mb-1.5" style="font-size: 0.88rem;">
								<i class="fas fa-info-circle text-secondary me-1"></i> 심사팀 보완 요청 사유
							</div>
							<div class="text-secondary small mb-0" style="white-space: pre-line; line-height: 1.65;">
								{{ $shop->rejection_reason ?? '기재된 사업자 정보 또는 증빙 서류에 보완이 필요합니다. 상세 사항은 입점 지원센터로 문의해 주시기 바랍니다.' }}
							</div>
						</div>
					</div>
                @else
                    <div class="p-3 rounded bg-warning-subtle border border-warning-subtle text-warning-emphasis d-flex align-items-start gap-3">
                        <i class="fas fa-hourglass-half fs-4 text-warning flex-shrink-0 mt-1"></i>
                        <div class="min-w-0">
                            <strong class="d-block text-dark mb-1" style="font-size: 1rem;">본사 심사팀에서 입점 적격성을 검토하고 있습니다.</strong>
                            <p class="text-secondary small mb-0" style="line-height: 1.6;">
                                신청일 기준 1~3영업일 이내에 검토가 완료되며, 심사 결과는 인증하신 휴대폰 번호로 안내됩니다.
                            </p>
                        </div>
                    </div>
                @endif
            </div>

            <!-- 매장 요약 (날짜 큐브 및 매장 기본 정보) -->
            <div class="d-flex align-items-start gap-3 pb-3 mb-3 border-bottom">
                <div class="date-cube flex-shrink-0">
                    <span class="date-cube-month">STATUS</span>
                    <span class="date-cube-day fs-5">
                        @if($isApproved)
                            <i class="fas fa-store text-success"></i>
                        @elseif($isRejected)
                            <i class="fas fa-store-slash text-danger"></i>
                        @else
                            <i class="fas fa-store text-warning"></i>
                        @endif
                    </span>
                    <span class="date-cube-time fw-bold text-nowrap" style="color: var(--primary-dark) !important; font-size: 0.78rem !important;">
                        {{ $shop->code ? substr($shop->code, -4) : str_pad($shop->id, 4, '0', STR_PAD_LEFT) }}
                    </span>
                </div>

                <div class="min-w-0 flex-grow-1">
                    <div class="d-flex align-items-center gap-2 mb-1 flex-wrap">
                        <h5 class="fw-bold text-dark mb-0 text-truncate" style="font-size: 1.15rem;">
                            {{ $shop->name }}
                        </h5>
                        @if($isApproved)
                            <span class="badge bg-success-subtle text-success border border-success px-2 py-0.5" style="font-size: 0.75rem;">
                                정식 제휴
                            </span>
                        @endif
                    </div>
                    <div class="text-muted small text-truncate mb-1">
                        <i class="fas fa-map-marker-alt me-1 text-danger opacity-75"></i>
                        <span>[{{ $shop->zipcode }}] {{ $shop->address1 }} {{$shop->address2 }}</span>
                    </div>
                    <div class="text-muted small">
                        <i class="fas fa-clock me-1 text-muted"></i>
                        <span>신청일시: {{ $shop->created_at->format('Y년 m월 d일 H:i') }}</span>
                    </div>
                </div>
            </div>

            <!-- 세부 신청 내역 목록 (신청자 계정 정보와 사업자 정보의 명확한 분리) -->
            <div class="table-responsive mb-2">
                <table class="table table-sm align-middle mb-0" style="border-color: #f0ebe7; font-size: 0.92rem;">
                    <tbody>
                        <!-- 1. 신청자 정보 (로그인 계정: 이름 + 인증 번호) -->
                        <tr>
                            <th class="text-muted py-2 ps-3 fw-semibold" style="width: 140px; background: #faf8f6;">신청자 정보</th>
                            <td class="py-2 px-3 text-dark">
                                <div class="d-flex align-items-center gap-2 flex-wrap">
                                    <span class="fw-bold text-dark">{{ $applicantName }}</span>
                                    @if($formattedPhone)
                                        <span class="font-monospace text-secondary">({{ $formattedPhone }})</span>
                                        <span class="badge bg-success-subtle text-success border border-success-subtle" style="font-size: 0.72rem;">
                                            <i class="fas fa-check-circle me-1"></i>본인인증완료
                                        </span>
                                    @else
                                        <span class="text-muted small">(휴대폰 인증 정보 없음)</span>
                                    @endif
                                </div>
                            </td>
                        </tr>

                        <!-- 2. 사업자등록상 대표자 성명 -->
                        <tr>
                            <th class="text-muted py-2 ps-3 fw-semibold" style="background: #faf8f6;">대표자 성명</th>
                            <td class="py-2 px-3 text-dark">
                                <span>{{ $shop->ceo_name }}</span>
                                <span class="text-muted small ms-1">(사업자등록증 기준)</span>
                            </td>
                        </tr>

                        <!-- 3. 사업자등록번호 -->
                        <tr>
                            <th class="text-muted py-2 ps-3 fw-semibold" style="background: #faf8f6;">사업자등록번호</th>
                            <td class="py-2 px-3">
                                @if($shop->business_number)
                                    <span class="font-monospace text-dark">{{ $shop->business_number }}</span>
                                    <span class="badge bg-success-subtle text-success border border-success-subtle ms-1" style="font-size: 0.72rem;">
                                        인증완료
                                    </span>
                                @else
                                    <span class="text-muted">취소/철회 처리됨</span>
                                @endif
                            </td>
                        </tr>

                        <!-- 4. 운영 권역 분류 -->
                        <tr>
                            <th class="text-muted py-2 ps-3 fw-semibold" style="background: #faf8f6;">운영 권역 분류</th>
                            <td class="py-2 px-3 text-dark">
                                {{ $shop->region_sido }} {{ $shop->region_sigungu }} ({{$shop->region_category }})
                            </td>
                        </tr>

                        <!-- 5. 매장 한 줄 소개 -->
                        @if($shop->introduction)
                        <tr>
                            <th class="text-muted py-2 ps-3 fw-semibold" style="background: #faf8f6;">매장 한 줄 소개</th>
                            <td class="py-2 px-3 text-secondary">{{ $shop->introduction }}</td>
                        </tr>
                        @endif
                    </tbody>
                </table>
            </div>

            <!-- 하단 액션 버튼 그룹 (높이 40px, 폰트 0.88rem 통일) -->
            <div class="d-flex justify-content-between align-items-center gap-2 mt-4 pt-3 border-top flex-wrap">
                <!-- 좌측: 미승인 건에 한해 신청 취소 허용 -->
                <div>
                    @if(!$isApproved)
                        <form id="cancel-form-{{ $shop->code }}" action="{{ route('shops.cancel', $shop->code) }}" method="POST" class="d-inline">
                            @csrf
                            @method('DELETE')
                            <button type="button" 
                                    class="btn btn-outline-danger btn-action-std text-muted hover-danger" 
                                    onclick="confirmCancelApply('{{ $shop->code }}', '{{ addslashes($shop->name) }}')">
                                <i class="fas fa-times me-1"></i> 신청 취소
                            </button>
                        </form>
                    @else
                        <span class="text-success small fw-semibold">
                            <i class="fas fa-shield-alt me-1"></i> 정식 입점 매장
                        </span>
                    @endif
                </div>

                <!-- 우측: 상태별 CTA 버튼 및 마이페이지 이동 -->
                <div class="d-flex gap-2">
                    @if($isApproved)
                        <a href="{{ route('shop_admin.index') }}" target="_blank" class="btn btn-premium btn-action-std fw-bold d-inline-flex align-items-center gap-1.5 px-3">
                            <i class="fas fa-cog"></i>
                            <span>관리자 센터</span>
                            <i class="fas fa-external-link-alt ms-1" style="font-size: 0.72rem;"></i>
                        </a>
                    @elseif($isRejected)
                        <a href="{{ route('shops.reapply', $shop->code) }}" class="btn btn-danger btn-action-std fw-bold px-3">
                            <i class="fas fa-redo me-1"></i> 다시 신청하기
                        </a>
                    @endif

                    <a href="{{ route('mypage.index') }}" class="btn btn-outline-secondary btn-action-std px-3 fw-medium">
                        <i class="fas fa-check me-1"></i> 확인
                    </a>
                </div>
            </div>

        </div>
    </div>

    <!-- ========================================================
         2. 파트너 고객센터 안내 바
         ======================================================== -->
    <div class="card shadow-sm border-0 p-3" style="border-radius: var(--radius-fixed); background: #ffffff;">
        <div class="d-flex align-items-center justify-content-between flex-wrap gap-2 text-muted small">
            <div class="d-flex align-items-center gap-2">
                <i class="fas fa-headset text-brand fs-5"></i>
                <div>
                    <span class="fw-bold text-dark">파트너 입점 지원센터:</span>
                    <strong class="text-dark">{{ env('CS_PHONE_NUMBER', '1588-2845') }}</strong>
                    <span class="ms-1 d-none d-sm-inline">(평일 10:00 ~ 18:00 운영)</span>
                </div>
            </div>
            <div>
                <a href="#" class="text-decoration-none text-muted">자주 묻는 질문(FAQ) <i class="fas fa-chevron-right ms-1" style="font-size: 0.75rem;"></i></a>
            </div>
        </div>
    </div>

</div>
@endsection

@push('styles')
<link rel="stylesheet" href="{{ asset('css/mypage/user_mypage.css') }}">
<style>
    /* 하단 버튼 높이 및 폰트 통일 */
    .btn-action-std {
        height: 40px;
        font-size: 0.88rem !important;
        border-radius: var(--radius-fixed) !important;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        white-space: nowrap;
    }
    .hover-danger:hover {
        background-color: #fee2e2 !important;
        border-color: #fca5a5 !important;
        color: #dc2626 !important;
    }
</style>
@endpush

@push('scripts')
<script>
/**
 * 입점 신청 취소 확인 모달 (SweetAlert2)
 */
async function confirmCancelApply(shopId, shopName) {
    const form = document.getElementById('cancel-form-' + shopId);
    if (!form) return;

    const message = `
        <div class="text-secondary small text-start px-1 py-1">
            <p class="mb-2" style="font-size: 0.95rem; line-height: 1.5;">
                <strong class="text-dark">[${shopName}]</strong> 매장의 입점 신청을 취소하시겠습니까?
            </p>
            <div class="p-3 rounded bg-light border border-danger-subtle text-danger" style="font-size: 0.85rem; line-height: 1.6;">
                <i class="fas fa-exclamation-triangle me-1"></i> <strong>재신청 제한 안내:</strong><br>
                취소 완료 후 비정상적인 반복 접수 방지를 위해 <span class="fw-bold text-decoration-underline">취소 시점으로부터 만 1일(24시간) 동안 동일 사업자로 재신청이 불가</span>합니다.
            </div>
            <p class="text-muted mt-2 mb-0" style="font-size: 0.8rem;">
                * 신중히 검토 후 취소를 진행해 주시기 바랍니다.
            </p>
        </div>
    `;

    const confirmed = await showSwalConfirm(
        message, 
        '입점 신청 취소', 
        '네, 취소합니다', 
        '닫기', 
        'warning'
    );

    if (confirmed) {
        form.submit();
    }
}
</script>
@endpush