@extends('layouts.app')
@section('title', 'Backfill Supplier Categories')
@section('content')

<div class="mb-5">
    <div class="flex items-center gap-2 text-xs text-gray-500 mb-2">
        <a href="{{ route('admin.index') }}" class="hover:text-blue-600">Administration</a>
        <span>›</span>
        <span>Backfill Supplier Categories</span>
    </div>
    <h1 class="text-lg font-bold text-gray-900">Backfill Supplier Categories</h1>
    <p class="text-xs text-gray-500 mt-1">Tag pharmacy-likely suppliers as <span class="font-semibold text-purple-700">Pharmaceutical</span> so they appear in the Receive Products dropdown.</p>
</div>

@if(session('success'))
<div class="bg-green-50 border border-green-200 rounded-xl px-4 py-3 mb-4 text-sm text-green-700">
    {{ session('success') }}
</div>
@endif

<div class="bg-blue-50 border border-blue-200 rounded-xl p-4 mb-5 text-xs text-blue-900">
    <p class="font-semibold mb-1">How this works</p>
    <p class="mb-1">The Receive Products dropdown now only shows suppliers tagged as <strong>Pharmaceutical</strong>. Suppliers created via the Pharmacy module historically had no category set — they would be invisible in the dropdown without this fix.</p>
    <p>This tool scans suppliers with no category (or category = "General") and tags them as Pharmaceutical if their name matches any of: <span class="font-mono">{{ implode(', ', $patterns) }}</span>. Suppliers with other categories (Utilities, Services, etc.) are left untouched.</p>
</div>

{{-- Will be tagged --}}
<div class="bg-white rounded-xl border shadow-sm mb-5">
    <div class="px-5 py-3 border-b bg-gray-50/50 flex items-center justify-between">
        <h2 class="text-sm font-bold text-gray-900">Will be tagged as Pharmaceutical <span class="text-gray-400 font-normal">({{ count($toTag) }})</span></h2>
        @if(count($toTag) > 0)
        <form method="POST" action="{{ route('admin.suppliers.backfill.apply') }}" onsubmit="return confirm('Tag {{ count($toTag) }} supplier(s) as Pharmaceutical? This is reversible by editing each supplier individually.')">
            @csrf
            <button type="submit" class="btn-primary text-xs">Apply Changes</button>
        </form>
        @endif
    </div>
    @if(count($toTag) === 0)
    <div class="p-8 text-center text-sm text-gray-400">No suppliers match a pharmacy pattern. Nothing to tag.</div>
    @else
    <div class="overflow-x-auto">
        <table class="w-full">
            <thead><tr class="bg-gray-50">
                <th class="table-header">Supplier</th>
                <th class="table-header">Current Category</th>
                <th class="table-header">Matched Keyword</th>
                <th class="table-header">After</th>
            </tr></thead>
            <tbody>
            @foreach($toTag as $row)
            <tr class="border-b border-gray-50">
                <td class="table-cell font-medium">{{ $row['name'] }}</td>
                <td class="table-cell text-xs text-gray-500">{{ $row['before'] }}</td>
                <td class="table-cell text-xs"><span class="badge badge-info">{{ $row['matched'] }}</span></td>
                <td class="table-cell text-xs"><span class="badge badge-success">Pharmaceutical</span></td>
            </tr>
            @endforeach
            </tbody>
        </table>
    </div>
    @endif
</div>

{{-- Will NOT be tagged --}}
<div class="bg-white rounded-xl border shadow-sm">
    <div class="px-5 py-3 border-b bg-gray-50/50">
        <h2 class="text-sm font-bold text-gray-900">Will NOT be tagged <span class="text-gray-400 font-normal">({{ count($skipped) }})</span></h2>
        <p class="text-xs text-gray-500 mt-0.5">These untagged suppliers don't match any pharmacy keyword. If any of them are actually pharmacy suppliers, tag them manually via <a href="{{ route('suppliers.index') }}" class="text-blue-600 hover:underline">Expenses › Suppliers</a> → Edit → Category → Pharmaceutical.</p>
    </div>
    @if(count($skipped) === 0)
    <div class="p-8 text-center text-sm text-gray-400">No leftover untagged suppliers.</div>
    @else
    <div class="overflow-x-auto">
        <table class="w-full">
            <thead><tr class="bg-gray-50">
                <th class="table-header">Supplier</th>
                <th class="table-header">Current Category</th>
            </tr></thead>
            <tbody>
            @foreach($skipped as $row)
            <tr class="border-b border-gray-50">
                <td class="table-cell font-medium">{{ $row['name'] }}</td>
                <td class="table-cell text-xs text-gray-500">{{ $row['before'] }}</td>
            </tr>
            @endforeach
            </tbody>
        </table>
    </div>
    @endif
</div>

@endsection