@extends('admin.layout.master')

@section('css')
    <link rel="stylesheet" type="text/css" href="{{ asset('admin/app-assets/vendors/css/extensions/sweetalert2.min.css') }}">
@endsection

@section('content')
<section id="multiple-column-form">
    <div class="row match-height">
        <div class="col-12">
            <div class="card">
                <div class="card-header d-flex justify-content-between align-items-center">
                    <h4 class="card-title mb-0">{{ __('admin.show') }}</h4>
                    @haspermission('admin.categories.create')
                    @if($category->isRoot())
                        <a href="{{ route('admin.categories.create', ['parent_id' => $category->id]) }}" class="btn btn-sm btn-primary">
                            {{ __('admin.add_subcategory') }}
                        </a>
                    @endif
                    @endhaspermission
                </div>
                <div class="card-content">
                    <div class="card-body">
                        <div class="row">
                            <div class="col-md-6 col-12">
                                <div class="form-group">
                                    <span class="d-block mb-50">{{ __('site.name_en') }}</span>
                                    <p class="form-control-static">{{ $category->getTranslations('name')['en'] ?? '-' }}</p>
                                </div>
                            </div>
                            <div class="col-md-6 col-12">
                                <div class="form-group">
                                    <span class="d-block mb-50">{{ __('site.name_ar') }}</span>
                                    <p class="form-control-static">{{ $category->getTranslations('name')['ar'] ?? '-' }}</p>
                                </div>
                            </div>
                            <div class="col-md-6 col-12">
                                <div class="form-group">
                                    <span class="d-block mb-50">{{ __('admin.parent_category') }}</span>
                                    <p class="form-control-static">{{ $category->parent?->name ?? __('admin.main_category') }}</p>
                                </div>
                            </div>
                            <div class="col-md-6 col-12">
                                <div class="form-group">
                                    <span class="d-block mb-50">{{ __('admin.status') }}</span>
                                    <p class="form-control-static">{{ $category->is_active ? __('admin.active') : __('admin.inactive') }}</p>
                                </div>
                            </div>
                        </div>

                        @if($category->isRoot())
                            <hr>
                            <h5>{{ __('admin.subcategories') }}</h5>
                            <table class="table mt-1">
                                <thead>
                                    <tr>
                                        <th>{{ __('admin.name') }}</th>
                                        <th>{{ __('admin.status') }}</th>
                                        <th>{{ __('admin.control') }}</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    @forelse($category->children as $child)
                                        <tr>
                                            <td>{{ $child->name }}</td>
                                            <td>{{ $child->is_active ? __('admin.active') : __('admin.inactive') }}</td>
                                            <td class="product-action">
                                                @haspermission('admin.categories.edit')
                                                <span class="action-edit text-info">
                                                    <a href="{{ route('admin.categories.edit', ['id' => $child->id]) }}"><i class="feather icon-edit"></i></a>
                                                </span>
                                                @endhaspermission
                                                @haspermission('admin.categories.delete')
                                                <span class="delete-row text-danger" data-url="{{ url('admin/categories/' . $child->id) }}">
                                                    <i class="feather icon-trash"></i>
                                                </span>
                                                @endhaspermission
                                            </td>
                                        </tr>
                                    @empty
                                        <tr>
                                            <td colspan="3">{{ __('admin.no_subcategories') }}</td>
                                        </tr>
                                    @endforelse
                                </tbody>
                            </table>
                        @endif

                        <div class="col-12 d-flex justify-content-center mt-3">
                            <a href="{{ route('admin.categories.edit', $category->id) }}" class="btn btn-info mr-1 mb-1">{{ __('admin.edit') }}</a>
                            <a href="{{ route('admin.categories.index') }}" class="btn btn-outline-warning mr-1 mb-1">{{ __('admin.back') }}</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
@endsection

@section('js')
    <script src="{{ asset('admin/app-assets/vendors/js/extensions/sweetalert2.all.min.js') }}"></script>
    <script src="{{ asset('admin/app-assets/js/scripts/extensions/sweet-alerts.js') }}"></script>
    @include('admin.shared.deleteOne')
@endsection