-
Notifications
You must be signed in to change notification settings - Fork 0
/
index_pub.html
203 lines (131 loc) · 8.61 KB
/
index_pub.html
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
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
<div id="app_ins" class="bg-purple-700 p-5 min-h-screen flex flex-col items-center justify-start">
<ul class="nav flex justify-around items-center border-t w-full h-0 relative mt-7 mb-14">
<li v-on:click="form_step=1" class="step">
<span class="step_number">1</span>
<span class="step_title">Vehicle Details</span>
</li>
<li class="step">
<span class="step_number">2</span>
<span class="step_title">insurance quote</span>
</li>
</ul>
<form action="#" class="w-full" method="get">
<div v-show="form_step==1" class="section">
<Vselect :value="vehicleUsages" error="vehicleUsage" title="Vehicle Usage" v-model="vehicleUsage">
</Vselect>
<Vinput placeholder="Enter Vehicle Value (GHS)" error="vehicleValue" type="number"
title="Vehicle Value (GHS)" v-model="vehicleValue"></Vinput>
<Vinput placeholder="Enter Number Of Seats" error="numberOfSeats" type="number" title="Number of Seats"
v-model="numberOfSeats"></Vinput>
<Vselect :value="enginSizes" error="enginSize" title="Engine Size / Cubic Capacity (CC)"
v-model="enginSize"></Vselect>
<div class="flex items-center justify-center h-20">
<button v-on:click="step1" type="button" class="continue_button">Continue</button>
</div>
</div>
<div v-show="form_step==2" class="section">
<Vpackges></Vpackges>
</div>
<div v-show="form_step==3" class="relative w-11/12 left-8">
<ul class="sub-navi">
<li v-on:click="form_sub_step=1" v-bind:class="{active:form_sub_step==1}">1</li>
<li v-on:click="step2" v-bind:class="{active:form_sub_step==2}">2</li>
<li v-on:click="step3" v-bind:class="{active:form_sub_step==3}">3</li>
<li v-on:click="step4" v-bind:class="{active:form_sub_step==4}">4</li>
</ul>
<div class="sub-details">
<div v-show="form_sub_step==1" class="section">
<h2 class="title font-bold mb-4 uppercase">Insured Details</h2>
<Vselect :value="['Mr.','Miss.','Mrs.','Master.']" error="title" title="Title" v-model="title">
</Vselect>
<Vinput placeholder="Enter Surename" error="surname" title="Surename" v-model="surname">
</Vinput>
<Vinput placeholder="Enter Other Names" error="othernames" title="Other Names"
v-model="othernames">
</Vinput>
<Vinput placeholder="Enter Date of Birth" type="date" error="dob" title="Date of Birth"
v-model="dob">
</Vinput>
<Vselect :value="['Male','Female']" error="sex" title="Sex" v-model="sex">
</Vselect>
<div class="flex items-center justify-center h-20">
<button v-on:click="step2" type="button" class="continue_button">Continue</button>
</div>
</div>
<div v-show="form_sub_step==2" class="section">
<h2 class="title font-bold mb-4 uppercase">Identification</h2>
<Vselect :value="['Passport','Drivers License','Voters ID','National ID']" error="id_type"
title="ID Type" v-model="id_type">
</Vselect>
<Vinput placeholder="Enter ID Number" error="id_number" title="ID Number" v-model="id_number">
</Vinput>
<Vinput placeholder="Enter Email" type="email" error="email" title="Email" v-model="email">
</Vinput>
<Vphone placeholder="Enter Phone Number" error="phone_number" title="Phone Number"
v-model="phone_number"></Vphone>
<Vinput placeholder="Enter Postal Address" error="postal_address" title="Postal Address"
v-model="postal_address">
</Vinput>
<Vinput placeholder="Enter Office / Home Location" error="office_address"
title="Office / Home Location" v-model="office_address">
</Vinput>
<div class="flex items-center justify-center h-20">
<button v-on:click="step3" type="button" class="continue_button">Continue</button>
</div>
</div>
<div v-show="form_sub_step==3" class="section">
<h2 class="title font-bold mb-4 uppercase">Vehical Details</h2>
<Vinput placeholder="Enter Make / Model of Vehicle" error="model_of_vehicle"
title="Make / Model of Vehicle" v-model="model_of_vehicle">
</Vinput>
<Vinput placeholder="Enter Year of Manufacture" error="year_of_manufacture"
title="Year of Manufacture" v-model="year_of_manufacture">
</Vinput>
<Vinput placeholder="Enter Engine Number" error="engine_number" title="Engine Number"
v-model="engine_number">
</Vinput>
<Vinput placeholder="Enter Chassis Number" error="chassis_number" title="Chassis Number"
v-model="chassis_number">
</Vinput>
<Vinput placeholder="Enter Registration Number" error="registration_number"
title="Registration Number" v-model="registration_number">
</Vinput>
<Vselect :value="['Learner','Less than 2 years','Over 2 years']" error="driving_experience"
title="Driving Experience" v-model="driving_experience">
</Vselect>
<div class="flex items-center justify-center h-20">
<button v-on:click="step4" type="button" class="continue_button">Continue</button>
</div>
</div>
<div v-show="form_sub_step==4" class="section">
<h2 class="title font-bold mb-4 uppercase">DECLARATION</h2>
<p>
I / We warrant that the above statement and particulars are true and I/ We hereby agree that
this Declaration shall be held promissory and of continuing effect and shall form the basis
of and be deemed to be incorporated in the contract between me / us and PRIORITY INSURANCE
COMPANY LIMITED, and I / We are willing to accept a policy subject to the terms prescribed
by the Company therein and to pay the Premium thereon.
</p>
<div class="c-input-checkbox flex items-center mt-5">
<input type="checkbox" v-model="agree" class="w-5 h-5 mr-3" id="decl">
<label for="decl" class="font-bold">I have read DECLARATION.</label>
</div>
<div class="flex items-center justify-center h-20">
<button v-on:click="form_sub_step=5" v-bind:disabled="!agree" type="button"
class="continue_button">Accept & Continue</button>
</div>
</div>
<div v-show="form_sub_step==5" class="section">
<h2 class="title mb-4 uppercase">Check all details provided below to ensure they are all
correct.</h2>
<vsummery></vsummery>
<div class="flex items-center justify-center h-20">
<button v-on:click="1+1" type="button" class="continue_button">Continue</button>
</div>
</div>
</div>
</div>
</form>
</div>
<script src="https://cdn.jsdelivr.net/gh/dulshan300/fvunitdurkinsurence@main/main.min.js"></script>
<!-- <script src="main.js"></script> -->