Hugging Face's logo

Spaces:
PRC142004
/
Agri_Schemes
Runtime error

App Files Community
1
PRC142004 commited on
Commit
3fe4e10
·
verified ·
1 Parent(s): e3361b3

Update templates/scheme_details.html

Browse files
Files changed (1) hide show
  1. templates/scheme_details.html +235 -153
templates/scheme_details.html CHANGED
@@ -1,154 +1,236 @@
1
- {% extends "base.html" %}
2
-
3
- {% block content %}
4
- <div class="container scheme-detail-container">
5
- <nav aria-label="breadcrumb">
6
- <ol class="breadcrumb">
7
- <li class="breadcrumb-item"><a href="{{ url_for('index') }}">Home</a></li>
8
- <li class="breadcrumb-item active" aria-current="page">{{ scheme.name }}</li>
9
- </ol>
10
- </nav>
11
-
12
- <h1 class="page-title mb-2">{{ scheme.name }}</h1>
13
-
14
- <div class="row g-2">
15
- <div class="col-lg-8">
16
- <div class="card mb-2 shadow-sm">
17
- <div class="card-body p-3">
18
- <h2 class="section-title mb-2">Introduction</h2>
19
- <p class="scheme-text">{{ scheme.introduction }}</p>
20
- </div>
21
- </div>
22
-
23
- {% if scheme.objective %}
24
- <div class="card mb-2 shadow-sm">
25
- <div class="card-body p-3">
26
- <h2 class="section-title mb-2">Objectives</h2>
27
- <ul class="list-group list-group-flush">
28
- {% for obj in scheme.objective %}
29
- <li class="list-group-item bg-transparent py-1">{{ obj }}</li>
30
- {% endfor %}
31
- </ul>
32
- </div>
33
- </div>
34
- {% endif %}
35
-
36
- {% if scheme.benefits %}
37
- <div class="card mb-2 shadow-sm">
38
- <div class="card-body p-3">
39
- <h2 class="section-title mb-2">Benefits</h2>
40
- <ul class="list-group list-group-flush">
41
- {% for benefit in scheme.benefits %}
42
- <li class="list-group-item bg-transparent py-1">{{ benefit }}</li>
43
- {% endfor %}
44
- </ul>
45
- </div>
46
- </div>
47
- {% endif %}
48
-
49
- {% if scheme.eligibility %}
50
- <div class="card mb-2 shadow-sm">
51
- <div class="card-body p-3">
52
- <h2 class="section-title mb-2">Eligibility</h2>
53
- {% if scheme.eligibility.eligible %}
54
- <h3 class="h5 mb-2">Eligible Beneficiaries:</h3>
55
- <ul class="list-group list-group-flush mb-2">
56
- {% for eligible in scheme.eligibility.eligible %}
57
- <li class="list-group-item bg-transparent py-1">{{ eligible }}</li>
58
- {% endfor %}
59
- </ul>
60
- {% endif %}
61
-
62
- {% if scheme.eligibility.exclusions %}
63
- <h3 class="h5 mb-2">Exclusions:</h3>
64
- <ul class="list-group list-group-flush">
65
- {% for exclusion in scheme.eligibility.exclusions %}
66
- <li class="list-group-item bg-transparent py-1">{{ exclusion }}</li>
67
- {% endfor %}
68
- </ul>
69
- {% endif %}
70
- </div>
71
- </div>
72
- {% endif %}
73
-
74
- {% if scheme.application_process %}
75
- <div class="card mb-2 shadow-sm">
76
- <div class="card-body p-3">
77
- <h2 class="section-title mb-2">Application Process</h2>
78
- <ol class="list-group list-group-flush">
79
- {% for step in scheme.application_process %}
80
- <li class="list-group-item bg-transparent py-1">{{ step }}</li>
81
- {% endfor %}
82
- </ol>
83
- </div>
84
- </div>
85
- {% endif %}
86
-
87
- {% if scheme.documents_required %}
88
- <div class="card mb-2 shadow-sm">
89
- <div class="card-body p-3">
90
- <h2 class="section-title mb-2">Required Documents</h2>
91
- <ul class="list-group list-group-flush">
92
- {% for doc in scheme.documents_required %}
93
- <li class="list-group-item bg-transparent py-1">{{ doc }}</li>
94
- {% endfor %}
95
- </ul>
96
- </div>
97
- </div>
98
- {% endif %}
99
- </div>
100
-
101
- <div class="col-lg-4">
102
- <div class="card shadow-sm sticky-lg-top" style="top: 0.5rem;">
103
- <div class="card-body p-3">
104
- <h2 class="section-title mb-2">Contact Information</h2>
105
- <ul class="list-unstyled mb-0">
106
- {% if scheme.contact.helpline %}
107
- <li class="mb-2">
108
- <i class="fas fa-phone-alt text-primary me-2"></i>
109
- <strong>Helpline:</strong><br>
110
- {{ scheme.contact.helpline }}
111
- </li>
112
- {% endif %}
113
- {% if scheme.contact.email %}
114
- <li class="mb-2">
115
- <i class="fas fa-envelope text-primary me-2"></i>
116
- <strong>Email:</strong><br>
117
- <a href="mailto:{{ scheme.contact.email }}">{{ scheme.contact.email }}</a>
118
- </li>
119
- {% endif %}
120
- {% if scheme.contact.website %}
121
- <li>
122
- <i class="fas fa-globe text-primary me-2"></i>
123
- <strong>Website:</strong><br>
124
- <a href="{{ scheme.contact.website }}" target="_blank" class="text-break">{{ scheme.contact.website }}</a>
125
- </li>
126
- {% endif %}
127
- </ul>
128
- </div>
129
- </div>
130
- </div>
131
- </div>
132
- </div>
133
-
134
- <style>
135
- /* Additional scheme detail specific styles */
136
- .scheme-detail-container .card {
137
- min-height: 0;
138
- margin-bottom: 0.5rem;
139
- }
140
- .scheme-detail-container .list-group-item {
141
- white-space: normal;
142
- word-break: break-word;
143
- }
144
- .scheme-detail-container .row > div > .card:last-child {
145
- margin-bottom: 0;
146
- }
147
- .scheme-detail-container h2.section-title {
148
- font-size: 1.1rem;
149
- }
150
- .scheme-detail-container h3.h5 {
151
- font-size: 0.95rem;
152
- }
153
- </style>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
154
  {% endblock %}
 
