Spaces:

---

Darshankumarr03

/

Swift-Query

Like 0

Runtime error

<meta charset="utf-8" />

<title>Data Entry - Assistant</title>

<link href="https://fonts.googleapis.com/css2?family=Lora:wght@400;500;600;700&display=swap" rel="stylesheet" />

<link href="https://fonts.googleapis.com/icon?family=Material+Icons+Outlined" rel="stylesheet" />

<script src="https://cdn.tailwindcss.com?plugins=forms,typography"></script>

<script>

<style>

<header class="max-w-7xl mx-auto p-4 glass-effect rounded-xl shadow-lg mb-8 flex justify-between items-center">

<span class="font-bold text-xl">Swift Query Data Entry</span>

<div class="flex items-center gap-4">

<span class="text-sm">Logged in as: {{ session['user_name'] }} (Data Entry)</span>

<a href="{{ url_for('admin.logout') }}" class="font-medium hover:text-primary">Logout</a>

</div>

</header>

<main class="max-w-7xl mx-auto grid grid-cols-1 md:grid-cols-4 gap-6">

<!-- Patient Selection Sidebar -->

<div class="md:col-span-1 bg-white p-4 rounded-xl shadow-lg h-fit">

<h2 class="font-bold mb-4 text-lg border-b pb-2">Select Patient</h2>

<!-- Search Form -->

<form action="{{ url_for('assistant.data_entry_dashboard') }}" method="get" class="mb-5 relative">

<input type="text" name="q" value="{{ search_query }}" placeholder="Search ID, Name, Phone..."

<span

class="material-icons-outlined absolute left-3 top-1/2 -translate-y-1/2 text-gray-400">search</span>

</form>

<div class="space-y-2 max-h-[350px] overflow-y-auto pr-1 custom-scrollbar">

{% if patients %}

{% for p in patients %}

<button onclick="selectPatient('{{ p.id }}', '{{ p.name }}', '{{ p.phone or '' }}')" class="w-full text-left p-4 rounded-xl transition-all duration-200 group relative overflow-hidden mb-2

<div class="flex justify-between items-start">

<div>

<span

class="block font-bold text-slate-800 text-lg mb-1 group-hover:text-primary transition-colors">{{

p.name }}</span>

<span

class="text-xs text-gray-500 font-medium bg-gray-100 px-2 py-1 rounded inline-block">ID:

{{ p.patient_id or p.id }}</span>

</div>

{% if p.phone %}

<div class="text-gray-400">

<span class="material-icons-outlined text-sm">phone</span>

</div>

{% endif %}

</div>

</button>

{% endfor %}

{% else %}

<p class="text-sm text-gray-500 text-center py-4">No patients found.</p>

{% endif %}

</div>

</div>

<!-- Data Entry Area -->

<div id="entry-area"

<div class="flex justify-between items-end mb-8 border-b pb-6">

<div>

<h2 class="text-3xl font-bold text-slate-800 mb-1" id="tab-header">Patient Profile</h2>

<div class="flex items-center gap-3 text-gray-500">

<span class="font-semibold text-lg text-primary">{{ selected_patient.name if selected_patient

else '' }}</span>