@extends('admin.layouts.app')

@section('title', 'Redirects')
@section('page_title', 'Redirects')

@section('content')
    <div class="mb-4 flex flex-wrap justify-end gap-2">
        @can('viewAny', \App\Modules\Redirects\Models\Redirect::class)
            <a href="{{ route('admin.redirects.export') }}" class="rounded-lg border border-slate-300 px-4 py-2 text-sm text-slate-700 hover:bg-slate-50">Export CSV</a>
        @endcan
        @can('create', \App\Modules\Redirects\Models\Redirect::class)
            <form method="POST" action="{{ route('admin.redirects.import') }}" enctype="multipart/form-data" class="flex gap-2">
                @csrf
                <input type="file" name="file" accept=".csv,text/csv" required class="text-sm">
                <button class="rounded-lg border border-slate-300 px-3 py-2 text-sm">Import</button>
            </form>
            <a href="{{ route('admin.redirects.create') }}"
               class="rounded-lg bg-blue-700 px-4 py-2 text-sm font-medium text-white hover:bg-blue-800">
                New Redirect
            </a>
        @endcan
    </div>

    <div class="overflow-hidden rounded-xl border border-slate-200 bg-white shadow-sm">
        <table class="min-w-full divide-y divide-slate-200 text-sm">
            <thead class="bg-slate-50">
                <tr>
                    <th class="px-4 py-3 text-left font-medium text-slate-600">From</th>
                    <th class="px-4 py-3 text-left font-medium text-slate-600">To</th>
                    <th class="px-4 py-3 text-left font-medium text-slate-600">Code</th>
                    <th class="px-4 py-3 text-left font-medium text-slate-600">Hits</th>
                    <th class="px-4 py-3 text-left font-medium text-slate-600">Active</th>
                    <th class="px-4 py-3 text-right font-medium text-slate-600">Actions</th>
                </tr>
            </thead>
            <tbody class="divide-y divide-slate-200">
                @forelse ($redirects as $redirect)
                    <tr>
                        <td class="px-4 py-3 font-mono text-xs">{{ $redirect->from_path }}</td>
                        <td class="px-4 py-3 font-mono text-xs">{{ $redirect->to_url }}</td>
                        <td class="px-4 py-3">{{ $redirect->status_code }}</td>
                        <td class="px-4 py-3">{{ number_format($redirect->hit_count) }}</td>
                        <td class="px-4 py-3">
                            <span class="rounded-full px-2 py-0.5 text-xs {{ $redirect->is_active ? 'bg-green-100 text-green-800' : 'bg-slate-100 text-slate-600' }}">
                                {{ $redirect->is_active ? 'Yes' : 'No' }}
                            </span>
                        </td>
                        <td class="px-4 py-3 text-right">
                            @can('update', $redirect)
                                <a href="{{ route('admin.redirects.edit', $redirect) }}" class="text-blue-700 hover:underline">Edit</a>
                            @endcan
                        </td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="6" class="px-4 py-8 text-center text-slate-500">No redirects yet.</td>
                    </tr>
                @endforelse
            </tbody>
        </table>
    </div>

    <div class="mt-4">{{ $redirects->links() }}</div>
@endsection