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

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

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

    $tabs = [
        '' => __('site.page_pages_tab_all'),
        'own' => __('site.page_pages_tab_own'),
        'system' => __('site.page_pages_tab_system'),
    ];

    $siteUrl = 'https://' . ($siteData->domain ?: $siteData->subdomain . '.' . $serverData->name);
@endphp

@include('includes/header-novo')

<main class="app-main">

    @include('includes.breadcrumb')

    <header class="page-head">
        <div>
            <h1 class="page-title">{{ __('site.page_pages_h1') }}</h1>
            <p class="page-sub">{{ __('site.page_pages_sub') }}</p>
        </div>
        <a class="btn btn--primary" href="{{ route('site.pages.c') }}">
            <i class="fa-solid fa-plus"></i> {{ __('site.page_pages_new_title') }}
        </a>
    </header>

    @include('includes.flash')

    <div class="pglist"
         data-msg-delete-title="{{ __('site.page_pages_alert_title') }}"
         data-msg-delete-text="{{ __('site.page_pages_alert_text') }}"
         data-msg-delete-btn="{{ __('site.btn_remove') }}"
         data-msg-copied="{{ __('general.action_copied') }}">

        <div class="ltools">
            <form class="ltools__search" method="GET" action="{{ route('site.pages.r') }}">
                <i class="fa-solid fa-magnifying-glass"></i>
                <input class="input" type="text" name="s" value="{{ $s }}" autocomplete="off"
                       placeholder="{{ __('site.page_pages_search') }}">
                @if($kind !== '')
                    <input type="hidden" name="kind" value="{{ $kind }}">
                @endif
            </form>

            <div class="ltabs">
                @foreach($tabs as $key => $label)
                    <a class="ltab {{ $kind === $key ? 'is-on' : '' }}"
                       href="{{ route('site.pages.r', array_filter(['kind' => $key, 's' => $s])) }}">{{ $label }}</a>
                @endforeach
            </div>
        </div>

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

        @if($apiError)
            <div class="apierr">
                <span class="apierr__ico"><i class="fa-solid fa-plug-circle-xmark"></i></span>
                <p class="apierr__text">{{ $apiError }}</p>
            </div>
        @elseif($allPages->count() == 0)
            <div class="cempty">
                <span class="apierr__ico"><i class="fa-solid fa-file-lines"></i></span>
                <p class="apierr__text">{{ __('site.page_pages_search_norec') }}</p>
            </div>
        @else
            <div class="pgtable">
                @foreach($allPages as $page)
                    @php $system = $page->blocked === '1'; @endphp

                    <article class="pgrow {{ $system ? 'is-system' : '' }}" data-id="{{ $page->id }}" data-name="{{ $page->title }}">
                        <span class="pgrow__ico {{ $system ? 'pgrow__ico--system' : '' }}">
                            <i class="fa-solid {{ $system ? 'fa-lock' : 'fa-file-lines' }}"></i>
                        </span>

                        <div class="pgrow__text">
                            <span class="pgrow__top">
                                <strong class="pgrow__name" title="{{ $page->title }}">{{ $page->title }}</strong>

                                @if($system)
                                    <span class="pgkind pgkind--system">{{ __('site.page_pages_kind_system') }}</span>
                                @else
                                    <span class="pgkind">{{ number_format($page->size, 0, ',', '.') }} {{ __('site.page_freem_chars') }}</span>
                                @endif
                            </span>

                            <span class="pgrow__url">
                                <a href="{{ $siteUrl . $page->url }}" target="_blank" rel="noopener" title="{{ $siteUrl . $page->url }}">
                                    <i class="fa-solid fa-link"></i> {{ $page->url }}
                                </a>
                                <button class="pgrow__copy" type="button" data-copy="{{ $siteUrl . $page->url }}"
                                        title="{{ __('general.action_copy') }}">
                                    <i class="fa-solid fa-copy"></i>
                                </button>
                            </span>
                        </div>

                        <span class="pgrow__acts">
                            <a class="pact pact--edit" href="{{ route('site.pages.u', $page->id) }}"
                               title="{{ $system ? __('site.page_pages_rename') : __('site.action_edit') }}">
                                <i class="fa-solid {{ $system ? 'fa-i-cursor' : 'fa-pen' }}"></i>
                            </a>

                            @unless($system)
                                <button class="pact pact--del pgrow__del" type="button" title="{{ __('site.btn_remove') }}">
                                    <i class="fa-solid fa-trash"></i>
                                </button>
                            @endunless
                        </span>

                        <form class="pgrow__form" method="POST" action="{{ route('site.pages.d', $page->id) }}">@method('DELETE')</form>
                    </article>
                @endforeach
            </div>

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

</main>

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

@include('includes/footer-novo')