@extends('layouts.app')
@section('title', 'Prescriptions')
@section('styles')
<style>
    .hmis-pill{display:inline-flex;align-items:center;gap:4px;padding:6px 14px;border-radius:99px;font-size:12px;font-weight:600;border:1.5px solid #e5e7eb;cursor:pointer;transition:all .12s;background:#fff;color:#6b7280;text-decoration:none}
    .hmis-pill:hover{border-color:#94a3b8;color:#374151}
    .hmis-pill.active{border-color:transparent;color:#fff}
    .hmis-pill[data-c="blue"].active{background:#0069c9}
    .hmis-pill[data-c="green"].active{background:#22c55e}
    .hmis-pill[data-c="amber"].active{background:#f59e0b}
    .src-badge{display:inline-flex;align-items:center;gap:4px;font-size:10px;font-weight:700;padding:2px 8px;border-radius:99px;text-transform:uppercase;letter-spacing:.3px}
    .src-pharmacy{background:#dbeafe;color:#1d4ed8}
    .src-external{background:#fef3c7;color:#92400e}
    .rx-num { font-family: monospace; font-weight: 700; color: #3b1054; }
</style>
@endsection
@section('content')

<div class="flex flex-wrap items-center justify-between gap-3 mb-4">
    <div class="flex items-center gap-3">
        <div class="w-10 h-10 bg-gradient-to-br from-emerald-500 to-teal-600 rounded-xl flex items-center justify-center shadow-sm">
            <svg class="w-5 h-5 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"/></svg>
        </div>
        <div>
            <h1 class="text-lg font-bold text-gray-900">Prescriptions</h1>
            <p class="text-xs text-gray-400">All prescriptions issued to clients · in-house and external</p>
        </div>
    </div>
    <a href="{{ route('pharmacy.prescriptions.create') }}" class="btn-primary text-sm flex items-center gap-1.5 px-4 py-2">
        <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 4v16m8-8H4"/></svg>
        Add New Prescription
    </a>
</div>

@if(session('success'))
<div class="bg-green-50 border border-green-300 rounded-xl p-3 mb-4 flex items-center gap-2">
    <svg class="w-5 h-5 text-green-600 flex-shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12l2 2 4-4m6 2a9 9 0 11-18 0 9 9 0 0118 0z"/></svg>
    <p class="text-sm font-medium text-green-800">{{ session('success') }}</p>
</div>
@endif

{{-- Filters --}}
<div class="bg-white rounded-xl border shadow-sm mb-4">
    <form method="GET" action="{{ route('pharmacy.prescriptions.index') }}" class="px-5 py-4">
        <div class="flex flex-wrap items-end gap-3">
            <div class="flex-1 min-w-[220px]">
                <label class="form-label">Search</label>
                <input type="text" name="q" value="{{ $search }}" placeholder="Patient name, MRN, or drug…" class="form-input text-sm">
            </div>
            <div>
                <label class="form-label">Status</label>
                <select name="status" class="form-input text-sm">
                    <option value="all" {{ ($status ?? 'all') === 'all' ? 'selected' : '' }}>All</option>
                    <option value="pending" {{ ($status ?? '') === 'pending' ? 'selected' : '' }}>Pending</option>
                    <option value="ready" {{ ($status ?? '') === 'ready' ? 'selected' : '' }}>Ready</option>
                    <option value="dispensed" {{ ($status ?? '') === 'dispensed' ? 'selected' : '' }}>Dispensed</option>
                    <option value="partially_dispensed" {{ ($status ?? '') === 'partially_dispensed' ? 'selected' : '' }}>Partial</option>
                    <option value="external" {{ ($status ?? '') === 'external' ? 'selected' : '' }}>External</option>
                    <option value="cancelled" {{ ($status ?? '') === 'cancelled' ? 'selected' : '' }}>Cancelled</option>
                </select>
            </div>
            <div>
                <label class="form-label">From</label>
                <input type="date" name="from" value="{{ request('from') }}" class="form-input text-sm">
            </div>
            <div>
                <label class="form-label">To</label>
                <input type="date" name="to" value="{{ request('to') }}" class="form-input text-sm">
            </div>
            <div class="flex gap-2">
                <button type="submit" class="btn-primary text-sm px-4 py-2">Apply</button>
                @if($search || ($status && $status !== 'all') || request('from') || request('to') || ($source !== 'all'))
                <a href="{{ route('pharmacy.prescriptions.index') }}" class="btn-secondary text-sm px-4 py-2">Clear</a>
                @endif
            </div>
        </div>

        <div class="flex flex-wrap items-center gap-2 mt-4 pt-3 border-t">
            <span class="text-xs text-gray-400 font-semibold mr-1">Source:</span>
            <a href="{{ route('pharmacy.prescriptions.index', array_merge(request()->except(['source','page']), ['source' => 'all'])) }}"
               class="hmis-pill {{ $source === 'all' ? 'active' : '' }}" data-c="blue">
                All <span class="ml-1 opacity-70">{{ $counts['all'] }}</span>
            </a>
            <a href="{{ route('pharmacy.prescriptions.index', array_merge(request()->except(['source','page']), ['source' => 'pharmacy'])) }}"
               class="hmis-pill {{ $source === 'pharmacy' ? 'active' : '' }}" data-c="green">
                In-house <span class="ml-1 opacity-70">{{ $counts['pharmacy'] }}</span>
            </a>
            <a href="{{ route('pharmacy.prescriptions.index', array_merge(request()->except(['source','page']), ['source' => 'external'])) }}"
               class="hmis-pill {{ $source === 'external' ? 'active' : '' }}" data-c="amber">
                External <span class="ml-1 opacity-70">{{ $counts['external'] }}</span>
            </a>
        </div>
    </form>
</div>

{{-- Table — one row per prescription pad --}}
<div class="bg-white rounded-xl border shadow-sm overflow-hidden">
    <div class="overflow-x-auto">
        <table class="w-full">
            <thead>
                <tr class="bg-gray-50">
                    <th class="table-header">Date</th>
                    <th class="table-header">Rx #</th>
                    <th class="table-header">Patient</th>
                    <th class="table-header">MRN</th>
                    <th class="table-header">Drugs</th>
                    <th class="table-header">Source</th>
                    <th class="table-header">Prescriber</th>
                    <th class="table-header">Action</th>
                </tr>
            </thead>
            <tbody>
                @forelse($rows as $row)
                    @php
                        $patient = $patients[$row->patient_id] ?? null;
                        $user    = $users[$row->prescribed_by] ?? null;
                        $created = \Carbon\Carbon::parse($row->created_at);
                        $isLegacy = empty($row->prescription_group_id);
                    @endphp
                    <tr class="border-b border-gray-50 hover:bg-gray-50/60">
                        <td class="table-cell text-xs text-gray-500 whitespace-nowrap">
                            {{ $created->format('d M Y') }}<br>
                            <span class="text-gray-400">{{ $created->format('H:i') }}</span>
                        </td>
                        <td class="table-cell">
                            @if($isLegacy)
                                <span class="text-xs text-gray-400 italic">—</span>
                            @else
                                <span class="rx-num text-xs">{{ $row->prescription_group_id }}</span>
                            @endif
                        </td>
                        <td class="table-cell font-medium">{{ $patient->full_name ?? '—' }}</td>
                        <td class="table-cell text-xs font-mono">{{ $patient->mrn ?? '' }}</td>
                        <td class="table-cell">
                            <p class="text-xs font-semibold text-gray-700">{{ $row->drug_count }} drug{{ $row->drug_count == 1 ? '' : 's' }}</p>
                            <p class="text-xs text-gray-400 mt-0.5">{{ \Illuminate\Support\Str::limit($row->drug_names, 80) }}</p>
                        </td>
                        <td class="table-cell">
                            @if($row->source === 'external')
                                <span class="src-badge src-external">External</span>
                            @else
                                <span class="src-badge src-pharmacy">In-house</span>
                            @endif
                        </td>
                        <td class="table-cell text-xs">{{ $user->name ?? '—' }}</td>
                        <td class="table-cell">
                            @if($isLegacy)
                                <span class="text-xs text-gray-400">Legacy</span>
                            @else
                                <a href="{{ route('pharmacy.prescriptions.show', ['group' => $row->prescription_group_id]) }}"
                                   class="text-cr-600 text-xs font-semibold hover:underline inline-flex items-center gap-1">
                                    <svg class="w-3.5 h-3.5" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 17h2a2 2 0 002-2v-4a2 2 0 00-2-2H5a2 2 0 00-2 2v4a2 2 0 002 2h2m2 4h6a2 2 0 002-2v-4a2 2 0 00-2-2H9a2 2 0 00-2 2v4a2 2 0 002 2zm8-12V5a2 2 0 00-2-2H9a2 2 0 00-2 2v4h10z"/></svg>
                                    View / Print
                                </a>
                            @endif
                        </td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="8" class="table-cell text-center text-gray-400 py-12">
                            <svg class="w-10 h-10 mx-auto mb-3 text-gray-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z"/></svg>
                            <p class="text-sm font-medium">No prescriptions found</p>
                            <p class="text-xs mt-1">Try clearing filters or <a href="{{ route('pharmacy.prescriptions.create') }}" class="text-cr-600 font-semibold hover:underline">add a new prescription</a>.</p>
                        </td>
                    </tr>
                @endforelse
            </tbody>
        </table>
    </div>
    @if($rows->hasPages())
        <div class="px-4 py-3 border-t bg-gray-50/40">{{ $rows->links() }}</div>
    @endif
</div>

@endsection