@extends('layouts.admin')
@section('title', 'Search Console')
@section('content')
<x-admin.page title="Google Search Console" subtitle="Import query/page CSV exports and track freshness.">
    <div class="mb-5 grid gap-5 lg:grid-cols-[1.4fr_1fr]">
        <x-admin.section title="Import history">
            <table class="admin-table w-full">
                <thead>
                    <tr>
                        <th>Source</th>
                        <th>Rows</th>
                        <th>Imported</th>
                        <th>Freshness</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($imports as $import)
                        <tr>
                            <td class="font-medium">{{ $import->source }}</td>
                            <td class="tabular-nums">{{ number_format($import->rows_count) }}</td>
                            <td class="text-sm text-[#6d7175]">{{ $import->imported_at?->format('d M Y H:i') }}</td>
                            <td class="text-sm text-[#6d7175]">{{ $import->freshness_at?->diffForHumans() ?? '—' }}</td>
                        </tr>
                    @empty
                        <tr><td colspan="4" class="p-12 text-center text-[#6d7175]">No GSC imports yet.</td></tr>
                    @endforelse
                </tbody>
            </table>
            <div class="mt-4">{{ $imports->links() }}</div>
        </x-admin.section>

        <x-admin.section title="Import CSV" hint="Upload a Search Console performance export.">
            @if(auth()->user()?->hasPermission('seo.edit'))
                <form method="post" action="{{ route('admin.seo-advanced.gsc.import') }}" enctype="multipart/form-data" class="space-y-3">
                    @csrf
                    <x-admin.field label="CSV file" name="csv" required>
                        <input type="file" name="csv" accept=".csv,text/csv" class="admin-input" required>
                    </x-admin.field>
                    <button class="admin-btn admin-btn-primary">Import</button>
                </form>
            @else
                <p class="text-sm text-[#6d7175]">Requires <x-admin.badge>seo.edit</x-admin.badge></p>
            @endif
        </x-admin.section>
    </div>
</x-admin.page>
@endsection