@extends('layouts.base')

@section('title')
    {{ $category->name }}
@endsection


@section('content')
    <div class="card bg-light card-body mb-3">

        <div class="page-header mt-3 pb-3 mb-5">
            <h2>{{ $category->name }}</h2>
        </div>

        <div>
            <span id="counter">{{ number_format($entries->total()) }} {{ \App\Core\Libraries\Helpers::formatEntryWord($entries->total()) }}</span> in
            {!! \App\Core\Libraries\TreeFormatting::formatPath(\App\Core\Models\Category::defaultOrder()->ancestorsAndSelf($category->id)) !!}
        </div>

        @if($category->comment)
            <div style="margin-top: 16px;">
                {!! $category->comment !!}
            </div>
        @endif

        @if(auth()->user() && auth()->user()->isContributor())
            <div class="mt-2">
                <button class="btn btn-primary btn-sm move-entries" data-id="{{ $category->id }}" data-bs-toggle="modal" data-bs-target="#category-selector">
                    Move entries into another category
                </button>
                <a class="small" href="{{ url('list/category', [$category->id]) }}?hide-descendants=1">Click here to hide entries in subcategories</a>
            </div>
        @endif

        @if(auth()->user() && auth()->user()->isAdmin())
            <div class="mt-2">
                <div class="btn btn-primary btn-sm update-json" data-type="category" data-id="{{ $category->id }}">
                    Update JSON
                </div>
                <div class="ms-1 spinner-update-json" style="display: inline-block;width: 25px;">
                    <div class="spinner-border spinner-border-sm linkcolor" role="status" style="font-size: 10px;display: none;"></div>
                </div>
                <span class="small" id="update-json-success-message"></span>
            </div>
        @endif

        <div style="height: 20px;"></div>

        @if(count($entries))
            @include('entries.entriestable', ['hide' => ['issue']])
        @else
            <p>No data.</p>
        @endif


    </div>
@endsection


@push('scripts')
@endpush