@extends('admin.layouts.index-template', [
    'pageTitle' => 'Páginas',
    'items' => $pages,
    'icon' => 'file-text',
    'module' => 'Páginas',
    'createRoute' => route('pages.create'),
    'indexRoute' => route('pages.index'),
    'searchPlaceholder' => 'Buscar por nombre, slug o contenido...',
    'emptyIcon' => 'file-alt',
    'emptyTitle' => 'No hay páginas',
    'emptyMessage' => 'Comience creando su primera página del sitio web',
    'stats' => [
        'all' => [
            'label' => 'Total',
            'count' => $pages->total(),
            'color' => 'primary',
            'icon' => 'file-text'
        ],
        'today' => [
            'label' => 'Hoy',
            'count' => \App\Models\Page::whereDate('created_at', today())->count(),
            'color' => 'success',
            'icon' => 'calendar-event'
        ],
        'this_week' => [
            'label' => 'Esta Semana',
            'count' => \App\Models\Page::whereBetween('created_at', [now()->startOfWeek(), now()->endOfWeek()])->count(),
            'color' => 'info',
            'icon' => 'calendar'
        ],
        'this_month' => [
            'label' => 'Este Mes',
            'count' => \App\Models\Page::whereMonth('created_at', now()->month)->whereYear('created_at', now()->year)->count(),
            'color' => 'warning',
            'icon' => 'calendar-2'
        ]
    ]
])

@push('css')
    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
@endpush

@section('action-buttons')
    <button type="button" class="btn btn-success btn-sm me-2" title="Exportar páginas">
        <i class="ri-file-download-line"></i> Exportar
    </button>
    <button type="button" class="btn btn-info btn-sm me-2" title="Estadísticas">
        <i class="ri-line-chart-line"></i> Estadísticas
    </button>
@endsection

@section('table-headers')
    <tr>
        <th width="60">ID</th>
        <th>Página</th>
        <th>Slug/URL</th>
        <th width="120">Fecha</th>
        <th width="120">SEO con IA</th>
        <th width="120">Acciones</th>
    </tr>
@endsection

@section('table-body')
    @foreach($pages as $page)
    <tr>
        <td>{{ $page->id }}</td>
        <td>
            <div>
                <strong>{{ $page->name }}</strong>
                @if($page->meta_title)
                    <br><small class="text-muted">{{ Str::limit($page->meta_title, 50) }}</small>
                @endif
            </div>
        </td>
        <td>
            <div>
                <code class="text-primary">/{{ $page->slug }}</code>
                @if($page->content)
                    <br><small class="text-muted">{{ Str::limit(strip_tags($page->content), 40) }}</small>
                @endif
            </div>
        </td>
        <td>
            <small>{{ \Carbon\Carbon::parse($page->created_at)->format('d/m/Y') }}</small>
            <br><small class="text-muted">{{ \Carbon\Carbon::parse($page->created_at)->format('H:i') }}</small>
        </td>
        <td>
            @if($page->ai_generated_at)
                <span class="badge bg-success">Generado</span>
            @endif
        </td>
        <td>
            <div class="d-flex gap-1">
                <a href="{{ route('pages.edit', $page->id) }}"
                   class="btn btn-sm btn-warning" title="Editar">
                    <i class="ri-pencil-line"></i>
                </a>

                <a href="/{{ $page->slug }}"
                   target="_blank" class="btn btn-sm btn-success" title="Ver página">
                    <i class="ri-external-link-line"></i>
                </a>

                <a href="#" onclick="deletePage({{ $page->id }})"
                   class="btn btn-sm btn-danger" title="Eliminar">
                    <i class="ri-delete-bin-line"></i>
                </a>
            </div>
        </td>
    </tr>
    @endforeach
@endsection

@push('js')
<script>
function deletePage(id) {
    Swal.fire({
        title: '¿Estás seguro?',
        text: "Esta acción no se puede deshacer",
        icon: 'warning',
        showCancelButton: true,
        confirmButtonColor: '#d33',
        cancelButtonColor: '#3085d6',
        confirmButtonText: 'Sí, eliminar',
        cancelButtonText: 'Cancelar'
    }).then((result) => {
        if (result.isConfirmed) {
            var url = '{{ route("pages.delete", "ID") }}';
            var newUrl = url.replace("ID", id);
            
            $.ajax({
                url: newUrl,
                type: 'DELETE',
                headers: {
                    'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
                },
                success: function(response) {
                    if (response.status) {
                        Swal.fire(
                            '¡Eliminado!',
                            response.message,
                            'success'
                        ).then(() => {
                            location.reload();
                        });
                    } else {
                        Swal.fire(
                            'Error',
                            response.message || 'Hubo un error al eliminar la página.',
                            'error'
                        );
                    }
                },
                error: function() {
                    Swal.fire(
                        'Error',
                        'Hubo un error al procesar la solicitud.',
                        'error'
                    );
                }
            });
        }
    });
}
</script>
@endpush