@extends('layouts.app')

@section('title', 'SEO Management Panel')

@section('content')
<div class="row g-4">
    <div class="col-lg-2 d-none d-lg-block">
        @include('admin.partials.sidebar')
    </div>

    <div class="col-lg-10 col-12">
        <div class="admin-page-header">
            <div>
                <h1 class="h5 fw-semibold mb-1"><i class="bi bi-search me-1 text-primary"></i> SEO Management</h1>
                <p class="text-muted small mb-0">Static pages, products & categories</p>
            </div>
            <div class="btn-group">
                <a href="{{ url('/sitemap.blade.php') }}" target="_blank" class="btn btn-outline-info btn-sm"><i class="bi bi-diagram-3 me-1"></i> Sitemap</a>
                <a href="{{ url('/robots.txt') }}" target="_blank" class="btn btn-outline-secondary btn-sm"><i class="bi bi-robot me-1"></i> Robots</a>
            </div>
        </div>

        <div class="card shadow-sm border-0">
            <div class="card-header bg-white">
                <h6 class="mb-0 fw-semibold">Static Page SEO</h6>
                <p class="text-muted small mb-0">Home, About, Contact and other system pages.</p>
            </div>
            <div class="table-responsive">
                <table class="table table-hover align-middle mb-0">
                    <thead>
                        <tr>
                            <th class="ps-3">Page Path</th>
                            <th>Meta Title</th>
                            <th>Indexing</th>
                            <th class="text-end pe-3">Actions</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach($staticMetas as $meta)
                        <tr>
                            <td class="ps-3">
                                <code class="fw-medium">{{ $meta->url_path }}</code>
                                @if($meta->url_path == '/') <span class="badge bg-primary ms-1">Homepage</span> @endif
                            </td>
                            <td>
                                <div class="text-truncate" style="max-width: 280px;">{{ $meta->title }}</div>
                                <small class="text-muted d-block">{{ Str::limit($meta->description, 60) }}</small>
                            </td>
                            <td>
                                @if($meta->is_indexable)
                                    <span class="badge bg-success-subtle text-success">Indexable</span>
                                @else
                                    <span class="badge bg-danger-subtle text-danger">No Index</span>
                                @endif
                            </td>
                            <td class="text-end pe-3">
                                <a href="{{ route('admin.seo.edit_static', $meta->id) }}" class="btn btn-sm btn-primary">
                                    <i class="bi bi-pencil-square"></i> Edit
                                </a>
                            </td>
                        </tr>
                        @endforeach
                    </tbody>
                </table>
            </div>
        </div>

        <div class="row g-3 mt-2">
            <div class="col-md-6">
                <div class="card border-0 shadow-sm bg-primary text-white h-100">
                    <div class="card-body">
                        <i class="bi bi-box-seam fs-4 mb-2 d-block"></i>
                        <h6 class="fw-semibold">Product SEO</h6>
                        <p class="small opacity-75 mb-2">Managed from each product edit page with auto schema markup.</p>
                        <a href="{{ route('admin.products.index') }}" class="btn btn-light btn-sm">Manage Products</a>
                    </div>
                </div>
            </div>
            <div class="col-md-6">
                <div class="card border-0 shadow-sm bg-dark text-white h-100">
                    <div class="card-body">
                        <i class="bi bi-tags fs-4 mb-2 d-block"></i>
                        <h6 class="fw-semibold">Category SEO</h6>
                        <p class="small opacity-75 mb-2">Update category meta tags for better catalogue indexing.</p>
                        <a href="{{ route('admin.categories.index') }}" class="btn btn-outline-light btn-sm">Manage Categories</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@endsection