@extends('layouts.app-sub')

@section('title', '파트너 센터 - GLOBEAU')
@section('header-title', '파트너 센터')

@section('content')
@php
    $user = $user ?? auth()->user();
@endphp
<div class="mypage-dashboard py-2">

    <!-- ========================================================
         1. 상단 프로필 및 파트너 센터 환영 배너 (.profile-card)
         ======================================================== -->
    <div class="card profile-card shadow-sm mb-3">
        <div class="row align-items-center">
            <!-- 프로필 아바타 및 안내 문구 -->
            <div class="col-12 col-md-7 d-flex align-items-center gap-3 mb-3 mb-md-0">
                <div class="profile-avatar shadow-sm">
                    @if (!empty($user->profile_photo_path))
                        <img src="{{ asset('storage/' . $user->profile_photo_path) }}" alt="{{ $user->name }}">
                    @else
                        <span class="fs-4 fw-bold text-brand">{{ mb_substr($user->name, 0, 1) }}</span>
                    @endif
                </div>
                
                <div class="min-w-0 flex-grow-1">
                    <div class="mb-1">
                        <span class="badge bg-white text-dark px-2 py-0.5 fw-bold fs-xs">
                            PARTNER B2B HUB
                        </span>
                    </div>
                    <h4 class="fw-bold mb-0 text-white fs-5 text-truncate">
                        {{ $user->name }} <span class="fs-6 fw-normal text-white-50">대표님</span>
                    </h4>
                    <div class="text-white-50 fs-xs text-truncate mt-1">
                        뷰티샵 입점 심사 현황 확인 및 제휴 매장 관리 콘솔로 이동합니다.
                    </div>
                </div>
            </div>

            <!-- 상단 우측: 3종 가입 신청 버튼군 -->
            <div class="col-12 col-md-5">
                <div class="d-flex flex-wrap flex-md-nowrap gap-1.5 justify-content-md-end w-100">
                    <a href="{{ route('shops.create') }}" class="btn btn-light btn-sm flex-fill text-nowrap fw-bold fs-xs py-2 shadow-sm text-brand">
                        <i class="fas fa-store me-1"></i> + 뷰티샵 입점신청
                    </a>
                    <button type="button" class="btn btn-outline-light btn-sm flex-fill text-nowrap border-opacity-50 fs-xs py-2" onclick="alert('센터 가입 신청 서비스는 준비 중입니다.');">
                        <i class="fas fa-building me-1"></i> + 센터 가입
                    </button>
                    <button type="button" class="btn btn-outline-light btn-sm flex-fill text-nowrap border-opacity-50 fs-xs py-2" onclick="alert('회원사(제조사) 가입 신청 서비스는 준비 중입니다.');">
                        <i class="fas fa-industry me-1"></i> + 회원사 가입
                    </button>
                </div>
            </div>
        </div>
    </div>

    <!-- ========================================================
         2. 파트너십 상태 집계 위젯 (.mypage-asset-stat)
         ======================================================== -->
    <div class="row g-2 mb-3">
        <!-- ① 전체 파트너십 -->
        <div class="col-6 col-md-3">
            <div class="mypage-asset-stat shadow-sm hover-lift">
                <div class="d-flex align-items-center justify-content-center gap-2 mb-1 w-100">
                    <div class="stat-card-icon bg-soft-dark">
                        <i class="fas fa-handshake"></i>
                    </div>
                    <h4 class="fw-bold text-dark mb-0 fs-5">
                        {{ $counts['total'] ?? 0 }}<span class="fw-normal text-muted fs-xs ms-1">건</span>
                    </h4>
                </div>
                <div class="mypage-asset-footer">
                    <span class="text-muted fw-semibold fs-xs">전체 파트너십</span>
                    <span class="text-muted fs-xs">총 등록</span>
                </div>
            </div>
        </div>

        <!-- ② 심사 대기 (pending) -->
        <div class="col-6 col-md-3">
            <div class="mypage-asset-stat shadow-sm hover-lift">
                <div class="d-flex align-items-center justify-content-center gap-2 mb-1 w-100">
                    <div class="stat-card-icon bg-soft-orange">
                        <i class="fas fa-hourglass-half"></i>
                    </div>
                    <h4 class="fw-bold text-warning mb-0 fs-5">
                        {{ $counts['pending'] ?? 0 }}<span class="fw-normal text-muted fs-xs ms-1">건</span>
                    </h4>
                </div>
                <div class="mypage-asset-footer">
                    <span class="text-muted fw-semibold fs-xs">심사 대기</span>
                    <span class="badge badge-state-warning fs-xs px-1.5 py-0.5">처리중</span>
                </div>
            </div>
        </div>

        <!-- ③ 승인 완료 (approved) -->
        <div class="col-6 col-md-3">
            <div class="mypage-asset-stat shadow-sm hover-lift">
                <div class="d-flex align-items-center justify-content-center gap-2 mb-1 w-100">
                    <div class="stat-card-icon bg-soft-success">
                        <i class="fas fa-check-circle"></i>
                    </div>
                    <h4 class="fw-bold text-success mb-0 fs-5">
                        {{ $counts['approved'] ?? 0 }}<span class="fw-normal text-muted fs-xs ms-1">건</span>
                    </h4>
                </div>
                <div class="mypage-asset-footer">
                    <span class="text-muted fw-semibold fs-xs">승인 완료</span>
                    <span class="badge badge-state-success fs-xs px-1.5 py-0.5">운영관리</span>
                </div>
            </div>
        </div>

        <!-- ④ 심사 반려 (rejected) -->
        <div class="col-6 col-md-3">
            <div class="mypage-asset-stat shadow-sm hover-lift">
                <div class="d-flex align-items-center justify-content-center gap-2 mb-1 w-100">
                    <div class="stat-card-icon" style="background: rgba(220, 38, 38, 0.1); color: #dc2626;">
                        <i class="fas fa-exclamation-triangle"></i>
                    </div>
                    <h4 class="fw-bold text-danger mb-0 fs-5">
                        {{ $counts['rejected'] ?? 0 }}<span class="fw-normal text-muted fs-xs ms-1">건</span>
                    </h4>
                </div>
                <div class="mypage-asset-footer">
                    <span class="text-muted fw-semibold fs-xs">심사 반려</span>
                    <span class="badge bg-danger-subtle text-danger border border-danger fs-xs px-1.5 py-0.5">사유확인</span>
                </div>
            </div>
        </div>
    </div>

    <!-- ========================================================
         3. 파트너 신청 및 관리 내역 (.mypage-ticket-pass 형태)
         ======================================================== -->
    <div class="d-flex align-items-center justify-content-between mb-2 px-1">
        <h6 class="fw-bold text-dark fs-6 mb-0">
            <i class="fas fa-store-alt text-brand me-1.5"></i> 파트너 신청 및 관리 내역
        </h6>
        <span class="text-muted fs-xs">총 {{ $shops->count() }}개 사업장</span>
    </div>

    @if($shops->isEmpty())
        <!-- 신청 내역 없음 -->
        <div class="card shadow-sm border-0 py-5 text-center my-2" style="border-radius: var(--radius-fixed); background: #ffffff;">
            <div class="py-4">
                <i class="fas fa-store-slash fa-3x text-muted mb-3 opacity-50"></i>
                <h6 class="fw-bold text-dark fs-6 mb-1">등록 또는 신청된 파트너 내역이 없습니다.</h6>
                <p class="text-muted fs-xs mb-3">글로뷰의 뷰티샵 파트너로 입점하고 스마트 예약/결제 고객을 만나보세요.</p>
                <a href="{{ route('shops.create') }}" class="btn btn-premium btn-sm px-4 py-2 fs-xs">
                    <i class="fas fa-plus me-1"></i> 뷰티샵 입점 신청하기
                </a>
            </div>
        </div>
    @else
        <!-- 카드형 리스트 루프 -->
        <div class="d-flex flex-column gap-3 mb-4">
            @foreach ($shops as $shop)
                <div class="card mypage-ticket-pass shadow-sm">
                    
                    <!-- 카드 헤더: 파트너 구분, 날짜, 상태 배지 -->
                    <div class="mypage-ticket-header">
                        <div class="d-flex align-items-center gap-2">
                            <span class="badge bg-white text-brand border border-brand px-2 py-0.5 fw-bold fs-xs">
                                뷰티샵
                            </span>
                            <span class="text-muted fs-xs font-monospace">
                                신청일: {{ $shop->created_at->format('Y-m-d H:i') }}
                            </span>
                        </div>

                        <!-- 승인 / 반려 / 대기 배지 판별 -->
                        <div>
                            @if($shop->status === 'approved' || !is_null($shop->approved_at))
                                <span class="badge badge-state-success fs-xs fw-bold px-2 py-1">
                                    <i class="fas fa-check-circle me-1"></i> 관리 (승인완료)
                                </span>
                            @elseif($shop->status === 'rejected')
                                <span class="badge bg-danger text-white fs-xs fw-bold px-2 py-1">
                                    <i class="fas fa-exclamation-circle me-1"></i> 심사 반려
                                </span>
                            @else
                                <span class="badge badge-state-warning fs-xs fw-bold px-2 py-1">
                                    <i class="fas fa-hourglass-half me-1"></i> 처리중 (심사대기)
                                </span>
                            @endif
                        </div>
                    </div>

                    <!-- 카드 본문: 사업장 상세 정보 요약 -->
                    <div class="mypage-ticket-body">
                        <div class="d-flex align-items-start gap-3">
                            <!-- 큐브 블록 -->
                            <div class="date-cube">
                                <span class="date-cube-month">SHOP</span>
                                <span class="date-cube-day fs-5"><i class="fas fa-store"></i></span>
                                <span class="date-cube-time fw-bold text-nowrap" style="color: var(--primary-dark) !important; font-size: 0.72rem !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">
                                    <h6 class="fw-bold text-dark fs-6 mb-0 text-truncate" title="{{ $shop->name }}">
                                        {{ $shop->name }}
                                    </h6>
                                    @if($shop->status === 'approved')
                                        @if($shop->operating_status === 'active')
                                            <span class="badge bg-success-subtle text-success border border-success fs-xs px-1.5 py-0.5">영업중</span>
                                        @else
                                            <span class="badge bg-secondary-subtle text-secondary border border-secondary fs-xs px-1.5 py-0.5">준비중</span>
                                        @endif
                                    @endif
                                </div>

                                <div class="d-flex align-items-center text-muted fs-xs mb-1 text-truncate">
                                    <i class="fas fa-user-tie me-1 text-brand"></i>
                                    <span class="fw-semibold text-dark me-1">대표자:</span>
                                    <span>{{ $shop->ceo_name ?: '-' }}</span>
                                    @if($shop->business_number)
                                        <span class="text-muted ms-2">({{ $shop->business_number }})</span>
                                    @endif
                                    @if($shop->tel)
                                        <span class="text-muted ms-2"><i class="fas fa-phone-alt ms-1 me-0.5"></i> {{ $shop->tel }}</span>
                                    @endif
                                </div>

                                <div class="text-muted fs-xs text-truncate mb-1">
                                    <i class="fas fa-map-marker-alt me-1 text-danger opacity-75"></i>
                                    <span>{{ $shop->address1 ?: '기본 주소 미등록' }} {{ $shop->address2 }}</span>
                                </div>

                                <!-- 반려 상태일 때 사유 요약 박스 -->
                                @if($shop->status === 'rejected' && $shop->rejection_reason)
                                    <div class="mt-2 p-2 bg-danger-subtle rounded border border-danger-subtle fs-xs text-danger text-truncate">
                                        <i class="fas fa-info-circle me-1"></i>
                                        <strong>반려 사유:</strong> {{ $shop->rejection_reason }}
                                    </div>
                                @endif
                            </div>
                        </div>

                        <!-- 하단 버튼 영역 -->
                        <div class="d-flex justify-content-between align-items-center gap-2 mt-3 pt-2 border-top">
                            <!-- 좌측: 미승인 건에 한해 신청 취소 허용 -->
                            <div>
                                @if($shop->status !== 'approved' && is_null($shop->approved_at))
                                    <form id="cancel-form-{{ $shop->id }}" action="{{ route('shops.cancel', $shop->id) }}" method="POST" class="d-inline">
                                        @csrf
                                        @method('DELETE')
                                        <button type="button" 
                                                class="btn btn-link text-danger text-decoration-none p-0 fs-xs" 
                                                onclick="confirmCancelApply({{ $shop->id }}, '{{ addslashes($shop->name) }}')">
                                            <i class="fas fa-times me-1"></i> 신청 취소
                                        </button>
                                    </form>
                                @else
                                    <span class="text-success fs-xs fw-semibold">
                                        <i class="fas fa-shield-alt me-1"></i> 정식 제휴 매장
                                    </span>
                                @endif
                            </div>

                            <!-- 우측: 상태별 CTA 버튼 분기 -->
                            <div class="d-flex gap-2">
                                @if($shop->status === 'approved' || !is_null($shop->approved_at))
                                    {{-- 1. 승인 완료: 관리자 백오피스로 이동 --}}
                                    <a href="{{ route('shop_admin.index') }}" target="_blank" class="btn btn-premium btn-sm fs-xs py-1.5 px-3 fw-bold d-inline-flex align-items-center gap-1">
                                        <i class="fas fa-cog"></i>
                                        <span>관리자 페이지</span>
                                        <i class="fas fa-external-link-alt fs-xs ms-0.5"></i>
                                    </a>
                                @elseif($shop->status === 'rejected')
                                    {{-- 2. 심사 반려: 반려현황 확인 & 재신청 --}}
                                    <a href="{{ route('shops.status', $shop->code) }}" class="btn btn-outline-danger btn-sm fs-xs py-1.5 px-2.5">
                                        <i class="fas fa-exclamation-circle me-1"></i> 반려현황 보기
                                    </a>
                                    <a href="{{ route('shops.reapply', $shop->code) }}" class="btn btn-danger btn-sm fs-xs py-1.5 px-3 fw-bold">
                                        <i class="fas fa-redo me-1"></i> 다시 신청
                                    </a>
                                @else
                                    {{-- 3. 심사 대기: 처리현황 접수증 보기 --}}
                                    <a href="{{ route('shops.status', $shop->code) }}" class="btn btn-outline-secondary btn-sm fs-xs py-1.5 px-3">
                                        <i class="fas fa-clipboard-list me-1"></i> 처리현황 보기
                                    </a>
                                @endif
                            </div>
                        </div>

                    </div>
                </div>
            @endforeach
        </div>
    @endif

</div>
@endsection

@push('styles')
<link rel="stylesheet" href="{{ asset('css/mypage/user_mypage.css') }}">
@endpush

@push('scripts')
<script>
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">
            <p class="mb-2">
                <strong class="text-dark">[${shopName}]</strong> 매장의 입점 신청을 취소하시겠습니까?
            </p>
            <div class="p-2.5 rounded bg-light border border-danger-subtle text-danger" style="font-size: 0.82rem; line-height: 1.55;">
                <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.78rem;">
                * 신중히 검토 후 취소를 진행해 주시기 바랍니다.
            </p>
        </div>
    `;

    // user_custom.js의 공용 showSwalConfirm 호출 (Promise 대기)
    const confirmed = await showSwalConfirm(
        message, 
        '입점 신청 취소', 
        '네, 취소합니다', 
        '닫기', 
        'warning'
    );

    // 사용자가 '확인'을 눌렀을 때만 실제 폼 전송
    if (confirmed) {
        form.submit();
    }
}
</script>
@endpush