@extends('layouts.apoteker')

@section('title', '🧾 Skrining Resep')

@section('content')
<div class="container mx-auto space-y-6">
    <div class="flex flex-col md:flex-row justify-between items-start md:items-center mb-6 gap-3">
        <h1 class="text-2xl font-bold text-gray-800 dark:text-white">🧾 Skrining Resep</h1>
        <a href="{{ route('apoteker.skrining-resep.create') }}"
           class="px-6 py-2 bg-[color:var(--primary-color)] text-white rounded-lg hover:brightness-110 shadow transition">
            ➕ Tambah Skrining
        </a>
    </div>

    {{-- Filter Form --}}
    <form method="GET" class="bg-white dark:bg-gray-800 p-4 text-gray-700 rounded shadow space-y-3">
        <div class="grid grid-cols-1 md:grid-cols-3 gap-4">
            <div>
                <label class="block text-sm text-gray-700 dark:text-gray-200">Cari Nama Pasien</label>
                <input type="text" name="search" value="{{ request('search') }}" class="input w-full" placeholder="Nama pasien">
            </div>
            <div>
                <label class="block text-sm text-gray-700 dark:text-gray-200">Dari Tanggal</label>
                <input type="date" name="start" value="{{ request('start') }}" class="input w-full">
            </div>
            <div>
                <label class="block text-sm text-gray-700 dark:text-gray-200">Sampai Tanggal</label>
                <input type="date" name="end" value="{{ request('end') }}" class="input w-full">
            </div>
        </div>
        <div class="flex justify-end gap-2 mt-4">
            <button type="submit"
               class="inline-flex items-center px-4 py-2 bg-blue-600 text-white rounded-lg shadow hover:bg-blue-700 transition">
                🔍 Filter
            </button>
            <a href="{{ route('apoteker.skrining-resep.index') }}"
               class="inline-flex items-center px-4 py-2 bg-red-600 text-white rounded-lg shadow hover:bg-gray-600 transition">
                🔄 Reset
            </a>
        </div>
    </form>

    <div class="overflow-x-auto bg-white dark:bg-gray-800 rounded-xl shadow">
        <table class="min-w-full divide-y divide-gray-200 dark:divide-gray-700">
            <thead class="bg-gray-50 dark:bg-gray-700">
                <tr>
                    <th class="p-2 text-left">Pasien</th>
                    <th class="p-2 text-left">Tanggal Skrining</th>
                    <th class="p-2 text-left">DRP Administrasi Dokter</th>
                    <th class="p-2 text-left">Risiko DRP</th>
                    <th class="p-2 text-left">Aksi</th>
                </tr>
            </thead>
<tbody class="divide-y divide-gray-100 dark:divide-gray-700">
    @foreach($data as $item)
        @php
            $fields = [
                'nama_dokter', 'sip', 'alamat_dokter', 'tanggal_resep', 'tanda_tangan',
                'identitas_pasien', 'nama_obat_dosis', 'cara_pemakaian',
                'bentuk_sediaan', 'dosis_obat', 'potensi_obat', 'stabilitas',
                'inkompatibilitas', 'cara_lama_pemberian',
                'alergi', 'efek_samping', 'interaksi', 'kesesuaian_klinis'
            ];
            $totalUncheck = collect($fields)->filter(fn($f) => !$item->$f)->count();
            $percentage = round(($totalUncheck / count($fields)) * 100);
            $badgeColor = $percentage >= 75 ? 'bg-red-600 text-white' : ($percentage >= 50 ? 'bg-yellow-400 text-black' : 'bg-green-600 text-white');
        @endphp
        <tr class="hover:bg-gray-50 dark:hover:bg-gray-700">
            <td class="p-2">{{ $item->pasien->name ?? '-' }}</td>
            <td class="p-2">{{ $item->updated_at->format('d M Y') }}</td>
            <td class="p-2">{{ $item->drp_nama_dokter }}</td>
            <td class="p-2 text-center">
                <span class="px-2 py-1 rounded text-xs font-semibold {{ $badgeColor }}">
                    {{ $percentage }}%
                </span>
            </td>
            <td class="p-2 space-x-2">
                <a href="{{ route('apoteker.skrining-resep.show', $item->id) }}" class="btn-info">🔍</a>
                <a href="{{ route('apoteker.skrining-resep.edit', $item->id) }}" class="btn-warning">✏️</a>
                <form action="{{ route('apoteker.skrining-resep.destroy', $item->id) }}" method="POST" class="inline-block" onsubmit="return confirm('Yakin ingin menghapus data ini?')">
                    @csrf @method('DELETE')
                    <button type="submit" class="btn-danger">🗑️</button>
                </form>
                <a href="{{ route('apoteker.skrining-resep.exportPdf', $item->id) }}" class="btn-secondary">📄</a>
            </td>
        </tr>
    @endforeach
</tbody>

        </table>
    </div>

<div class="mt-4">
    {{ $data->withQueryString()->links() }}
</div>

</div>
@endsection