@extends('layouts.admin')

@section('title', '메뉴 정보 수정 - Admin Pro')

@section('content')
<div class="row justify-content-center">
    <div class="col-12 col-lg-8">
        
        <div class="card border-0 shadow-sm rounded-4">
            <div class="card-body p-4 p-md-5">
                
                <div class="d-flex justify-content-between align-items-center mb-4 pb-3 border-bottom">
                    <h4 class="fw-bold m-0 text-dark">
                        <i class="bi bi-pencil-square text-primary me-2"></i>메뉴 정보 수정
                    </h4>
                    <div class="d-flex gap-2">
                        <a href="{{ route('admin.menus.index') }}" class="btn btn-light btn-sm border text-secondary px-3">
                            <i class="bi bi-arrow-left me-1"></i>목록으로
                        </a>
                    </div>
                </div>

                @if (session('success'))
                <div class="alert alert-success border-0 rounded-3 mb-4 shadow-sm">
                    <i class="bi bi-check-circle-fill me-2"></i>{{ session('success') }}
                </div>
                @endif

                @if ($errors->any())
                <div class="alert alert-danger border-0 rounded-3 mb-4 shadow-sm">
                    <ul class="mb-0 ps-3 small fw-medium">
                        @foreach ($errors->all() as $error)
                        <li>{{ $error }}</li>
                        @endforeach
                    </ul>
                </div>
                @endif

                <form action="{{ route('admin.menus.update', $menu->id) }}" method="POST">
                    @csrf
                    @method('PUT')
                    
                    <div class="row g-4">
                        <div class="col-md-6">
                            <label class="form-label small fw-bold text-secondary">메뉴명</label>
                            <div class="input-group">
                                <span class="input-group-text bg-white text-muted border-end-0"><i class="bi bi-tag"></i></span>
                                <input type="text" name="name" class="form-control border-start-0 ps-0 py-2" value="{{ old('name', $menu->name) }}" required>
                            </div>
                        </div>

                        <div class="col-md-6">
                            <label class="form-label small fw-bold text-secondary">아이콘 클래스</label>
                            <div class="input-group">
                                <span class="input-group-text bg-white text-muted border-end-0">
                                    <i class="{{ $menu->icon ?? 'bi bi-emoji-smile' }} text-primary"></i>
                                </span>
                                <input type="text" name="icon" class="form-control border-start-0 ps-0 py-2" value="{{ old('icon', $menu->icon) }}" placeholder="예: bi bi-people-fill">
                                <a href="https://icons.getbootstrap.com/" target="_blank" class="btn btn-outline-secondary py-2"><i class="bi bi-search"></i></a>
                            </div>
                        </div>

                        <div class="col-12">
                            <label class="form-label small fw-bold text-secondary">연결 주소 (URL)</label>
                            <div class="input-group">
                                <span class="input-group-text bg-white text-muted border-end-0"><i class="bi bi-link-45deg"></i></span>
                                <input type="text" name="url" class="form-control border-start-0 ps-0 py-2" value="{{ old('url', $menu->url) }}" placeholder="예: /admin/users">
                            </div>
                        </div>

                        <div class="col-md-6">
                            <label class="form-label small fw-bold text-secondary">소속 (부모 메뉴)</label>
                            <div class="input-group">
                                <span class="input-group-text bg-white text-muted border-end-0"><i class="bi bi-node-plus"></i></span>
                                <select name="parent_id" class="form-select border-start-0 ps-0 py-2">
                                    <option value="">최상위(1단) 메뉴</option>
                                    @foreach($parentMenus as $parent)
                                        <option value="{{ $parent->id }}" {{ $menu->parent_id == $parent->id ? 'selected' : '' }}>
                                            {{ $parent->name }}
                                        </option>
                                    @endforeach
                                </select>
                            </div>
                            <div class="form-text small mt-1">자기 자신을 부모로 선택할 수 없습니다.</div>
                        </div>

                        <div class="col-md-6">
                            <label class="form-label small fw-bold text-secondary">정렬 순서</label>
                            <div class="input-group">
                                <span class="input-group-text bg-white text-muted border-end-0"><i class="bi bi-sort-numeric-down"></i></span>
                                <input type="number" name="sort_order" class="form-control border-start-0 ps-0 py-2" value="{{ old('sort_order', $menu->sort_order) }}" required>
                            </div>
                        </div>

                        <div class="col-12 mt-5">
                            <div class="p-4 rounded-4 border bg-light-subtle">
                                <h6 class="fw-bold mb-3 text-dark small">
                                    <i class="bi bi-shield-lock-fill text-danger me-2"></i>접근 권한 수정
                                </h6>
                                
                                <div class="row g-3">
                                    @foreach($permissions as $permission)
                                    <div class="col-sm-6 col-md-4">
                                        <div class="form-check form-check-inline m-0">
                                            <input class="form-check-input" type="radio" name="permission_name" id="perm_{{ $permission->id }}" value="{{ $permission->name }}" {{ $menu->permission_name == $permission->name ? 'checked' : '' }}>
                                            <label class="form-check-label small" for="perm_{{ $permission->id }}">
                                                {{ $permission->name }}
                                            </label>
                                        </div>
                                    </div>
                                    @endforeach
                                    <div class="col-12 border-top pt-3">
                                        <div class="form-check form-check-inline m-0">
                                            <input class="form-check-input" type="radio" name="permission_name" id="perm_none" value="" {{ is_null($menu->permission_name) ? 'checked' : '' }}>
                                            <label class="form-check-label small fw-bold text-primary" for="perm_none">
                                                제한 없음 (모든 관리자 허용)
                                            </label>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                        <div class="col-12 mt-5 d-flex gap-2">
                            <button type="submit" class="btn btn-primary flex-grow-1 py-3 rounded-3 fw-bold shadow-sm">
                                <i class="bi bi-check-lg me-1"></i>수정 내용 저장하기
                            </button>
                        </div>
                    </div>
                </form>
                
                <div class="mt-4 pt-4 border-top">
                    <form action="{{ route('admin.menus.destroy', $menu->id) }}" method="POST" onsubmit="return confirm('정말로 이 메뉴를 삭제하시겠습니까? 하위 메뉴가 있을 경우 함께 삭제될 수 있습니다.');">
                        @csrf
                        @method('DELETE')
                        <button type="submit" class="btn btn-link text-danger text-decoration-none small p-0">
                            <i class="bi bi-trash3 me-1"></i>이 메뉴를 영구 삭제합니다
                        </button>
                    </form>
                </div>

            </div>
        </div>
        
    </div>
</div>
@endsection