1
+ {% extends "base.html" %}
2
+
3
+ {% block content %}
4
+ <!-- Standard Hero Header -->
5
+ <div class="header-section">
6
+ <nav aria-label="breadcrumb">
7
+ <ol class="breadcrumb justify-content-center mb-4">
8
+ <li class="breadcrumb-item"><a href="{{ url_for('index') }}" class="text-white-50"><i
9
+ class="bi bi-house-door"></i> Home</a></li>
10
+ <li class="breadcrumb-item active text-white" aria-current="page">{{ scheme.name }}</li>
11
+ </ol>
12
+ </nav>
13
+ <h1 class="display-4 fw-bold mb-0">{{ scheme.name }}</h1>
14
+ </div>
15
+
16
+ <!-- Main Content (Floating) -->
17
+ <div class="main-container">
18
+ <div class="row g-4">
19
+ <!-- Main Content Column -->
20
+ <div class="col-lg-8">
21
+
22
+ <!-- Introduction -->
23
+ <div class="premium-card mb-4" id="intro">
24
+ <div class="card-body p-4">
25
+ <h2 class="section-title mb-3"><i class="bi bi-info-circle me-2"></i>Introduction</h2>
26
+ <p class="scheme-text lead" style="font-size: 1.05rem; opacity: 0.9;">{{ scheme.introduction }}</p>
27
+ </div>
28
+ </div>
29
+
30
+ <!-- Objectives & Benefits -->
31
+ {% if scheme.objective or scheme.benefits %}
32
+ <div class="premium-card mb-4">
33
+ <div class="card-body p-4">
34
+ {% if scheme.objective %}
35
+ <h2 class="section-title mb-3"><i class="bi bi-bullseye me-2"></i>Objectives</h2>
36
+ <ul class="list-group list-group-flush mb-4">
37
+ {% for obj in scheme.objective %}
38
+ <li class="list-group-item bg-transparent py-2 px-0 d-flex align-items-start">
39
+ <i class="bi bi-check2-circle text-success me-2 mt-1"></i>
40
+ <span>{{ obj }}</span>
41
+ </li>
42
+ {% endfor %}
43
+ </ul>
44
+ {% endif %}
45
+
46
+ {% if scheme.benefits %}
47
+ <h2 class="section-title mb-3"><i class="bi bi-stars me-2"></i>Benefits</h2>
48
+ <ul class="list-group list-group-flush">
49
+ {% for benefit in scheme.benefits %}
50
+ <li class="list-group-item bg-transparent py-2 px-0 d-flex align-items-start">
51
+ <i class="bi bi-gift text-success me-2 mt-1"></i>
52
+ <span>{{ benefit }}</span>
53
+ </li>
54
+ {% endfor %}
55
+ </ul>
56
+ {% endif %}
57
+ </div>
58
+ </div>
59
+ {% endif %}
60
+
61
+ <!-- Detail Tabs (Eligibility, Process, Docs) -->
62
+ <div class="premium-card mb-4">
63
+ <div class="card-body p-4">
64
+ <ul class="nav nav-pills mb-3" id="schemeTabs" role="tablist">
65
+ {% if scheme.eligibility %}
66
+ <li class="nav-item" role="presentation">
67
+ <button class="nav-link active rounded-pill px-4" id="eligibility-tab" data-bs-toggle="pill"
68
+ data-bs-target="#eligibility" type="button" role="tab"><i
69
+ class="bi bi-person-check me-2"></i>Eligibility</button>
70
+ </li>
71
+ {% endif %}
72
+ {% if scheme.application_process %}
73
+ <li class="nav-item" role="presentation">
74
+ <button class="nav-link rounded-pill px-4" id="process-tab" data-bs-toggle="pill"
75
+ data-bs-target="#process" type="button" role="tab"><i
76
+ class="bi bi-clipboard-check me-2"></i>Process</button>
77
+ </li>
78
+ {% endif %}
79
+ {% if scheme.documents_required %}
80
+ <li class="nav-item" role="presentation">
81
+ <button class="nav-link rounded-pill px-4" id="docs-tab" data-bs-toggle="pill"
82
+ data-bs-target="#docs" type="button" role="tab"><i
83
+ class="bi bi-file-earmark-text me-2"></i>Documents</button>
84
+ </li>
85
+ {% endif %}
86
+ </ul>
87
+
88
+ <div class="tab-content" id="schemeTabsContent">
89
+ <!-- Eligibility Tab -->
90
+ <div class="tab-pane fade show active" id="eligibility" role="tabpanel">
91
+ {% if scheme.eligibility.eligible %}
92
+ <div class="mb-3">
93
+ <h3 class="h6 fw-bold text-uppercase text-muted mb-2">Eligible Beneficiaries</h3>
94
+ <div class="p-3 bg-light rounded-3 border">
95
+ <ul class="list-unstyled mb-0">
96
+ {% for eligible in scheme.eligibility.eligible %}
97
+ <li class="mb-2 d-flex align-items-start">
98
+ <i class="bi bi-check-lg text-success me-2 mt-1"></i>
99
+ {{ eligible }}
100
+ </li>
101
+ {% endfor %}
102
+ </ul>
103
+ </div>
104
+ </div>
105
+ {% endif %}
106
+
107
+ {% if scheme.eligibility.exclusions %}
108
+ <div>
109
+ <h3 class="h6 fw-bold text-uppercase text-muted mb-2">Exclusions</h3>
110
+ <div
111
+ class="p-3 bg-danger bg-opacity-10 rounded-3 border border-danger border-opacity-25">
112
+ <ul class="list-unstyled mb-0">
113
+ {% for exclusion in scheme.eligibility.exclusions %}
114
+ <li class="mb-2 d-flex align-items-start text-danger">
115
+ <i class="bi bi-x-circle me-2 mt-1"></i>
116
+ {{ exclusion }}
117
+ </li>
118
+ {% endfor %}
119
+ </ul>
120
+ </div>
121
+ </div>
122
+ {% endif %}
123
+ </div>
124
+
125
+ <!-- Process Tab -->
126
+ <div class="tab-pane fade" id="process" role="tabpanel">
127
+ <div class="timeline mt-2">
128
+ {% for step in scheme.application_process %}
129
+ <div class="d-flex mb-3">
130
+ <div class="flex-shrink-0 me-3">
131
+ <div class="bg-primary text-white rounded-circle d-flex align-items-center justify-content-center fw-bold shadow-sm"
132
+ style="width: 32px; height: 32px;">
133
+ {{ loop.index }}
134
+ </div>
135
+ </div>
136
+ <div class="flex-grow-1">
137
+ {{ step }}
138
+ </div>
139
+ </div>
140
+ {% endfor %}
141
+ </div>
142
+ </div>
143
+
144
+ <!-- Docs Tab -->
145
+ <div class="tab-pane fade" id="docs" role="tabpanel">
146
+ <div class="row g-2 mt-2">
147
+ {% for doc in scheme.documents_required %}
148
+ <div class="col-md-6">
149
+ <div
150
+ class="d-flex align-items-center p-3 border rounded bg-light hover-bg-white transition-all">
151
+ <i class="bi bi-file-text text-primary me-3 fs-4"></i>
152
+ <span>{{ doc }}</span>
153
+ </div>
154
+ </div>
155
+ {% endfor %}
156
+ </div>
157
+ </div>
158
+ </div>
159
+ </div>
160
+ </div>
161
+
162
+ </div>
163
+
164
+ <!-- Sidebar Column -->
165
+ <div class="col-lg-4">
166
+ <div class="premium-card sticky-lg-top" style="top: 2rem; z-index: 10;">
167
+ <div class="card-body p-4">
168
+ <h2 class="section-title mb-4"><i class="bi bi-headset me-2"></i>Contact Info</h2>
169
+ <ul class="list-unstyled mb-0 d-grid gap-3">
170
+ {% if scheme.contact.helpline %}
171
+ <li class="d-flex align-items-center p-3 rounded bg-light border">
172
+ <div class="me-3 text-primary fs-3"><i class="bi bi-telephone-fill"></i></div>
173
+ <div>
174
+ <small class="text-muted fw-bold d-block text-uppercase">Helpline</small>
175
+ <span class="fw-bold">{{ scheme.contact.helpline }}</span>
176
+ </div>
177
+ </li>
178
+ {% endif %}
179
+ {% if scheme.contact.email %}
180
+ <li class="d-flex align-items-center p-3 rounded bg-light border">
181
+ <div class="me-3 text-primary fs-3"><i class="bi bi-envelope-fill"></i></div>
182
+ <div>
183
+ <small class="text-muted fw-bold d-block text-uppercase">Email</small>
184
+ <a href="mailto:{{ scheme.contact.email }}" class="text-decoration-none text-dark">{{
185
+ scheme.contact.email }}</a>
186
+ </div>
187
+ </li>
188
+ {% endif %}
189
+ {% if scheme.contact.website %}
190
+ <li class="d-flex align-items-center p-3 rounded bg-light border">
191
+ <div class="me-3 text-primary fs-3"><i class="bi bi-globe"></i></div>
192
+ <div style="overflow: hidden;">
193
+ <small class="text-muted fw-bold d-block text-uppercase">Website</small>
194
+ <a href="{{ scheme.contact.website }}" target="_blank"
195
+ class="text-decoration-none text-dark text-truncate d-block">Visit Site</a>
196
+ </div>
197
+ </li>
198
+ {% endif %}
199
+ </ul>
200
+
201
+ <hr class="my-4 text-muted">
202
+
203
+ <a href="{{ url_for('chatbot') }}" class="btn btn-primary w-100 py-2 rounded-pill shadow-sm">
204
+ <i class="bi bi-robot me-2"></i> Ask AI Assistant
205
+ </a>
206
+ </div>
207
+ </div>
208
+ </div>
209
+ </div>
210
+ </div>
211
+
212
+ <style>
213
+ .breadcrumb-item+.breadcrumb-item::before {
214
+ color: rgba(255, 255, 255, 0.5);
215
+ }
216
+
217
+ .nav-pills .nav-link {
218
+ color: var(--text-dark);
219
+ background: #f8f9fa;
220
+ margin-right: 0.5rem;
221
+ margin-bottom: 0.5rem;
222
+ font-weight: 500;
223
+ }
224
+
225
+ .nav-pills .nav-link.active {
226
+ background-color: var(--primary);
227
+ color: white;
228
+ }
229
+
230
+ .section-title {
231
+ color: var(--primary);
232
+ border-bottom: 2px solid #e9ecef;
233
+ padding-bottom: 0.5rem;
234
+ }
235
+ </style>
236
  {% endblock %}