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

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

@php
    $breadcrumb = [
        ['label' => __('site.menu_item_3')],
        ['label' => __('site.menu_item_3_sub_1')],
    ];

    $statusMap = [
        '1' => ['icon' => 'fa-earth-americas', 'tone' => 'pub', 'label' => __('site.page_post_new_side_grid1_option_1')],
        '2' => ['icon' => 'fa-lock', 'tone' => 'priv', 'label' => __('site.page_post_new_side_grid1_option_2')],
        '3' => ['icon' => 'fa-clock', 'tone' => 'sched', 'label' => __('site.page_post_status_scheduled')],
    ];
@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_h1') }}</h1>
        </div>
        <a class="btn btn--primary" href="{{ route('site.posts.c') }}">
            <i class="fa-solid fa-plus"></i> {{ __('site.action_add') }}
        </a>
    </header>

    <div class="plist"
         data-url-bulk="{{ route('site.posts.rs') }}"
         data-word="{{ __('site.page_post_bulk_word') }}"
         data-msg-selected-one="{{ trans_choice('site.page_post_selected', 1, ['n' => '%n%']) }}"
         data-msg-selected-many="{{ trans_choice('site.page_post_selected', 2, ['n' => '%n%']) }}"
         data-msg-delete-title="{{ __('site.page_post_alert_title') }}"
         data-msg-delete-text="{{ __('site.confirm_delete_text') }}"
         data-msg-delete-btn="{{ __('site.btn_remove') }}"
         data-msg-bulk-title="{{ __('site.page_post_bulk_title') }}"
         data-msg-bulk-text="{{ __('site.page_post_bulk_text', ['word' => __('site.page_post_bulk_word')]) }}"
         data-msg-bulk-ask="{{ __('site.confirm_type_word', ['word' => __('site.page_post_bulk_word')]) }}"
         data-msg-error="{{ __('site.page_post_bulk_error') }}"
         data-msg-deleted="{{ __('site.page_post_controller_delete_success') }}">

        <div class="ptools">
            <form class="ptools__search" method="GET" action="{{ route('site.posts.r') }}">
                <i class="fa-solid fa-magnifying-glass ptools__ico"></i>
                <input class="input" type="text" name="s" value="{{ $s }}" autocomplete="off"
                       placeholder="{{ __('site.page_post_search') }}">
                <span class="ptools__spin">@include('includes.spinner')</span>
            </form>

            <div class="ptools__acts">
                <a class="btn btn--soft-blue" href="{{ route('site.posts.r.categories') }}">
                    <i class="fa-solid fa-tags"></i> {{ __('site.page_post_btn_manage_cats') }}
                </a>
                <a class="btn btn--soft-violet" href="{{ route('site.posts.r.media') }}">
                    <i class="fa-solid fa-images"></i> {{ __('site.page_post_btn_manage_images') }}
                </a>
            </div>
        </div>

        <div class="plist__results">

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

        @if($allPosts->count() == 0)
            <div class="pempty">
                <span class="apierr__ico"><i class="fa-solid fa-inbox"></i></span>
                <p class="apierr__text">{{ __('site.page_post_search_results_noreg') }}</p>
            </div>
        @else
            <div class="pbulk" hidden>
                <span class="pbulk__count"></span>
                <div class="pbulk__acts">
                    <button class="btn btn--ghost pbulk__clear" type="button">
                        <i class="fa-solid fa-check-double"></i> {{ __('site.btn_deselect') }}
                    </button>
                    <button class="btn btn--danger pbulk__remove" type="button">
                        <i class="fa-solid fa-trash"></i> {{ __('site.btn_remselect') }}
                    </button>
                </div>
            </div>

            <div class="ptable">
                <div class="ptable__head">
                    <label class="pcheck">
                        <input type="checkbox" class="pcheck__all">
                    </label>
                    <span class="ptable__th">{{ __('site.page_post_table_head_1') }}</span>
                    <span class="ptable__th ptable__th--status">{{ __('site.page_post_new_side_grid1_label_1') }}</span>
                    <span class="ptable__th ptable__th--date">{{ __('site.page_post_table_head_2') }}</span>
                    <span class="ptable__th"></span>
                </div>

                @foreach($allPosts as $post)
                    @php
                        $status = $statusMap[$post->status] ?? ['icon' => 'fa-file-lines', 'tone' => 'draft', 'label' => __('site.page_post_new_side_grid1_option_3')];
                        $date = $post->status == '3' ? $post->schedule_timestamp : $post->created_at;
                    @endphp
                    <div class="prow" data-id="{{ $post->id }}">
                        <label class="pcheck">
                            <input type="checkbox" class="pcheck__one">
                        </label>

                        <a class="prow__main" href="{{ route('site.posts.u', $post->id) }}">
                            <span class="pthumb">
                                @if($post->feature_img)
                                    <img src="https://{{ $serverData->name }}/contents/{{ $siteData->id }}/posts/{{ $post->feature_img }}"
                                         alt="" loading="lazy">
                                @else
                                    <i class="fa-solid fa-image"></i>
                                @endif
                            </span>
                            <span class="prow__title">{{ htmlspecialchars_decode($post->title) }}</span>
                        </a>

                        <span class="pill pill--{{ $status['tone'] }}">
                            <i class="fa-solid {{ $status['icon'] }}"></i> {{ $status['label'] }}
                        </span>

                        <span class="prow__date">{{ \Carbon\Carbon::parse($date)->format('d/m/Y H:i') }}</span>

                        <span class="prow__acts">
                            <a class="pact pact--edit" href="{{ route('site.posts.u', $post->id) }}" title="{{ __('site.page_post_edit_h1') }}">
                                <i class="fa-solid fa-pen"></i>
                            </a>
                            <button class="pact pact--del prow__del" type="button" title="{{ __('site.btn_remove') }}">
                                <i class="fa-solid fa-trash"></i>
                            </button>
                        </span>

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

            {{ $allPosts->links('vendor.pagination.painel') }}
        @endif

        </div>
    </div>

</main>

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

@include('includes/footer-novo')