@extends('layouts.admin')

@section('title', '회원 상세 및 권한 수정')

@section('content')

@php
$listUrl = route('admin.users.list') . ($queryString ? '?' . $queryString : '');
@endphp
<div class="content-header-box mb-4 px-0">
    <div class="content-title-wrap">
        <h1 class="content-title">@yield('title')</h1>
    </div>
    <div class="content-btn-wrap d-flex gap-2">
        <a href="{{ $listUrl }}" class="btn btn-outline-secondary btn-app-sm fw-bold">
            <i class="fa-solid fa-arrow-left me-1"></i> 목록
        </a>
        <button type="submit" form="userForm" class="btn btn-dark btn-app-sm fw-bold d-none d-sm-inline-block">
            <i class="fa-solid fa-check me-1"></i> 저장
        </button>
    </div>
</div>

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

@php
$userRole = $user->getRoleNames()->first() ?? 'user';
$isAdmin = ($userRole === 'admin');

// 파트너 권한 + 미인증 + 일시중지 여부 판별 (관리자 등록 부운영자)
$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

<!-- 수정 폼 카드 컨테이너 -->
<form action="{{ route('admin.users.update', $user->id) }}" method="POST" id="userForm" novalidate>
    <div class="card border-0 shadow-sm" style="max-width: 850px; margin: 0 auto; border-radius: 12px;">
        <div class="card-header bg-white border-bottom py-3 px-4" style="border-top-left-radius: 12px; border-top-right-radius: 12px;">
            <div class="d-flex justify-content-between align-items-center">
                <h5 class="fw-bold text-dark mb-0 fs-6">
                    <i class="fa-solid fa-user-gear text-primary me-2"></i>회원 기본 정보 및 권한 관리
                </h5>
                <div>
                    @if($isAdmin)
                    <span class="badge bg-danger-subtle text-danger border border-danger-subtle px-2 py-1">최고관리자 (보호됨)</span>
                    @elseif($user->isActive())
                    <span class="badge bg-success-subtle text-success border border-success-subtle px-2 py-1">정상 계정 (Active)</span>
                    @elseif($isSuspended)
                    <span class="badge bg-warning-subtle text-warning-emphasis border border-warning-subtle px-2 py-1">일시중지 (Suspended)</span>
                    @else
                    <span class="badge bg-secondary-subtle text-secondary border px-2 py-1">일반 계정</span>
                    @endif
                </div>
            </div>
        </div>

        <div class="card-body p-4 p-lg-5">

            <!-- 안내 박스 (상태별 분기) -->
            @if($isAdmin)
            <div class="alert alert-warning border-0 bg-warning-subtle text-warning-emphasis small mb-4 p-3 rounded-3" role="alert">
                <div class="d-flex gap-2">
                    <i class="fa-solid fa-shield-halved fs-5 mt-1"></i>
                    <div>
                        <strong>시스템 보호 계정 안내:</strong> 본 계정은 최고관리자(Admin) 권한을 가지고 있어, <strong>계정 상태 및 시스템 권한 등급은 변경할 수 없도록 안전하게 보호</strong>되어 있습니다. 기본 프로필 정보(성명, 연락처, 메모)만 수정 가능합니다.
                    </div>
                </div>
            </div>
            @elseif($isAdminPendingUser && $isSuspended)
            <div class="alert alert-info border-0 bg-info-subtle text-info-emphasis small mb-4 p-3 rounded-3" role="alert">
                <div class="d-flex gap-2">
                    <i class="fa-solid fa-circle-info fs-5 mt-1"></i>
                    <div>
                        <strong>부운영자 계정 상태 안내:</strong> 현재 본인인증 미완료 또는 일시중지 상태인 계정입니다. 본사 관리자의 직권으로 아래 <strong>[계정 상태]</strong>를 <strong>'정상 (Active)'</strong>으로 변경하시면 즉시 시스템 로그인이 허용됩니다.
                    </div>
                </div>
            </div>
            @endif


            @csrf
            @method('PUT')

            <input type="hidden" name="_query_string" value="{{ $queryString }}">
            <div class="row g-4">
                <!-- 1. 성명 (수정 가능) -->
                <div class="col-md-6">
                    <x-admin.forms.input name="name" label="담당자 성명" :value="$user->name ?? ''" required />
                </div>

                <!-- 2. 이메일 (변경 불가 아이디) -->
                <div class="col-md-6">
                    <x-admin.forms.input
                        type="email"
                        name="email"
                        label="이메일 주소 (로그인 아이디)"
                        :value="$user->email"
                        helpText="이메일 아이디는 시스템 고유값이므로 수정할 수 없습니다."
                        disabled required />
                </div>

                <!-- 3. 휴대폰 번호 (수정 가능) -->
                <div class="col-md-6">
                    <x-admin.forms.input name="phone" label="휴대폰 번호" :value="$user->phone ?? ''" placeholder="010-0000-0000" class="input-phone" />
                </div>

                <!-- 4. 가입일 및 본인인증 여부 정보 (조회 전용) -->
                <div class="col-md-6">
                    <label class="form-label small fw-bold text-secondary">본인인증 및 가입 상태</label>
                    <div class="form-control bg-light d-flex align-items-center gap-2">
                        @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
                        <span class="text-muted small">가입일: {{ $user->created_at->format('Y-m-d H:i') }}</span>
                    </div>
                </div>

                <!-- 구분선 -->
                <div class="col-12">
                    <hr class="text-muted my-1">
                </div>

                <!-- 5. 계정 상태 및 시스템 권한 (보안 권한 분기 처리) -->
                @if($isAdmin)
                <!-- 최고관리자인 경우: 상태 및 권한 완전 고정 -->
                <input type="hidden" name="status" value="{{ $user->status }}">
                <input type="hidden" name="roles[]" value="admin">

                <div class="col-md-6">
                    <label class="form-label small fw-bold text-secondary">계정 상태 (보호됨)</label>
                    <input type="text" class="form-control bg-light text-danger fw-bold" value="정상 (Active) - 최고관리자 고정" disabled>
                </div>

                <div class="col-md-6">
                    <label class="form-label small fw-bold text-secondary">시스템 권한 등급 (보호됨)</label>
                    <input type="text" class="form-control bg-light text-danger fw-bold" value="최고관리자 (Admin)" disabled>
                </div>
                @else
                <!-- 일반 회원 및 부운영자/파트너인 경우: 계정 상태 직관적 제어 (정상 / 일시중지 2트랙) -->
                <div class="col-12">
                    <label class="form-label small fw-bold text-secondary mb-2">
                        계정 이용 상태 <span class="text-danger">*</span>
                    </label>
                    <div class="p-3 border rounded bg-light">
                        <div class="d-flex flex-wrap gap-5 align-items-center">
                            <!-- 1. 정상 (Active) -->
                            <div class="form-check">
                                <input class="form-check-input" type="radio" name="status" id="status_active" value="active" {{ old('status', $user->status) === 'active' ? 'checked' : '' }} required>
                                <label class="form-check-label fw-bold text-success" for="status_active">
                                    <i class="fa-solid fa-circle-check me-1"></i>정상 (Active)
                                </label>
                                <span class="text-muted small d-block" style="font-size: 0.78rem;">로그인 및 관리자 업무 정상 수행 가능</span>
                            </div>

                            <!-- 2. 일시중지 (Suspended) -->
                            <div class="form-check">
                                <input class="form-check-input" type="radio" name="status" id="status_suspended" value="suspended" {{ old('status', $user->status) === 'suspended' ? 'checked' : '' }}>
                                <label class="form-check-label fw-bold text-warning-emphasis" for="status_suspended">
                                    <i class="fa-solid fa-ban me-1 text-warning"></i>일시중지 (Suspended)
                                </label>
                                <span class="text-muted small d-block" style="font-size: 0.78rem;">접속 즉시 차단되며 로그인 불가</span>
                            </div>
                        </div>
                    </div>
                </div>

                <!-- 시스템 권한 (체크박스 다중 선택 및 Operator 연동) -->
                <div class="col-12">
                    <label class="form-label small fw-bold text-secondary">시스템 권한 (다중 선택 가능)</label>
                    <div class="p-3 border rounded bg-light d-flex flex-wrap gap-4">
                        <!-- 1. 본사 부운영자 (Operator) : JS 토글 연동용 id="roleOperator" 명시 -->
                        <x-admin.forms.checkbox 
                            name="roles[]" 
                            id="roleOperator" 
                            value="operator" 
                            label="본사 부운영자 (Operator)" 
                            labelClass="fw-bold text-dark" 
                            :checked="$user->hasRole('operator')" 
                        />

                        <!-- 2. 뷰티샵 운영자 (Shop) -->
                        <x-admin.forms.checkbox 
                            name="roles[]" 
                            id="roleShop" 
                            value="shop" 
                            label="뷰티샵 운영자 (Shop)" 
                            labelClass="fw-bold text-dark" 
                            :checked="$user->hasRole('shop')" 
                        />

                        <!-- 3. 센터 운영자 (Center) -->
                        <x-admin.forms.checkbox 
                            name="roles[]" 
                            id="roleCenter" 
                            value="center" 
                            label="센터 운영자 (Center)" 
                            labelClass="fw-bold text-dark" 
                            :checked="$user->hasRole('center')" 
                        />

                        <!-- 4. 제조사 운영자 (Manufacturer) -->
                        <x-admin.forms.checkbox 
                            name="roles[]" 
                            id="roleManufacturer" 
                            value="manufacturer" 
                            label="제조사 운영자 (Manufacturer)" 
                            labelClass="fw-bold text-dark" 
                            :checked="$user->hasRole('manufacturer')" 
                        />
                    </div>
                </div>

                <!-- [operator 권한 전용] 메뉴 접속 권한 설정 박스 (Operator 체크 시에만 노출) -->
                <div class="col-12" id="operatorPermissionSection" style="display: none;">
                    <div class="card border border-primary-subtle bg-primary-subtle bg-opacity-10 p-3">
                        <div class="d-flex justify-content-between align-items-center">
                            <div>
                                <h6 class="fw-bold mb-1 text-primary"><i class="fa-solid fa-shield-keyhole me-2"></i>본사 서브관리자 메뉴 접속 권한 설정</h6>
                                <p class="text-muted small mb-0">부운영자가 관리자 페이지(/admin)에서 접근할 수 있는 메뉴별 세부 권한을 지정합니다.</p>
                            </div>
                            <button type="button" class="btn btn-primary btn-sm fw-bold px-3 shadow-sm" data-bs-toggle="modal" data-bs-target="#permissionModal">
                                <i class="fa-solid fa-list-check me-1"></i> 메뉴 권한 상세 설정
                            </button>
                        </div>
                    </div>
                </div>
                @endif

                <!-- 6. 관리자 메모 -->
                <div class="col-12">
                    <label for="admin_memo" class="form-label small fw-bold text-secondary">관리자 내부 메모</label>
                    <textarea name="admin_memo" id="admin_memo" rows="4" class="form-control @error('admin_memo') is-invalid @enderror" placeholder="소속, 파트너 특이사항 또는 메모를 기록하세요. (일반 사용자에게는 노출되지 않습니다)">{{ old('admin_memo', $user->admin_memo) }}</textarea>
                    @error('admin_memo')
                    <div class="invalid-feedback">{{ $message }}</div>
                    @enderror
                </div>
            </div>

            <!-- 하단 액션 버튼 (삭제 기능 없이 취소 및 저장만 우측 정렬) -->
            <div class="d-flex justify-content-end gap-2 mt-5 pt-3 border-top">
                <a href="{{ $listUrl }}" class="btn btn-secondary px-4" style="border-radius: var(--radius-fixed, 6px);">취소</a>
                <button type="submit" class="btn btn-primary fw-bold px-5" style="border-radius: var(--radius-fixed, 6px);">수정 내용 저장</button>
            </div>

        </div>
    </div>

    <!-- ====================================================== -->
    <!-- [모달 창] 부운영자 메뉴별 접근 권한 상세 지정 모달         -->
    <!-- ====================================================== -->
    @if(!$isAdmin)
    <div class="modal fade" id="permissionModal" tabindex="-1" aria-labelledby="permissionModalLabel" aria-hidden="true">
        <div class="modal-dialog modal-dialog-centered modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                    <h5 class="modal-title fw-bold fs-6" id="permissionModalLabel">
                        <i class="fa-solid fa-sliders text-primary me-2"></i>관리자 메뉴별 접근 권한 상세 지정
                    </h5>
                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                </div>
                <div class="modal-body">
                    <p class="text-muted small mb-3">해당 부운영자에게 허용할 메뉴와 기능을 체크하세요. (체크되지 않은 메뉴는 사이드바에서 숨겨지며 라우트 접속이 차단됩니다.)</p>

                    <div class="row g-3">
                        @php
                        // 대단위 메뉴 권한 키 목록
                        $menuPermissions = [
                            ['group' => '회원 관리', 'name' => '회원 관리 메뉴 전체', 'permission' => 'users.menu'],
                            ['group' => '뷰티샵 관리', 'name' => '뷰티샵 관리 메뉴 전체', 'permission' => 'shops.menu'],
                            ['group' => '프로그램 관리', 'name' => '프로그램 관리 메뉴 전체', 'permission' => 'programs.menu'],
                            ['group' => '알림 관리', 'name' => '알림 템플릿 관리 메뉴 전체', 'permission' => 'notifications.menu'],
                        ];
                        @endphp

                        @foreach($menuPermissions as $item)
                        <div class="col-md-6">
                            <div class="p-3 border rounded bg-white shadow-sm h-100">
                                {{-- 공용 체크박스 컴포넌트 적용 --}}
                                <x-admin.forms.checkbox 
                                    name="permissions[]" 
                                    id="perm_{{ $loop->index }}" 
                                    :value="$item['permission']" 
                                    :label="$item['name']" 
                                    labelClass="fw-bold text-dark" 
                                    :checked="$user->hasPermissionTo($item['permission'])" 
                                />

                                <div class="text-muted small ps-4 mt-1" style="font-size: 0.75rem;">
                                    그룹: {{ $item['group'] }} / 키: <code>{{ $item['permission'] }}</code>
                                </div>
                            </div>
                        </div>
                        @endforeach
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-dark btn-sm px-4" data-bs-dismiss="modal">확인 및 적용</button>
                </div>
            </div>
        </div>
    </div>
    @endif
</form>

@endsection

@push('scripts')

<!-- 회원 공통 스크립트 -->
<script src="{{ asset('js/admin/admin_user.js') }}"></script>

@endpush