@extends('layout')

@section('main')
<div class="py-4 container" style="max-width: 600px;">
    <h2 class="mb-4 text-center">⚙️ 카테고리 관리</h2>

    @if (\Session::has('success'))
        <div class="alert alert-success">{{ \Session::get('success') }}</div>
    @endif

    <div class="card shadow-sm mb-4">
        <div class="card-body">
            <h5 class="card-title mb-3">카테고리 추가</h5>
            <form action="{{ route('settings.categories.store') }}" method="POST" class="d-flex gap-2">
                @csrf
                <div class="flex-grow-1">
                    <input type="text" name="name" class="form-control" placeholder="새 카테고리 이름" required>
                    @error('name')
                        <div class="text-danger small mt-1">{{ $message }}</div>
                    @enderror
                </div>
                <button class="btn btn-primary" style="white-space: nowrap;">추가</button>
            </form>
        </div>
    </div>

    <div class="card shadow-sm">
        <div class="card-header bg-white">
            <h5 class="mb-0">등록된 카테고리</h5>
        </div>
        <ul class="list-group list-group-flush">
            @forelse($categories as $category)
                <li class="list-group-item d-flex justify-content-between align-items-center">
                    {{ $category->name }}
                    <form action="{{ route('settings.categories.destroy', $category) }}" method="POST" onsubmit="return confirm('정말 삭제하시겠습니까?');">
                        @csrf
                        @method('DELETE')
                        <button class="btn btn-sm btn-outline-danger">삭제</button>
                    </form>
                </li>
            @empty
                <li class="list-group-item text-center text-muted">등록된 카테고리가 없습니다.</li>
            @endforelse
        </ul>
    </div>
</div>
@endsection