curaflow/settings.html

106 lines
4.2 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Curio Settings | Hospital Configuration</title>
<link rel="stylesheet" href="globals.css">
<link rel="stylesheet" href="index.css">
<link rel="stylesheet" href="dashboard.css">
<link rel="stylesheet" href="settings.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Outfit:wght@500;600;700&display=swap" rel="stylesheet">
</head>
<body class="dashboard-body">
<aside class="sidebar">
<div class="logo">
<div class="logo-icon">C</div>
<span class="logo-text">Curio</span>
</div>
<nav class="side-nav">
<a href="dashboard.html"><span>🏠</span> Overview</a>
<a href="dashboard.html"><span>👥</span> Queue</a>
<a href="dashboard.html"><span>📂</span> Patients</a>
<a href="pharmacy.html"><span>💊</span> Pharmacy</a>
<a href="lab.html"><span>🔬</span> Lab</a>
<a href="billing.html"><span>💳</span> Billing & Accounts</a>
<a href="staff.html"><span>👔</span> Staff & Payroll</a>
<a href="settings.html" class="active"><span>⚙️</span> Settings</a>
</nav>
<div class="user-profile">
<div class="avatar">AD</div>
<div class="info">
<strong>Admin</strong>
<span>Settings</span>
<a href="login.html" class="logout-btn"><span>🚪</span> Logout</a>
</div>
</div>
</aside>
<main class="dashboard-main">
<header class="dash-header">
<div class="header-title">
<h1>Hospital Settings</h1>
<p>Configure pricing, slot limits, and clinic profile.</p>
</div>
<div class="header-actions">
<button class="btn-primary" id="saveSettings">Save Changes</button>
</div>
</header>
<section class="settings-grid">
<div class="section-card">
<h2>Pricing & Fees</h2>
<div class="input-group">
<label>Consultation Fee (₹)</label>
<input type="number" value="500" id="config-fee">
</div>
<div class="input-group">
<label>Default Currency</label>
<select>
<option>INR (₹)</option>
<option>USD ($)</option>
</select>
</div>
</div>
<div class="section-card">
<h2>Slot Management</h2>
<div class="input-group">
<label>Slot Duration (Minutes)</label>
<input type="number" value="30" id="config-duration">
</div>
<div class="input-group">
<label>Max Online Bookings per Slot</label>
<input type="number" value="3" id="config-online">
</div>
<div class="input-group">
<label>Max Walk-in Tokens per Slot</label>
<input type="number" value="5" id="config-walkin">
</div>
</div>
<div class="section-card">
<h2>Pharmacy Config</h2>
<p>Manage medicine pricing and GST rates.</p>
<div class="input-group">
<label>Default GST %</label>
<input type="number" value="12">
</div>
<div class="input-group">
<label>Markup Percentage (%)</label>
<input type="number" value="20">
</div>
</div>
</section>
</main>
<script>
document.getElementById('saveSettings').onclick = () => {
alert('Settings saved successfully! Changes will reflect in new tokens.');
};
</script>
</body>
</html>