@extends('layouts.admin')

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

@section('content')

<!-- 상단 헤더 박스 -->
<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">
        <a href="{{ route('admin.users.list') }}" class="btn btn-outline-secondary btn-app-sm fw-bold">
            <i class="fa-solid fa-arrow-left me-1"></i> 목록
        </a>
    </div>
</div>

<!-- 에러 및 성공 메시지 알림 -->
@if($errors->any())
<div class="alert alert-danger alert-dismissible fade show border-0 shadow-sm mb-4" role="alert">
    <div class="d-flex align-items-center">
        <i class="fa-solid fa-circle-exclamation fs-5 me-2"></i>
        <div>
            <strong>입력 내용을 다시 확인해주세요.</strong>
            <ul class="mb-0 ps-3 small">
                @foreach ($errors->all() as $error)
                <li>{{ $error }}</li>
                @endforeach
            </ul>
        </div>
    </div>
    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
</div>
@endif

@if(session('success'))
<div class="alert alert-success alert-dismissible fade show border-0 shadow-sm mb-4" role="alert">
    <i class="fa-solid fa-circle-check me-2"></i> {{ session('success') }}
    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
</div>
@endif

@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">
<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($isAdminPendingUser)
                <span class="badge bg-warning-subtle text-warning-emphasis border border-warning-subtle px-2 py-1">인증 대기 중 (부운영자)</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)
        <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> 관리자가 등록한 부운영자 계정입니다. 사용자가 직접 로그인하여 **휴대폰 본인인증**을 완료하기 전까지는 계정 상태가 '일시중지'로 고정되며, 관리자가 임의로 변경할 수 없습니다.
                </div>
            </div>
        </div>
        @endif


        @csrf
        @method('PUT')

        <div class="row g-4">
            <!-- 1. 성명 (수정 가능) -->
            <div class="col-md-6">
                <label for="name" class="form-label small fw-bold text-secondary">담당자 성명 <span class="text-danger">*</span></label>
                <input type="text" name="name" id="name" class="form-control @error('name') is-invalid @enderror" value="{{ old('name', $user->name) }}" required>
                @error('name')
                <div class="invalid-feedback">{{ $message }}</div>
                @enderror
            </div>

            <!-- 2. 이메일 (변경 불가 아이디) -->
            <div class="col-md-6">
                <label for="email" class="form-label small fw-bold text-secondary">이메일 주소 (로그인 아이디)</label>
                <input type="email" class="form-control bg-light text-muted" value="{{ $user->email }}" disabled title="이메일 아이디는 변경할 수 없습니다.">
                <div class="form-text text-muted" style="font-size: 0.7rem;">이메일 아이디는 시스템 고유값이므로 수정할 수 없습니다.</div>
            </div>

            <!-- 3. 휴대폰 번호 (수정 가능) -->
            <div class="col-md-6">
                <label for="phone" class="form-label small fw-bold text-secondary">휴대폰 번호</label>
                <input type="text" name="phone" id="phone" class="form-control @error('phone') is-invalid @enderror" value="{{ old('phone', $user->phone) }}" placeholder="010-0000-0000">
                @error('phone')
                <div class="invalid-feedback">{{ $message }}</div>
                @enderror
            </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
            <!-- 일반 회원 및 부운영자/파트너인 경우 -->
            <div class="col-md-6">
                <label for="status" class="form-label small fw-bold text-secondary">계정 상태 <span class="text-danger">*</span></label>
                <select name="status" id="status" class="form-select @error('status') is-invalid @enderror" required>
                    <option value="active" {{ old('status', $user->status) == 'active' ? 'selected' : '' }}>정상 (Active)</option>
                    <option value="suspended" {{ old('status', $user->status) == 'suspended' ? 'selected' : '' }}>일시중지 (Suspended)</option>
                    <option value="withdrawn" {{ old('status', $user->status) == 'withdrawn' ? 'selected' : '' }}>탈퇴 (Withdrawn)</option>
                </select>
                @error('status')
                <div class="invalid-feedback">{{ $message }}</div>
                @enderror
            </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">
                    <div class="form-check">
                        <input class="form-check-input" type="checkbox" name="roles[]" value="operator" id="roleOperator" {{ $user->hasRole('operator') ? 'checked' : '' }}>
                        <label class="form-check-label fw-bold text-dark" for="roleOperator">
                            본사 부운영자 (Operator)
                        </label>
                    </div>
                    <div class="form-check">
                        <input class="form-check-input" type="checkbox" name="roles[]" value="shop" id="roleShop" {{ $user->hasRole('shop') ? 'checked' : '' }}>
                        <label class="form-check-label" for="roleShop">뷰티샵 운영자 (Shop)</label>
                    </div>
                    <div class="form-check">
                        <input class="form-check-input" type="checkbox" name="roles[]" value="center" id="roleCenter" {{ $user->hasRole('center') ? 'checked' : '' }}>
                        <label class="form-check-label" for="roleCenter">센터 운영자 (Center)</label>
                    </div>
                    <div class="form-check">
                        <input class="form-check-input" type="checkbox" name="roles[]" value="manufacturer" id="roleManufacturer" {{ $user->hasRole('manufacturer') ? 'checked' : '' }}>
                        <label class="form-check-label" for="roleManufacturer">제조사 운영자 (Manufacturer)</label>
                    </div>
                </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="{{ route('admin.users.list') }}" class="btn btn-secondary px-4">취소</a>
            <button type="submit" class="btn btn-primary fw-bold px-5">수정 내용 저장</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">
                            <div class="form-check">
                                <input class="form-check-input" type="checkbox" name="permissions[]" value="{{ $item['permission'] }}" id="perm_{{ $loop->index }}" {{ $user->hasPermissionTo($item['permission']) ? 'checked' : '' }}>
                                <label class="form-check-label fw-bold text-dark" for="perm_{{ $loop->index }}">
                                    {{ $item['name'] }}
                                </label>
                            </div>
                            <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>
    document.addEventListener('DOMContentLoaded', () => {
        const operatorCheckbox = document.getElementById('roleOperator');
        const permissionSection = document.getElementById('operatorPermissionSection');

        function toggleOperatorSection() {
            if (operatorCheckbox && operatorCheckbox.checked) {
                permissionSection.style.display = 'block';
            } else {
                permissionSection.style.display = 'none';
            }
        }

        // 페이지 로드 시 초기 상태 체크
        toggleOperatorSection();

        // 체크박스 변경 시 토글
        if (operatorCheckbox) {
            operatorCheckbox.addEventListener('change', toggleOperatorSection);
        }
    });
</script>
@endpush