@extends('layouts.app')

@section('title', 'Edit Category - Admin')

@push('styles')
<link rel="stylesheet" href="{{ asset('css/admin-category-manager.css') }}?v=1">
@endpush

@section('content')
<div class="row g-4 admin-dashboard">
    @include('admin.partials.admin-shell-left', ['backUrl' => route('admin.categories.index'), 'backLabel' => 'All Categories'])

    <div class="col-lg-7 col-12">
        @include('admin.partials.admin-shell-back-mobile', ['backUrl' => route('admin.categories.index'), 'backLabel' => 'All Categories'])
<div class="cat-mgr-page">
    <div class="cat-mgr-hero">
        <div class="d-flex flex-wrap justify-content-between align-items-start gap-3">
            <div>
                <h1 class="h4 fw-bold">Edit Category</h1>
                <p>Update <strong>{{ $category->name }}</strong> — change parent, image, or visibility.</p>
            </div>
            <div class="d-flex gap-2">
                <a href="{{ route('admin.categories.show', $category) }}" class="btn btn-light btn-sm fw-bold">
                    <i class="bi bi-eye me-1"></i> View
                </a>
                <a href="{{ route('admin.categories.index') }}" class="btn btn-outline-light btn-sm fw-bold">
                    <i class="bi bi-list me-1"></i> List
                </a>
            </div>
        </div>
    </div>

    <div class="row g-4">
        <div class="col-lg-8 col-12">
            @include('admin.categories.partials.form', ['category' => $category])
        </div>

        <div class="col-lg-4">
            <div class="cat-mgr-card mb-4">
                <div class="cat-mgr-card__body text-center">
                    @include('partials.category-thumb', ['category' => $category, 'class' => 'mx-auto mb-3', 'size' => 88])
                    <h5 class="fw-bold mb-1">{{ $category->name }}</h5>
                    <p class="text-muted small mb-3">/{{ $category->slug }}</p>
                    <div class="row g-2">
                        <div class="col-6">
                            <div class="cat-show-stat">
                                <strong>{{ $category->products()->count() }}</strong>
                                <span>Products</span>
                            </div>
                        </div>
                        <div class="col-6">
                            <div class="cat-show-stat">
                                <strong>{{ $category->children()->count() }}</strong>
                                <span>Sub Cats</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="cat-mgr-card">
                <div class="cat-mgr-card__head">
                    <h6 class="fw-bold mb-0">Danger Zone</h6>
                </div>
                <div class="cat-mgr-card__body">
                    <p class="small text-muted">Deleting removes this category permanently. Sub-categories and products must be cleared first.</p>
                    <form action="{{ route('admin.categories.destroy', $category) }}" method="POST" onsubmit="return confirm('Delete this category permanently?');">
                        @csrf
                        @method('DELETE')
                        <button type="submit" class="btn btn-outline-danger w-100">
                            <i class="bi bi-trash3 me-1"></i> Delete Category
                        </button>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
    </div>

    @include('admin.partials.recent-activity-sidebar')
</div>
@endsection

@push('scripts')
<script src="{{ asset('js/admin-category-manager.js') }}?v=3"></script>
@endpush