1 | <?php
|
---|
2 | $base_url = base_url();
|
---|
3 | $this->load->view('layout/frontend/header', array('base_url' => $base_url, '$username' => @$username));
|
---|
4 | $this->load->view('layout/frontend/sidebar', array('base_url' => $base_url));
|
---|
5 | /*
|
---|
6 | $this->load->view('layout/frontend/header', array('base_url'=>base_url(), '$username'=>$username));
|
---|
7 | $base_url = base_url();
|
---|
8 | $this->load->view('layout/frontend/sidebar', array('base_url'=>base_url())); */
|
---|
9 | ?>
|
---|
10 | <div class="main-content">
|
---|
11 |
|
---|
12 | <div class="page-content">
|
---|
13 | <div class="page-header">
|
---|
14 | <h1>
|
---|
15 | ThÎng tin cá nhân
|
---|
16 | <small>
|
---|
17 | <i class="icon-double-angle-right"></i>
|
---|
18 | <?php echo @$username; ?>
|
---|
19 | </small>
|
---|
20 | </h1>
|
---|
21 | </div><!-- /.page-header -->
|
---|
22 |
|
---|
23 | <div class="row">
|
---|
24 | <div class="col-xs-12">
|
---|
25 | <!-- PAGE CONTENT BEGINS -->
|
---|
26 | <div class="user-profile row" id="user-profile-3">
|
---|
27 | <div class="col-sm-offset-1 col-sm-10">
|
---|
28 |
|
---|
29 | <div class="tabbable">
|
---|
30 | <ul class="nav nav-tabs padding-16">
|
---|
31 | <li class="active">
|
---|
32 | <a href="#edit-basic" data-toggle="tab">
|
---|
33 | <i class="green icon-edit bigger-125"></i>
|
---|
34 | ThÎng tin cá nhân
|
---|
35 | </a>
|
---|
36 | </li>
|
---|
37 |
|
---|
38 | <li>
|
---|
39 | <a href="#edit-password" data-toggle="tab">
|
---|
40 | <i class="blue icon-key bigger-125"></i>
|
---|
41 | Äá»i máºt khẩu
|
---|
42 | </a>
|
---|
43 | </li>
|
---|
44 |
|
---|
45 | <li>
|
---|
46 | <a href="#account-info" data-toggle="tab">
|
---|
47 | <img src="<?php echo $base_url; ?>assets/img/payment.png" width="16" class="img-responsive pull-left">
|
---|
48 | ThÎng tin tà i khoản
|
---|
49 | </a>
|
---|
50 | </li>
|
---|
51 | <li>
|
---|
52 | <a href="#services-register" data-toggle="tab">
|
---|
53 | <i class="blue icon-cog bigger-125"></i>
|
---|
54 | ÄÄng kÜ dá»ch vụ
|
---|
55 | </a>
|
---|
56 | </li>
|
---|
57 | </ul>
|
---|
58 |
|
---|
59 | <div class="tab-content profile-edit-tab-content">
|
---|
60 | <div class="tab-pane in active" id="edit-basic">
|
---|
61 | <form id="frm1" role="form" class="form-horizontal">
|
---|
62 | <h4 class="header blue bolder smaller">ThÃŽng tin chung</h4>
|
---|
63 |
|
---|
64 | <div class="row">
|
---|
65 |
|
---|
66 | <div class="vspace-xs"></div>
|
---|
67 |
|
---|
68 | <div class="col-xs-12 col-sm-8">
|
---|
69 | <div class="form-group">
|
---|
70 | <label for="form-field-username" class="col-sm-4 control-label no-padding-right">Tà i khoản</label>
|
---|
71 |
|
---|
72 | <div class="col-sm-8">
|
---|
73 | <input type="text" name="username" value="<?php echo @$username; ?>" placeholder="Tà i khoản" id="form-field-username" class="col-xs-12 col-sm-10" disabled>
|
---|
74 | </div>
|
---|
75 | </div>
|
---|
76 |
|
---|
77 | <div class="space-4"></div>
|
---|
78 |
|
---|
79 | <div class="form-group">
|
---|
80 | <label for="form-field-first" class="col-sm-4 control-label no-padding-right">HỠtên</label>
|
---|
81 |
|
---|
82 | <div class="col-sm-8">
|
---|
83 | <input type="text" name="fullname" value="<?php echo @$fullname; ?>" placeholder="Há»" id="form-field-first" class="col-xs-12 col-sm-10" disabled>
|
---|
84 |
|
---|
85 | </div>
|
---|
86 | </div>
|
---|
87 |
|
---|
88 | <div class="space-4"></div>
|
---|
89 |
|
---|
90 | <div class="form-group">
|
---|
91 | <label for="form-field-username" class="col-sm-4 control-label no-padding-right">ÄÆ¡n vá»</label>
|
---|
92 |
|
---|
93 | <div class="col-sm-8">
|
---|
94 | <input type="text" name="school" value="<?php echo @$school; ?>" placeholder="ÄÆ¡n vá»" id="form-field-username" class="col-xs-12 col-sm-10">
|
---|
95 | </div>
|
---|
96 | </div>
|
---|
97 |
|
---|
98 | <div class="space-4"></div>
|
---|
99 |
|
---|
100 | <div class="form-group">
|
---|
101 | <label for="form-field-username" class="col-sm-4 control-label no-padding-right">Tá»nh / Thà nh phá»</label>
|
---|
102 |
|
---|
103 | <div class="col-sm-8">
|
---|
104 | <input type="text" name="province" value="<?php echo @$province; ?>" placeholder="Tá»nh / Thà nh phá»" id="form-field-username" class="col-xs-12 col-sm-10">
|
---|
105 | </div>
|
---|
106 | </div>
|
---|
107 |
|
---|
108 | </div>
|
---|
109 | </div>
|
---|
110 |
|
---|
111 | <hr>
|
---|
112 |
|
---|
113 | <div class="space-4"></div>
|
---|
114 |
|
---|
115 | <div class="form-group">
|
---|
116 | <label class="col-sm-3 control-label no-padding-right">Giá»i tÃnh</label>
|
---|
117 |
|
---|
118 | <div class="col-sm-9">
|
---|
119 | <label class="inline">
|
---|
120 | <input type="radio" <?php if (@$gender == "male") echo "checked"; ?> class="ace" name="gender" value="male">
|
---|
121 | <span class="lbl"> Nam</span>
|
---|
122 | </label>
|
---|
123 |
|
---|
124 |
|
---|
125 | <label class="inline">
|
---|
126 | <input type="radio" <?php if (@$gender == "female") echo "checked"; ?> class="ace" name="gender" value="female">
|
---|
127 | <span class="lbl"> Nữ</span>
|
---|
128 | </label>
|
---|
129 | </div>
|
---|
130 | </div>
|
---|
131 |
|
---|
132 | <div class="space"></div>
|
---|
133 | <h4 class="header blue bolder smaller">ThÃŽng tin liên há»</h4>
|
---|
134 |
|
---|
135 | <div class="form-group">
|
---|
136 | <label for="form-field-email" class="col-sm-3 control-label no-padding-right">Email</label>
|
---|
137 |
|
---|
138 | <div class="col-sm-9">
|
---|
139 | <label class="block clearfix has-error">
|
---|
140 | <span class="input-icon input-icon-right">
|
---|
141 | <input name="email" type="email" value="<?php echo @$email; ?>" id="form-field-email">
|
---|
142 | <i class="icon-envelope"></i>
|
---|
143 | </span>
|
---|
144 | <div class="help-block" id="email_err"> </div>
|
---|
145 | </label>
|
---|
146 | </div>
|
---|
147 | </div>
|
---|
148 |
|
---|
149 | <div class="clearfix form-actions">
|
---|
150 | <div class="col-md-offset-3 col-md-9">
|
---|
151 | <button type="button" onclick="return updateInfo(<?php echo @$us_id; ?>);" class="btn btn-info">
|
---|
152 | <i class="icon-ok bigger-110"></i>
|
---|
153 | Cáºp nháºt
|
---|
154 | </button>
|
---|
155 | </div>
|
---|
156 | </div>
|
---|
157 | </form>
|
---|
158 | </div>
|
---|
159 |
|
---|
160 |
|
---|
161 | <div class="tab-pane" id="edit-password">
|
---|
162 | <div class="alert alert-block alert-success">
|
---|
163 | <p>
|
---|
164 | Quà vá» có thá» thay Äá»i máºt khẩu bằng cách dùng sá» Äiá»n thoại [SoDTKhachhang] và soạn tin theo cú pháp: <strong>SBG MK [matkhaumoi] gá»i tá»i 8062</strong>. <br/>
|
---|
165 | Äá» lấy lại máºt khẩu cá»§a mình trên há» thá»ng SBG Online, quà vá» hãy dùng sá» Äiá»n thoại Äã ÄÄng kà tà i khoản và soạn tin theo cú pháp: <strong>SBG MK gá»i tá»i 8062</strong>.
|
---|
166 | </p>
|
---|
167 | </div>
|
---|
168 | </div>
|
---|
169 |
|
---|
170 | <div class="tab-pane" id="account-info">
|
---|
171 | <form id="frm3" class="form-horizontal" role="form">
|
---|
172 | <h4 class="header blue bolder smaller">ThÎng tin tà i khoản</h4>
|
---|
173 | <div class="col-sm-6">
|
---|
174 | <h4>Sá» tiá»n </h4> <h3><?php echo number_format(@$acc_balanced, 0); ?> VND</h3>
|
---|
175 | </div>
|
---|
176 | <div class="col-sm-6">
|
---|
177 | <h4>Thá»i bạn sá» dụng </h4> <h3><?php echo $expire_date; ?> <span class="badge"><?php echo $date_diff; ?></span></h3>
|
---|
178 | </div>
|
---|
179 |
|
---|
180 | <h4 class="header blue bolder smaller">Nạp tiá»n bằng thẻ cà o</h4>
|
---|
181 | <div class="col-sm-8">
|
---|
182 | <div class="form-group">
|
---|
183 | <label for="form-field-pass1" class="col-sm-2 control-label no-padding-right">Mã thẻ</label>
|
---|
184 |
|
---|
185 | <div class="col-sm-10">
|
---|
186 | <input type="text" id="form-field-pass1" class="form-control">
|
---|
187 | </div>
|
---|
188 | </div>
|
---|
189 |
|
---|
190 | <div class="space-4"></div>
|
---|
191 |
|
---|
192 | <div class="form-group">
|
---|
193 | <label for="form-field-pass2" class="col-sm-2 control-label no-padding-right">Serial</label>
|
---|
194 |
|
---|
195 | <div class="col-sm-10">
|
---|
196 | <input type="text" id="form-field-pass2" class="form-control">
|
---|
197 | </div>
|
---|
198 | </div>
|
---|
199 | </div>
|
---|
200 | <div class="col-sm-4">
|
---|
201 | <button type="button" class="btn btn-success" data-toggle="modal" data-target="#alert-payment">
|
---|
202 | <i class="icon-ok bigger-110"></i>
|
---|
203 | Tiếp tục
|
---|
204 | </button>
|
---|
205 | <div class="space-4"></div>
|
---|
206 | <a href="#" data-toggle="modal" data-target="#trade-history"><i class="icon-archive"></i> Lá»ch sá» giao dá»ch</a>
|
---|
207 | </div>
|
---|
208 | <div class="clearfix">
|
---|
209 |
|
---|
210 | </div>
|
---|
211 | <h4 class="header blue bolder smaller">Nạp tiá»n bằng tà i khoản gá»c</h4>
|
---|
212 | <div class="alert alert-block alert-success">
|
---|
213 | <p>
|
---|
214 | Sá» dụng thuê bao <strong>016825764</strong> soạn tin nhắn: <strong>SBG NAP [sotien] gá»i 8062</strong>. <br/>
|
---|
215 | Nếu quà vỠsỠdụng thuê bao Viettel khác thì soạn tin nhắn: <strong>SBG NAP [tentruynhap]
|
---|
216 | [sotien] gá»i tá»i 8062</strong>.
|
---|
217 | </p>
|
---|
218 | </div>
|
---|
219 | </form>
|
---|
220 | </div>
|
---|
221 | <div class="tab-pane" id="services-register">
|
---|
222 | <form action="<?php echo base_url();?>frontend/user/packageRegister" class="form-horizontal" id="package_register">
|
---|
223 | <h4 class="header blue bolder smaller">ThÎng tin tà i khoản</h4>
|
---|
224 | <div class="col-sm-6">
|
---|
225 | <h4>Sá» tiá»n </h4> <h3><?php echo number_format(@$acc_balanced, 0); ?> VND</h3>
|
---|
226 | </div>
|
---|
227 | <div class="col-sm-6">
|
---|
228 | <h4>Thá»i bạn sá» dụng </h4> <h3><?php echo $expire_date; ?> <span class="badge"><?php echo $date_diff; ?></span></h3>
|
---|
229 | </div>
|
---|
230 | <h4 class="header blue bolder smaller">ÄÄng kÜ dá»ch vụ</h4>
|
---|
231 | <h5>Cách 1: Má»i quà vá» chá»n các gói dá»ch vụ sau</h5>
|
---|
232 | <div class="errors" id="package_register">
|
---|
233 |
|
---|
234 | </div>
|
---|
235 | <div class="alert alert-block alert-success">
|
---|
236 | <table class="table">
|
---|
237 | <tbody>
|
---|
238 | <?php foreach ($packages as $index=>$package)
|
---|
239 | {
|
---|
240 | ?>
|
---|
241 | <tr>
|
---|
242 | <td><?php echo $package['p_name'];?></td>
|
---|
243 | <td><?php echo number_format($package['p_price'], 0); ?> VNÄ</td>
|
---|
244 | <td class="center">
|
---|
245 | <label>
|
---|
246 | <input <?php if($index==0) {echo "checked='checked'";}?> type="radio" value="<?php echo $package['p_id'];?>" name="p_id" class="ace" />
|
---|
247 | <span class="lbl"></span>
|
---|
248 | </label>
|
---|
249 | </td>
|
---|
250 | </tr>
|
---|
251 | <?php } ?>
|
---|
252 |
|
---|
253 | </tbody>
|
---|
254 | </table>
|
---|
255 | <button type="submit" class="btn btn-success">ÄÄng kÜ</button>
|
---|
256 | </div>
|
---|
257 | <h5>Cách 2</h5>
|
---|
258 | <h4>Soạn tin: SBG DK 1 (hay 3, 6, 12) gá»i tá»i 8062</h4>
|
---|
259 | </form>
|
---|
260 | </div>
|
---|
261 |
|
---|
262 | </div>
|
---|
263 | </div>
|
---|
264 | </div><!-- /span -->
|
---|
265 | </div>
|
---|
266 |
|
---|
267 | <!-- PAGE CONTENT ENDS -->
|
---|
268 | </div><!-- /.col -->
|
---|
269 | </div><!-- /.row -->
|
---|
270 | </div><!-- /.page-content -->
|
---|
271 | </div><!-- /.main-content -->
|
---|
272 | </div><!-- /.main-container-inner -->
|
---|
273 |
|
---|
274 | <a href="#" id="btn-scroll-up" class="btn-scroll-up btn btn-sm btn-inverse">
|
---|
275 | <i class="icon-double-angle-up icon-only bigger-110"></i>
|
---|
276 | </a>
|
---|
277 | </div><!-- /.main-container -->
|
---|
278 |
|
---|
279 | <div class="modal fade" id="trade-history" tabindex="-1" role="dialog"aria-hidden="true">
|
---|
280 | <div class="modal-dialog">
|
---|
281 | <div class="modal-content">
|
---|
282 | <div class="modal-header">
|
---|
283 | <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
|
---|
284 | <h4 class="modal-title">Lá»ch sá» giao dá»ch</h4>
|
---|
285 | </div>
|
---|
286 | <div class="modal-body">
|
---|
287 | <div class="table-responsive">
|
---|
288 | <table id="sample-table-1" class="table table-striped table-bordered table-hover">
|
---|
289 | <thead>
|
---|
290 | <tr>
|
---|
291 | <th class="center">
|
---|
292 | <label>
|
---|
293 | <input type="checkbox" class="ace" />
|
---|
294 | <span class="lbl"></span>
|
---|
295 | </label>
|
---|
296 | </th>
|
---|
297 | <th>Sá» tiá»n</th>
|
---|
298 |
|
---|
299 | <th>
|
---|
300 | <i class="icon-time bigger-110 hidden-480"></i>
|
---|
301 | Thá»i gian
|
---|
302 | </th>
|
---|
303 | </tr>
|
---|
304 | </thead>
|
---|
305 |
|
---|
306 | <tbody>
|
---|
307 | <tr>
|
---|
308 | <td class="center">
|
---|
309 | <label>
|
---|
310 | <input type="checkbox" class="ace" />
|
---|
311 | <span class="lbl"></span>
|
---|
312 | </label>
|
---|
313 | </td>
|
---|
314 | <td>$45</td>
|
---|
315 | <td>Feb 12</td>
|
---|
316 | </tr>
|
---|
317 | </tbody>
|
---|
318 | </table>
|
---|
319 | </div><!-- /.table-responsive -->
|
---|
320 | </div>
|
---|
321 | </div>
|
---|
322 | </div>
|
---|
323 | </div>
|
---|
324 |
|
---|
325 | <div class="modal fade" id="alert-payment" tabindex="-1" role="dialog"aria-hidden="true">
|
---|
326 | <div class="modal-dialog">
|
---|
327 | <div class="modal-content">
|
---|
328 | <div class="modal-header">
|
---|
329 | <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
|
---|
330 | <h4 class="modal-title">ThÃŽng báo dá»ch vụ</h4>
|
---|
331 | </div>
|
---|
332 | <div class="modal-body">
|
---|
333 | <div class="alert alert-block alert-success">
|
---|
334 | <p>
|
---|
335 | Quà vá» Äã nạp thà nh cÃŽng <b>10.000 </b>VND và o tà i khoản <b>0168942155</b>, tà i khoản hiá»n tại cá»§a quà vá» là <b>20.000 </b>VND.
|
---|
336 | </p>
|
---|
337 | </div>
|
---|
338 | </div>
|
---|
339 | </div>
|
---|
340 | </div>
|
---|
341 | </div>
|
---|
342 |
|
---|
343 | <div class="modal fade" id="package_register_modal" tabindex="-1" role="dialog"aria-hidden="true">
|
---|
344 | <div class="modal-dialog">
|
---|
345 | <div class="modal-content">
|
---|
346 | <div class="modal-header">
|
---|
347 | <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
|
---|
348 | <h4 class="modal-title">ÄÄng kÜ gói dá»ch vụ</h4>
|
---|
349 | </div>
|
---|
350 | <div class="modal-body">
|
---|
351 | <div class="alert alert-block alert-success">
|
---|
352 |
|
---|
353 | </div>
|
---|
354 | </div>
|
---|
355 | </div>
|
---|
356 | </div>
|
---|
357 | </div>
|
---|
358 |
|
---|
359 |
|
---|
360 |
|
---|
361 | <?php
|
---|
362 | $this->load->view('layout/frontend/footer', array('base_url' => $base_url, 'usjs' => array('assets/js/frontend/user.js')));
|
---|
363 | ?> |
---|