Spaces:
Sleeping
Sleeping
File size: 5,131 Bytes
cff1a2a 72bff80 cff1a2a 72bff80 cff1a2a 72bff80 cff1a2a 72bff80 cff1a2a 72bff80 cff1a2a 72bff80 cff1a2a 72bff80 cff1a2a 72bff80 cff1a2a 72bff80 cff1a2a |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Insurance Advisory AI | Premium Advisor</title>
<link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
</head>
<body>
<div class="bg-glow-container">
<div class="glow-blob glow-1"></div>
<div class="glow-blob glow-2"></div>
<div class="glow-blob glow-3"></div>
</div>
<aside class="sidebar" id="sidebar">
<div class="sidebar-header">
<div class="logo">
<i class="fas fa-shield-halved fa-2x" style="color: var(--primary);"></i>
<span>AI ADVISOR</span>
</div>
<button class="sidebar-toggle" id="sidebar-toggle">
<i class="fas fa-bars"></i>
</button>
</div>
<div class="sidebar-section">
<h3><span>Document Manager</span></h3>
<div class="form-group">
<select id="provider-select">
<!-- Loaded dynamically -->
</select>
</div>
<div class="form-group" id="other-provider-group" style="display: none;">
<input type="text" id="other-provider" placeholder="Provider Name">
</div>
<div class="form-group">
<select id="category-select">
<!-- Loaded dynamically -->
</select>
</div>
<div class="form-group" id="other-category-group" style="display: none;">
<input type="text" id="other-category" placeholder="Category Name">
</div>
<div class="form-group">
<label><span>Mode</span></label>
<div class="radio-group" style="display: flex; gap: 10px;">
<label style="font-size: 0.85rem;"><input type="radio" name="upload-mode" value="New Upload"
checked> <span>New</span></label>
<label style="font-size: 0.85rem;"><input type="radio" name="upload-mode" value="Modify Existing">
<span>Modify</span></label>
</div>
</div>
<div class="form-group" id="modify-group" style="display: none;">
<select id="file-to-modify">
<option value="">Select file...</option>
</select>
</div>
<div class="form-group">
<input type="file" id="doc-upload" hidden accept=".pdf,.docx">
<button class="primary-btn" id="upload-trigger" title="Upload Document">
<i class="fas fa-file-upload"></i> <span> Choose & Process</span>
</button>
</div>
</div>
<div class="status-container">
<div class="status-row">
<span>Ingestion Status</span>
<span id="status-text" style="color: #fbbf24;">Idle</span>
</div>
<div class="progress-track">
<div class="progress-bar" id="status-bar"></div>
</div>
</div>
<button class="primary-btn" style="background: rgba(255,255,255,0.05); margin-top: 1rem;" id="clear-chat"
title="Clear History">
<i class="fas fa-trash-alt"></i> <span> Clear History</span>
</button>
</aside>
<main class="main-content">
<header class="content-header">
<h1>Direct-to-Agent Policy Advisory</h1>
<p style="color: var(--text-muted);">Get grounded answers from your insurance documents.</p>
<p style="font-size: 0.85rem; opacity: 0.8; margin-top: 5px;">Note: This response is based solely on
insurer-provided documents and is not financial advice.</p>
</header>
<div class="chat-container glass-card">
<div class="chat-messages" id="chat-box">
<!-- Welcome Message -->
<div class="message bot-message">
Hello! I'm your Insurance AI Advisor. How can I help you today?
</div>
</div>
<div class="input-area">
<input type="file" id="audio-upload" hidden accept=".wav">
<button class="audio-btn" id="audio-trigger" title="Upload Audio (.wav)">
<i class="fas fa-upload"></i>
</button>
<input type="text" id="user-input"
placeholder="Ask about waiting periods, eligibility, or compare plans..." autocomplete="off">
<button class="send-btn" id="send-trigger">
<i class="fas fa-paper-plane"></i>
</button>
</div>
</div>
</main>
<script src="https://cdn.jsdelivr.net/npm/marked/marked.min.js"></script>
<script src="{{ url_for('static', filename='js/app.js') }}"></script>
</body>
</html> |