@php
    $isFounder = \Sentinel::check() && \Sentinel::getUser()->email === config('v2.support.email');
@endphp

@extends('v2-cms::layouts.app', [
    'title' => 'Páginas do Portal',
])

@section('page-breadcrumbs')
    @include('v2-cms::partials.breadcrumb', ['items' => [
        ['label' => 'Layouts'],
        ['label' => 'Páginas Básicas'],
    ]])
@endsection

@section('page-actions')
    @if($isFounder)
        @include('v2-cms::partials.action-create', [
            'route' => route('v2.basicpage.editor.create'),
            'label' => 'Criar Página'
        ])
    @endif
@endsection

@section('content')
    <main role="main" class="v2-cms-module-container">

        <p class="text-muted mb-3">
            @if($isFounder)
                Gerencie as páginas do portal.
            @else
                Visualização de páginas do portal.
            @endif
        </p>
        </header>

        <section class="v2-main-content">
            @component('v2-cms::components.box', ['class' => 'card shadow-sm border-0'])
                <div class="table-responsive">
                    <table class="table table-hover table-striped align-middle mb-0" aria-label="Páginas">
                        <thead class="table-light">
                            <tr>
                                <th scope="col">Título</th>
                                <th scope="col">Slug</th>
                                <th scope="col" style="text-align: center;">Ações</th>
                            </tr>
                        </thead>
                        <tbody>
                            @foreach($pages as $page)
                                <tr>
                                    <td class="fw-bold text-dark">
                                        {{ $page['title'] }}
                                        @if(empty($page['model']->content))
                                            <span class="badge bg-warning text-dark ms-1">Fallback</span>
                                        @else
                                            <span class="badge bg-success ms-1">Runtime</span>
                                        @endif
                                    </td>
                                    <td><code>{{ $page['slug'] }}</code></td>
                                    <td class="text-center">
                                        <div class="btn-group gap-2">
                                            @if($isFounder)
                                                <a href="{{ route('v2.basicpage.editor.edit', ['slug' => $page['slug']]) }}"
                                                   class="btn btn-primary btn-sm d-inline-flex align-items-center gap-1 fw-bold">
                                                    <i class="bi bi-pencil-square"></i> Editar
                                                </a>
                                            @endif
                                            @v2can('BasicPage', 'write')
                                                @if(!empty($page['model']))
                                                    <button type="button"
                                                            class="btn btn-primary btn-sm d-inline-flex align-items-center gap-1 fw-bold"
                                                            data-bs-toggle="modal"
                                                            data-bs-target="#modalSeo_{{ $page['slug'] }}">
                                                        <i class="bi bi-bar-chart-line"></i> SEO
                                                    </button>
                                                @endif
                                            @endv2can
                                            <a href="{{ $page['portal_url'] }}"
                                               target="_blank"
                                               class="btn btn-outline-secondary btn-sm d-inline-flex align-items-center gap-1">
                                                <i class="bi bi-box-arrow-up-right"></i> Ver
                                            </a>
                                        </div>
                                    </td>
                                </tr>
                            @endforeach
                        </tbody>
                    </table>
                </div>
            @endcomponent
        </section>

    </main>

    {{-- Modais de SEO — um por página --}}
    @v2can('BasicPage', 'write')
    @foreach($pages as $page)
        @if(!empty($page['model']))
            @php
                $seoData = $page['seoData'] ?? [];
                $seoModel = clone $page['model'];
                $seoModelMeta = $seoModel->metadata ?: [];
                $seoModelMeta['seo'] = $seoData;
                $seoModel->metadata = $seoModelMeta;
            @endphp
            <div class="modal fade"
                 id="modalSeo_{{ $page['slug'] }}"
                 tabindex="-1"
                 role="dialog"
                 aria-labelledby="modalSeoLabel_{{ $page['slug'] }}"
                 aria-modal="true"
                 aria-hidden="true">
                <div class="modal-dialog modal-lg modal-dialog-centered" role="document">
                    <form action="{{ route('v2.basicpage.seo.update') }}" method="POST">
                        {{ csrf_field() }}
                        <input type="hidden" name="slug" value="{{ $page['slug'] }}">

                        <div class="modal-content border-0 shadow-lg">
                            <div class="modal-header bg-light border-bottom">
                                <h5 class="modal-title fw-bold d-flex align-items-center gap-2" id="modalSeoLabel_{{ $page['slug'] }}">
                                    <i class="bi bi-bar-chart-line text-primary" aria-hidden="true"></i>
                                    SEO: {{ $page['title'] }}
                                </h5>
                                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Fechar"></button>
                            </div>

                            <div class="modal-body p-2">
                                @include('v2-service-seo::components.seo-input', [
                                    'model' => $seoModel,
                                    'name' => 'seo'
                                ])
                            </div>

                            <div class="modal-footer bg-light border-top d-flex justify-content-end gap-2">
                                <button type="button" class="btn btn-outline-secondary fw-bold px-3" data-bs-dismiss="modal">Cancelar</button>
                                <button type="submit" class="btn btn-primary fw-bold px-3 js-seo-submit-btn">
                                    <i class="bi bi-check-lg me-1" aria-hidden="true"></i> Salvar SEO
                                </button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        @endif
    @endforeach
    @endv2can

    {{-- Activity Footer --}}
    @include('v2-cms::partials.activity-footer', ['model' => null, 'history' => $history ?? null])
@endsection