@section('title', __('site.page_post_cat_title'))

@section('head')
    <link rel="stylesheet" href="{{ assetv('/assets/css/pages/siteconfig.css') }}">
    <link rel="stylesheet" href="{{ assetv('/assets/css/pages/sitecategories.css') }}">
@endsection

@php
    $breadcrumb = [
        ['label' => __('site.menu_item_3')],
        ['label' => __('site.menu_item_3_sub_1'), 'url' => route('site.posts.r')],
        ['label' => __('site.page_post_cat_h1')],
    ];
@endphp

@include('includes/header-novo')

<main class="app-main">

    @include('includes.breadcrumb')

    @include('includes.flash')

    <header class="page-head">
        <div>
            <h1 class="page-title">{{ __('site.page_post_cat_h1') }}</h1>
            <p class="page-sub">{{ __('site.page_post_cat_h1_sub') }}</p>
        </div>
        <button class="btn btn--primary cat__new" type="button">
            <i class="fa-solid fa-plus"></i> {{ __('site.action_add') }}
        </button>
    </header>

    <div class="catlist"
         data-url-store="{{ route('site.posts.c.do.categories') }}"
         data-url-update="{{ url('site/post/category/edit') }}"
         data-msg-delete-title="{{ __('site.page_post_cat_alert_title') }}"
         data-msg-delete-text="{{ __('site.confirm_delete_text') }}"
         data-msg-delete-btn="{{ __('site.btn_remove') }}"
         data-msg-saved="{{ __('site.page_post_cat_saved') }}"
         data-msg-error="{{ __('site.page_post_cat_error') }}"
         data-title-new="{{ __('site.page_post_cat_modal_title') }}"
         data-title-edit="{{ __('site.page_post_cat_edit_modal') }}">

        <div class="ctools">
            <form class="ctools__search" method="GET" action="{{ route('site.posts.r.categories') }}">
                <i class="fa-solid fa-magnifying-glass"></i>
                <input class="input" type="text" name="s" value="{{ $s }}" autocomplete="off"
                       placeholder="{{ __('site.page_post_cat_search') }}">
            </form>

            <a class="btn btn--soft-blue" href="{{ route('site.posts.r') }}">
                <i class="fa-solid fa-newspaper"></i> {{ __('site.menu_item_3_sub_1') }}
            </a>
        </div>

        @if($s)
            <div class="pfilter">
                <span>{{ __('site.search_results') }} <strong>{{ $s }}</strong></span>
                <a href="{{ route('site.posts.r.categories') }}" title="{{ __('site.page_post_search_clear') }}">
                    <i class="fa-solid fa-xmark"></i>
                </a>
            </div>
        @endif

        @if($allCats->count() == 0)
            <div class="cempty">
                <span class="apierr__ico"><i class="fa-solid fa-tags"></i></span>
                <p class="apierr__text">{{ __('site.page_post_cat_search_norec') }}</p>
            </div>
        @else
            <div class="ctable">
                @foreach($allCats as $cat)
                    @php $total = $usage[$cat->id] ?? 0; @endphp
                    <div class="crow2" data-id="{{ $cat->id }}" data-name="{{ $cat->name }}">
                        <span class="crow2__ico"><i class="fa-solid fa-tag"></i></span>

                        <span class="crow2__text">
                            <strong class="crow2__name">{{ $cat->name }}</strong>
                            <small class="crow2__slug">/{{ $cat->slug }}</small>
                        </span>

                        <span class="cpill {{ $total ? '' : 'cpill--none' }}">
                            {{ $total ? trans_choice('site.page_post_cat_usage', $total, ['n' => $total]) : __('site.page_post_cat_usage_none') }}
                        </span>

                        <span class="crow2__date">{{ \Carbon\Carbon::parse($cat->created_at)->format('d/m/Y') }}</span>

                        <span class="crow2__acts">
                            <button class="pact pact--edit crow2__edit" type="button" title="{{ __('site.page_post_cat_edit_modal') }}">
                                <i class="fa-solid fa-pen"></i>
                            </button>
                            <button class="pact pact--del crow2__del" type="button"
                                    title="{{ $total ? __('site.page_post_cat_delete_warn') : __('site.btn_remove') }}">
                                <i class="fa-solid fa-trash"></i>
                            </button>
                        </span>

                        <form class="crow2__form" method="POST" action="{{ route('site.posts.d.categories', $cat->id) }}">@method('DELETE')</form>
                    </div>
                @endforeach
            </div>

            {{ $allCats->links('vendor.pagination.painel') }}
        @endif
    </div>

    <div class="modal catmodal" hidden>
        <div class="modal__card" role="dialog" aria-modal="true">
            <h2 class="modal__title catmodal__title">{{ __('site.page_post_cat_modal_title') }}</h2>
            <input class="input catmodal__input" type="text" autocomplete="off"
                   placeholder="{{ __('site.page_post_cat_new_input_place') }}">
            <p class="modal__error" hidden></p>
            <div class="modal__foot">
                <button class="btn btn--ghost catmodal__cancel" type="button">{{ __('site.btn_cancel') }}</button>
                <button class="btn btn--primary catmodal__ok" type="button">
                    @include('includes.spinner')
                    <span class="btn__label">{{ __('general.action_save_changes') }}</span>
                </button>
            </div>
        </div>
    </div>

</main>

@section('scripts')
    <script src="{{ assetv('/assets/js/site-categories.js') }}"></script>
@endsection

@include('includes/footer-novo')