@extends('layouts.app')
@section('title', 'Patient Merge Requests')
@section('content')

<div class="flex items-center justify-between mb-5">
    <div>
        <h1 class="text-lg font-bold text-gray-900">Patient Merge Requests</h1>
        <p class="text-xs text-gray-400">Duplicate record review workflow</p>
    </div>
    @if($pendingCount > 0)
    <span class="badge badge-warning text-sm px-3 py-1.5">{{ $pendingCount }} pending review</span>
    @endif
</div>

<form method="GET" class="bg-white rounded-xl border shadow-sm p-4 mb-5 flex flex-wrap gap-3 items-end">
    <div><label class="form-label">Status</label>
        <select name="status" class="form-input text-sm">
            <option value="">All</option>
            @foreach(['pending','under_review','approved','completed','rejected'] as $s)
            <option value="{{ $s }}" {{ request('status')===$s?'selected':'' }}>{{ ucfirst(str_replace('_',' ',$s)) }}</option>
            @endforeach
        </select>
    </div>
    <button class="btn-primary text-sm">Filter</button>
    <a href="{{ route('patients.merge.index') }}" class="btn-secondary text-sm">Clear</a>
</form>

<div class="bg-white rounded-xl border shadow-sm overflow-hidden">
    <table class="w-full">
        <thead class="bg-gray-50"><tr>
            <th class="table-header">ID</th>
            <th class="table-header">Primary Record</th>
            <th class="table-header">Duplicate Record</th>
            <th class="table-header">Trigger</th>
            <th class="table-header text-center">Score</th>
            <th class="table-header">Flagged by</th>
            <th class="table-header">Date</th>
            <th class="table-header">Status</th>
            <th class="table-header">Action</th>
        </tr></thead>
        <tbody>
        @forelse($mergeRequests as $mr)
        @php
            $sc=['pending'=>'badge-warning','under_review'=>'badge-info','approved'=>'badge-info',
                 'completed'=>'badge-success','rejected'=>'badge-danger'];
        @endphp
        <tr class="border-b border-gray-50 hover:bg-gray-50">
            <td class="table-cell text-xs text-gray-400">#{{ $mr->id }}</td>
            <td class="table-cell">
                <p class="text-xs font-semibold">{{ $mr->primaryPatient->full_name ?? '|' }}</p>
                <p class="text-xs font-mono text-gray-400">{{ $mr->primaryPatient->mrn ?? '' }}</p>
            </td>
            <td class="table-cell">
                <p class="text-xs font-semibold">{{ $mr->duplicatePatient->full_name ?? '|' }}</p>
                <p class="text-xs font-mono text-gray-400">{{ $mr->duplicatePatient->mrn ?? '' }}</p>
            </td>
            <td class="table-cell text-xs">{{ ucfirst(str_replace('_',' ',$mr->trigger)) }}</td>
            <td class="table-cell text-center">
                <span class="font-bold text-sm {{ $mr->match_score >= 80 ? 'text-red-600' : ($mr->match_score >= 60 ? 'text-amber-600' : 'text-gray-500') }}">
                    {{ $mr->match_score }}%
                </span>
            </td>
            <td class="table-cell text-xs">{{ $mr->requester->name ?? '|' }}</td>
            <td class="table-cell text-xs text-gray-400">{{ $mr->created_at->format('d M Y') }}</td>
            <td class="table-cell"><span class="badge {{ $sc[$mr->status] ?? 'badge-gray' }}">{{ ucfirst(str_replace('_',' ',$mr->status)) }}</span></td>
            <td class="table-cell">
                <a href="{{ route('patients.merge.show', $mr) }}" class="text-xs text-sky-600 hover:underline font-medium">Review →</a>
            </td>
        </tr>
        @empty
        <tr><td colspan="9" class="table-cell text-center text-gray-400 py-10">No merge requests found.</td></tr>
        @endforelse
        </tbody>
    </table>
    <div class="px-4 py-3 border-t">{{ $mergeRequests->withQueryString()->links() }}</div>
</div>
@endsection