@extends('layouts.app')
@section('title', 'Edit Category')
@section('page_title', 'Edit Category')
@section('content')
<div class="page-heading">
    <h2>Edit {{ $category->isExpenseCategory() ? 'Expense' : 'Product' }} Category</h2>
    <a class="btn btn-secondary" href="{{ route('categories.index') }}">Back</a>
</div>

@if(session('status'))<div class="status-box">{{ session('status') }}</div>@endif
@if($errors->any())<div class="error-box">{{ $errors->first() }}</div>@endif

<form class="card form-card" method="POST" action="{{ route('categories.update', $category) }}" data-unsaved-warning data-submit-once>
    @csrf
    @method('PUT')
    @include('categories.partials.form')
    <div class="form-actions">
        <button class="btn" type="submit">Update Category</button>
    </div>
</form>

@if($category->isProductCategory())
<section class="card category-move-card">
    <div class="table-toolbar">
        <div>
            <h3>Move Selected Products</h3>
            <small class="muted-small">Select the products to move. Unselected products will remain in {{ $category->displayName() }}.</small>
        </div>
    </div>

    @if($products->isEmpty())
        <div class="empty-state">This category does not contain any products.</div>
    @elseif($targetCategories->isEmpty())
        <div class="error-box">Create another product category before moving the selected products.</div>
    @else
        <form method="POST" action="{{ route('categories.move-selected-products', $category) }}" data-unsaved-warning data-submit-once>
            @csrf
            <div class="product-selection-list">
                @foreach($products as $product)
                    <label class="product-select-row">
                        <input type="checkbox" name="product_ids[]" value="{{ $product->id }}">
                        <span><strong>{{ $product->name }}</strong><small>{{ $product->stockDisplay() }}</small></span>
                    </label>
                @endforeach
            </div>
            {{ $products->withQueryString()->links() }}
            <div class="form-grid category-move-controls">
                <div class="form-group">
                    <label>Move selected products to</label>
                    <select name="target_category_id" required>
                        <option value="">Choose target category</option>
                        @foreach($targetCategories as $target)
                            <option value="{{ $target->id }}">{{ $target->displayName() }}</option>
                        @endforeach
                    </select>
                </div>
                <button class="btn" type="submit">Move Selected Products</button>
            </div>
        </form>
    @endif
</section>
@endif
@endsection