@extends('layouts.admin')

@section('title', '전체 회원 목록')

@section('content')

<div class="content-header-box mb-4 px-0">
	<div class="content-title-wrap d-flex align-items-center gap-2">
		<h1 class="content-title">@yield('title')</h1>
        <span class="text-secondary d-inline-flex align-items-center" style="cursor: pointer;" data-bs-toggle="tooltip" data-bs-placement="right" title="본 페이지는 플랫폼 운영을 위한 부운영자(직원/파트너사) 계정 수동 등록 전용 공간입니다. 일반 회원은 사용자 회원가입을 이용해야 합니다.">
            <i class="fa-solid fa-circle-question fs-6"></i>
        </span>
	</div>
	<div class="content-btn-wrap">
        <a href="{{ route('admin.users.create') }}" class="btn btn-primary btn-sm fw-bold px-3">
            <i class="fa-solid fa-user-plus me-1"></i> 부운영자 등록
        </a>
	</div>
</div>

<!-- 공통 에러, 성공 알림 블래이드 컴포넌트 -->
<x-admin.alerts-display />

<div class="container-fluid px-0">

    <!-- 기워드 검색 및 상세 필터 영역 -->
    <x-admin.search-filter :route="route('admin.users.list')" :total="$users->total()" searchPlaceholder="이름, 이메일, 휴대폰번호 검색">
        <!-- 이 페이지 전용으로 들어갈 셀렉트박스 정의 -->
		@slot('filters')
			<x-admin.forms.select name="status" label="계정상태" allLabel="계정상태 전체" width="150px;" autoSubmit :options="['active' => '정상 (Active)', 'suspended' => '일시중지 (Suspended)', 'withdrawn' => '탈퇴 (Withdrawn)']" isFilter />
            {{--
			<x-admin.forms.radio name="status" label="관리자인증" :options="['' => '전체', 'pending' => '대기중', 'approved' => '승인완료']" isFilter />
			<x-admin.forms.checkbox name="with_deleted" topLabel="부가 설정" label="삭제 항목 포함" isSwitch isFilter />
            --}}
        @endslot
    </x-admin.search-filter>

    <!-- ======================================================
        [PC 전용 영역] 회원 리스트 테이블
        ====================================================== -->
    <div class="pc-only-section">
        <div class="card border-0 shadow-sm">
            <div class="table-responsive">
                <table class="table table-hover align-middle mb-0" style="min-width: 1100px;">
                    <thead class="text-secondary small text-uppercase bg-light">
                        <tr>
                            <th style="width: 7%;" class="py-3 ps-4 text-center">번호</th>
                            <th style="width: 20%;" class="py-3">회원 정보 (이름 / 이메일)</th>
                            <th style="width: 14%;" class="py-3 text-center">휴대폰 번호</th>
                            <th style="width: 15%;" class="py-3 text-center">회원 권한 (등급)</th>
                            <th style="width: 15%;" class="py-3 text-center">본인인증 / 상태</th>
                            <th style="width: 14%;" class="py-3 text-center">가입 일시</th>
                            <th style="width: 15%;" class="py-3 text-end pe-4">관리</th>
                        </tr>
                    </thead>

                    <tbody>
                        @forelse($users as $user)
                        @php
                            // 역할(Role) 정의
                            $roleNames = [
                                'admin' => ['name' => '최고관리자', 'class' => 'bg-danger-subtle text-danger border-danger-subtle'],
                                'shop' => ['name' => '뷰티샵 운영자', 'class' => 'bg-primary-subtle text-primary border-primary-subtle'],
                                'center' => ['name' => '센터 운영자', 'class' => 'bg-warning-subtle text-warning-emphasis border-warning-subtle'],
                                'manufacturer' => ['name' => '제조사 운영자', 'class' => 'bg-info-subtle text-info-emphasis border-info-subtle'],
                                'user' => ['name' => '일반 회원', 'class' => 'bg-secondary-subtle text-secondary border-secondary-subtle'],
                            ];
                            $userRole = $user->getRoleNames()->first() ?? 'user';
                            $roleInfo = $roleNames[$userRole] ?? ['name' => $userRole, 'class' => 'bg-light text-dark border'];

                            // 보안 판별: 파트너 권한 + 휴대폰 미인증 + 일시중지 상태인 경우 관리자 등록 부운영자로 간주
                            $isPartnerRole = $user->hasAnyRole(['shop', 'center', 'manufacturer']);
                            $isNotVerified = empty($user->is_phone_verified);
                            $isSuspended = ($user->status === 'suspended');
                            $isAdminPendingUser = ($user->is_admin_registered ?? false) || ($isPartnerRole && $isNotVerified && $isSuspended);
                        @endphp
                        <tr>
                            <!-- 1. 번호 -->
                            <td class="text-center py-3 ps-4 text-muted small">
                                {{ $users->total() - (($users->currentPage() - 1) * $users->perPage()) - $loop->index }}
                            </td>

                            <!-- 2. 회원 정보 -->
                            <td class="py-3">
                                <div class="d-flex flex-column gap-1">
                                    <div class="fw-bold text-dark d-flex align-items-center gap-1">
                                        {{ $user->name }}
                                        @if($isAdminPendingUser)
                                            <span class="badge bg-warning-subtle text-warning-emphasis border border-warning-subtle" style="font-size: 0.55rem;" title="관리자가 수동 발급한 부운영자 계정 (인증 대기 중)">관리자등록</span>
                                        @endif
                                    </div>
                                    <div class="text-muted small">
                                        {{ $user->email ?? '이메일 없음' }}
                                    </div>
                                </div>
                            </td>

                            <!-- 3. 휴대폰 번호 -->
                            <td class="text-center">
                                <span class="small text-secondary">{{ format_phone($user->phone) ?? '-' }}</span>
                            </td>

                            <!-- 4. 회원 권한 (등급) -->
                            <td class="text-center">
                                <span class="badge {{ $roleInfo['class'] }} border px-2 py-1" style="font-size: 0.7rem;">
                                    {{ $roleInfo['name'] }}
                                </span>
                            </td>

                            <!-- 5. 인증 여부 및 상태 -->
                            <td class="text-center">
                                <div class="d-flex flex-column align-items-center gap-1">
                                    @if($user->is_phone_verified)
                                        <span class="badge bg-success-subtle text-success border border-success-subtle" style="font-size: 0.65rem;">휴대폰인증완료</span>
                                    @else
                                        <span class="badge bg-secondary-subtle text-secondary border" style="font-size: 0.65rem;">미인증</span>
                                    @endif

                                    @if($user->status === 'active')
                                        <span class="badge bg-primary text-white" style="font-size: 0.65rem;">정상</span>
                                    @elseif($user->status === 'suspended')
                                        <span class="badge bg-danger text-white" style="font-size: 0.65rem;">일시중지</span>
                                    @else
                                        <span class="badge bg-secondary text-white" style="font-size: 0.65rem;">탈퇴</span>
                                    @endif
                                </div>
                            </td>

                            <!-- 6. 가입 일시 -->
                            <td class="text-center">
                                <div class="small text-dark">{{ $user->created_at->format('Y-m-d') }}</div>
                                <div class="text-muted" style="font-size: 0.75rem;">{{ $user->created_at->format('H:i:s') }}</div>
                            </td>

                            <!-- 7. 관리 버튼 (상세 관리 / 상태 제어 / 오등록 안전 삭제) -->
                            <td class="text-end py-3 pe-4">
                                <div class="d-flex justify-content-end align-items-center gap-1">
                                    <!-- 1. 상세 관리 버튼 (항상 노출) -->
                                    <a href="{{ route('admin.users.edit', array_merge(['user' => $user->id], request()->query())) }}" 
                                    class="btn btn-sm btn-outline-secondary px-2 py-1" 
                                    style="font-size: 0.75rem; border-radius: var(--radius-fixed, 6px);" 
                                    title="상세 관리">
                                        <i class="fa-solid fa-gear me-1"></i> 관리
                                    </a>

                                    @if($userRole === 'admin' || (int)$user->id === 1)
                                        <!-- 최고관리자 계정 상태 보호 배지 (거부감 없는 차분한 톤) -->
                                        <span class="badge bg-secondary-subtle text-secondary border border-secondary-subtle px-2 py-1" 
                                            style="font-size: 0.65rem; border-radius: var(--radius-fixed, 6px);" 
                                            title="시스템 보호 계정 (상태 변경 및 삭제 불가)">
                                            <i class="fa-solid fa-shield-halved"></i> 보호
                                        </span>
                                    @else
                                        <!-- 2. 계정 상태 토글 (정상 활성 ↔ 일시중지 : 관리자 직권 제어 보장) -->
                                        @if($user->isActive())
                                            {{-- 정상 -> 일시중지 처리 --}}
                                            <form action="{{ route('admin.users.status', $user->id) }}" 
                                                method="POST" 
                                                class="d-inline js-user-status-form" 
                                                data-user-name="{{ $user->name }}">
                                                @csrf
                                                @method('PATCH')
                                                <input type="hidden" name="status" value="suspended">
                                                <button type="submit" 
                                                        class="btn btn-sm btn-outline-warning px-2 py-1" 
                                                        style="font-size: 0.75rem; border-radius: var(--radius-fixed, 6px);" 
                                                        title="계정 일시중지 (로그인 차단)">
                                                    <i class="fa-solid fa-ban"></i>
                                                </button>
                                            </form>
                                        @else
                                            {{-- 일시중지 -> 정상 활성화 처리 (자물쇠 락을 해제하여 관리자가 즉시 활성화 가능) --}}
                                            <form action="{{ route('admin.users.status', $user->id) }}" 
                                                method="POST" 
                                                class="d-inline js-user-status-form" 
                                                data-user-name="{{ $user->name }}">
                                                @csrf
                                                @method('PATCH')
                                                <input type="hidden" name="status" value="active">
                                                <button type="submit" 
                                                        class="btn btn-sm btn-outline-success px-2 py-1" 
                                                        style="font-size: 0.75rem; border-radius: var(--radius-fixed, 6px);" 
                                                        title="정상 활성화 (로그인 허용)">
                                                    <i class="fa-solid fa-check"></i>
                                                </button>
                                            </form>
                                        @endif

                                        <!-- 3. 오등록 안전 삭제 버튼 (최고관리자 + 본인 제외 + 접속 이력 없는 미사용 계정만 노출) -->
                                        @if(auth()->user()->hasRole('admin') && (int)$user->id !== (int)auth()->id() && !$user->hasLoggedIn())
                                            <form action="{{ route('admin.users.destroy', $user->id) }}" 
                                                method="POST" 
                                                class="d-inline js-user-delete-form" 
                                                data-user-name="{{ $user->name }}" 
                                                data-user-email="{{ $user->email }}">
                                                @csrf
                                                @method('DELETE')
                                                <button type="submit" 
                                                        class="btn btn-sm btn-outline-danger px-2 py-1" 
                                                        style="font-size: 0.75rem; border-radius: var(--radius-fixed, 6px);" 
                                                        title="오등록 계정 정리 (미사용 계정 삭제)">
                                                    <i class="fa-solid fa-trash-can"></i>
                                                </button>
                                            </form>
                                        @endif
                                    @endif
                                </div>
                            </td>
                        </tr>
                        @empty
                        <tr>
                            <td colspan="7" class="text-center py-5 text-muted">
                                <i class="fa-regular fa-folder-open fs-3 mb-2 d-block text-secondary"></i>
                                등록된 회원이 없습니다.
                            </td>
                        </tr>
                        @endforelse
                    </tbody>
                </table>
            </div>
        </div>
        
        <!-- 페이지네이션 링크 -->
        @if($users->hasPages())
        <div class="d-flex justify-content-center mt-4">
            {{ $users->links() }}
        </div>
        @endif
    </div>

    <!-- ======================================================
        [모바일 전용 영역] 카드 리스트 형태
        ====================================================== -->
    <div class="mobile-only-section">
        <div class="d-flex flex-column gap-3">
            @forelse($users as $user)
            @php
                $roleNames = [
                    'admin' => ['name' => '최고관리자', 'class' => 'bg-danger-subtle text-danger border-danger-subtle'],
                    'shop' => ['name' => '뷰티샵 대표', 'class' => 'bg-primary-subtle text-primary border-primary-subtle'],
                    'center' => ['name' => '센터 운영자', 'class' => 'bg-warning-subtle text-warning-emphasis border-warning-subtle'],
                    'manufacturer' => ['name' => '제조사', 'class' => 'bg-info-subtle text-info-emphasis border-info-subtle'],
                    'user' => ['name' => '일반 회원', 'class' => 'bg-secondary-subtle text-secondary border-secondary-subtle'],
                ];
                $userRole = $user->getRoleNames()->first() ?? 'user';
                $roleInfo = $roleNames[$userRole] ?? ['name' => $userRole, 'class' => 'bg-light text-dark border'];

                $isPartnerRole = $user->hasAnyRole(['shop', 'center', 'manufacturer']);
                $isNotVerified = empty($user->is_phone_verified);
                $isSuspended = ($user->status === 'suspended');
                $isAdminPendingUser = ($user->is_admin_registered ?? false) || ($isPartnerRole && $isNotVerified && $isSuspended);
            @endphp
            <div class="card border shadow-sm p-3">
                <div class="d-flex justify-content-between align-items-start mb-2">
                    <div>
                        <div class="d-flex align-items-center gap-1 mb-1">
                            <h6 class="fw-bold text-dark mb-0">{{ $user->name }}</h6>
                            @if($isAdminPendingUser)
                                <span class="badge bg-warning-subtle text-warning-emphasis border" style="font-size: 0.55rem;">관리자등록</span>
                            @endif
                            <span class="badge {{ $roleInfo['class'] }} border" style="font-size: 0.6rem;">
                                {{ $roleInfo['name'] }}
                            </span>
                        </div>
                        <span class="text-muted small">{{ $user->email ?? '이메일 없음' }}</span>
                    </div>
                    <div>
                        @if($user->status === 'active')
                            <span class="badge bg-primary" style="font-size: 0.65rem;">정상</span>
                        @elseif($user->status === 'suspended')
                            <span class="badge bg-danger" style="font-size: 0.65rem;">일시중지</span>
                        @else
                            <span class="badge bg-secondary" style="font-size: 0.65rem;">탈퇴</span>
                        @endif
                    </div>
                </div>

                <div class="small text-secondary mb-3 pb-2 border-bottom">
                    <div>연락처: {{ $user->phone ?? '-' }}</div>
                    <div>가입일: {{ $user->created_at->format('Y-m-d H:i') }}</div>
                </div>

                <!-- 모바일 하단 액션 버튼 (줄 깨짐 방지 및 보호 로직 적용) -->
                <div class="d-flex gap-2">
                    <a href="{{ route('admin.users.edit', $user->id) }}" class="btn btn-outline-secondary btn-sm flex-fill fw-bold text-decoration-none text-center py-1.5 text-nowrap" style="font-size: 0.75rem;">
                        <i class="fa-solid fa-gear me-1"></i> 관리 및 수정
                    </a>
                    
                    @if($userRole === 'admin')
                        <button type="button" class="btn btn-outline-danger btn-sm flex-fill fw-bold py-1.5 text-nowrap" style="font-size: 0.75rem; opacity: 0.7; cursor: not-allowed;" disabled title="최고관리자 계정 상태는 변경할 수 없습니다.">
                            <i class="fa-solid fa-shield-halved me-1"></i> 상태변경불가
                        </button>
                    @else
                        @if($user->status === 'active')
                            <form action="{{ route('admin.users.status', $user->id) }}" method="POST" class="flex-fill" onsubmit="return confirm('일시중지하시겠습니까?');">
                                @csrf
                                @method('PATCH')
                                <input type="hidden" name="status" value="suspended">
                                <button type="submit" class="btn btn-outline-danger btn-sm w-100 fw-bold py-1.5 text-nowrap" style="font-size: 0.75rem;">
                                    <i class="fa-solid fa-ban me-1"></i> 일시중지
                                </button>
                            </form>
                        @else
                            @if($isAdminPendingUser)
                                <button type="button" class="btn btn-outline-secondary btn-sm flex-fill fw-bold py-1.5 text-nowrap" style="font-size: 0.75rem; opacity: 0.7; cursor: not-allowed;" disabled title="본인인증 전 활성화 불가">
                                    <i class="fa-solid fa-lock me-1"></i> 인증대기중
                                </button>
                            @else
                                <form action="{{ route('admin.users.status', $user->id) }}" method="POST" class="flex-fill" onsubmit="return confirm('활성화하시겠습니까?');">
                                    @csrf
                                    @method('PATCH')
                                    <input type="hidden" name="status" value="active">
                                    <button type="submit" class="btn btn-outline-primary btn-sm w-100 fw-bold py-1.5 text-nowrap" style="font-size: 0.75rem;">
                                        <i class="fa-solid fa-check me-1"></i> 활성화
                                    </button>
                                </form>
                            @endif
                        @endif
                    @endif
                </div>
            </div>
            @empty
            <div class="text-center py-5 text-muted bg-white border rounded shadow-sm">
                등록된 회원이 없습니다.
            </div>
            @endforelse
        </div>

        <!-- 모바일 페이지네이션 -->
        @if($users->hasPages())
        <div class="mt-4">
            {{ $users->links() }}
        </div>
        @endif
    </div>

</div>
@endsection

@push('scripts')
<script>
    document.addEventListener('DOMContentLoaded', () => {
        // ...
    });
</script>
@endpush