source: pro-violet-viettel/sourcecode/application/modules/frontend/views/user_profile.php @ 557

Last change on this file since 557 was 557, checked in by quyenla, 11 years ago

front end
File size: 26.8 KB
Line 
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<div class="main-content">
7
8    <div class="page-content">
9        <div class="page-header">
10            <h1>
11                ThÃŽng tin cá nhân
12                <small>
13                    <i class="icon-double-angle-right"></i>
14                    <?php echo @$username; ?>
15                </small>
16            </h1>
17        </div><!-- /.page-header -->
18
19        <div class="row">
20            <div class="col-xs-12">
21                <!-- PAGE CONTENT BEGINS -->
22                <div class="user-profile row" id="user-profile-3">
23                    <div class="col-sm-offset-1 col-sm-10">
24
25                        <div class="tabbable">
26                            <ul class="nav nav-tabs padding-16">
27                                <li class="active" >
28                                    <a id="edit-basic-tab" href="#edit-basic" data-toggle="tab">
29                                        <i class="green icon-edit bigger-125"></i>
30                                        ThÃŽng tin cá nhân
31                                    </a>
32                                </li>
33
34                                <li >
35                                    <a id="edit-password-tab" href="#edit-password" data-toggle="tab">
36                                        <i class="blue icon-key bigger-125"></i>
37                                        Đổi mật khẩu
38                                    </a>
39                                </li>
40
41                                <li >
42                                    <a id="account-info-tab" href="#account-info" data-toggle="tab">
43                                        <img src="<?php echo $base_url; ?>assets/img/payment.png" width="16" class="img-responsive pull-left">
44                                        ThÃŽng tin tài khoản
45                                    </a>
46                                </li>
47                                <li >
48                                    <a id="services-register-tab" href="#services-register" data-toggle="tab">
49                                        <i class="blue icon-cog bigger-125"></i>
50                                        Đăng kÃœ dịch vụ
51                                    </a>
52                                </li>
53                            </ul>
54
55                            <div class="tab-content profile-edit-tab-content">
56                                <div class="tab-pane in active" id="edit-basic">
57                                    <form id="frm1" role="form" class="form-horizontal">
58                                        <h4 class="header blue bolder smaller">ThÃŽng tin cá nhân</h4>
59
60                                        <div class="row">
61
62                                            <div class="vspace-xs"></div>
63
64                                            <div class="col-sm-9">
65                                                <div class="form-group">
66                                                    <label for="form-field-username" class="col-sm-4 control-label no-padding-right">Số điện thoại</label>
67
68                                                    <div class="col-sm-8">
69                                                        <input type="text" name="username" value="<?php echo @$username; ?>" placeholder="Số điện thoại" id="form-field-username" class="col-xs-12 col-sm-10" disabled>
70                                                    </div>
71                                                </div>
72
73                                                <div class="space-4"></div>
74                                                       
75                                                <div class="form-group">
76                                                    <label for="form-field-first" class="col-sm-4 control-label no-padding-right">Họ và tên</label>
77                                                                                                        <label class="block clearfix has-error">
78                                                                                                               
79                                                                                                                <div class="col-sm-8">
80                                                                                                                        <input type="text" name="fullname" value="<?php echo @$fullname; ?>" placeholder="Họ và tên" id="form-field-first" class="col-xs-12 col-sm-10" <?php if (@$use_package) echo 'disabled'; ?>>
81
82                                                                                                                </div>
83                                                                                                                <small><div class="col-sm-8 help-block" id="fullname_err"> </div></small>
84                                                                                                        </label>
85                                                </div>
86
87                                                <div class="space-4"></div>
88
89                                                <div class="form-group">
90                                                    <label for="form-field-username" class="col-sm-4 control-label no-padding-right">Đơn vị</label>
91
92                                                    <div class="col-sm-8">
93                                                        <input type="text" name="school" value="<?php echo @$school; ?>" placeholder="Đơn vị" id="form-field-username" class="col-xs-12 col-sm-10">
94                                                    </div>
95                                                </div>
96
97                                                <div class="space-4"></div>
98
99                                                <div class="form-group">
100                                                    <label for="form-field-username" class="col-sm-4 control-label no-padding-right">Tỉnh / Thành phố</label>
101
102                                                    <div class="col-sm-8">
103                                                        <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">
104                                                    </div>
105                                                </div>
106                                               
107                                            </div>
108                                                                                        <div class="col-sm-3">
109                                                                                        <h4><small><a href="#" data-toggle="modal" data-target="#changeProfile"><i>Đổi số điện thoại</i></a></small></h4>
110                                                                                        </div>
111                                        </div>
112                                        <div class="space-4"></div>
113
114                                        <div class="clearfix form-actions">
115                                            <div class="col-md-offset-3 col-md-9">
116                                                <button type="button" onclick="return updateInfo(<?php echo @$us_id; ?>);" class="btn btn-info">
117                                                    <i class="icon-ok bigger-110"></i>
118                                                    Cập nhật
119                                                </button>
120                                                                                               
121                                            </div>
122                                                                                        <div class="col-md-offset-3 col-md-9"><label id="updating" style="display: none;"><span class="icon-refresh icon-refresh-animate"></span> Đang xá»­ lÃœ...</label>
123                                                                                        </div>
124                                        </div>
125                                    </form>
126                                </div>
127
128
129                                <div class="tab-pane" id="edit-password">
130                                                                        <form id="frm2" class="form-horizontal" role="form">
131                                                                                <h4 class="header blue bolder smaller">Đổi mật khẩu</h4>
132                                                                                <div class="form-group">
133                                                                                        <label for="form-field-passwd" class="col-sm-3 control-label no-padding-right">Mật khẩu cÅ©</label>
134                                                                                        <div class="col-sm-9">
135                                                                                                <label class="block clearfix has-error">
136                                                                                                        <span class="input-icon">
137                                                                                                                <input type="password" name="passwd" id="form-field-pass1">
138                                                                                                                <i class="icon-lock blue"></i>
139                                                                                                        </span>
140
141                                                                                                        <small><div class="help-block" id="passwd_old_err"> </div></small>
142                                                                                                </label>
143                                                                                               
144                                                                                        </div>
145                                                                                </div>
146                                                                               
147                                                                                <div class="form-group">
148                                                                                        <label for="form-field-pass1" class="col-sm-3 control-label no-padding-right">Mật khẩu mới</label>
149
150                                                                                        <div class="col-sm-9">
151                                                                                                <label class="block clearfix has-error">
152                                                                                                        <span class="input-icon">
153                                                                                                                <input type="password" name="passwd_new" id="form-field-pass1">
154                                                                                                                <i class="icon-lock blue"></i>
155                                                                                                        </span>
156                                                                                                        <small><div class="help-block" id="passwd_new_err"> </div></small>
157                                                                                                </label>
158                                                                                        </div>
159                                                                                </div>
160
161                                                                                <div class="space-4"></div>
162
163                                                                                <div class="form-group">
164                                                                                        <label for="form-field-pass2" class="col-sm-3 control-label no-padding-right">Gõ lại mật khẩu mới</label>
165                                                                                        <div class="col-sm-9">
166                                                                                                <label class="block clearfix has-error">
167                                                                                                        <span class="input-icon">
168                                                                                                                <input type="password" name="confirm_passwd_new" id="form-field-pass2">
169                                                                                                        </span>
170                                                                                                        <small><div class="help-block" id="confirm_passwd_new_err"> </div></small>
171                                                                                                </label>
172                                                                                        </div>
173                                                                                </div>
174                                                                                <div class="clearfix form-actions">
175                                                                                        <div class="col-md-offset-3 col-md-9">
176                                                                                                <button type="button" onclick="return changePassword(<?php echo @$us_id; ?>);"  class="btn btn-info">
177                                                                                                        <i class="icon-ok bigger-110"></i>
178                                                                                                        Thay đổi
179                                                                                                </button>
180                                                                                        </div>
181                                                                                </div>
182                                                                               
183                                                                                </form>
184                               
185                                                                                <div class="alert alert-block alert-success">
186                                                                                       
187                                                                                        <p>
188                                                                                                Quí vị cÅ©ng có thể thay đổi mật khẩu bằng cách dùng số điện thoại <strong><?php echo $username; ?></strong> và soạn tin theo cú pháp: <strong>SBG MK [MatKhauMoi]</strong> gá»­i tới <strong>8062</strong> (500đ/tin).
189                                                                                        <p/>
190                                                                                </div>
191                                </div>
192
193                                <div class="tab-pane" id="account-info">
194                                    <form id="frm3" class="form-horizontal" role="form">
195                                        <h4 class="header blue bolder smaller">ThÃŽng tin tài khoản</h4>
196                                                                                <div class="col-sm-6">
197                                                                                        <h4>Số tiền trong tài khoản SBG Online: <b><span class="blue"><?php echo number_format(@$acc_balanced, 0); ?> VNĐ <span></b></h4>
198
199                                        </div>
200                                                                                <div class="col-sm-6">
201                                                                                        <h3>&nbsp; </h3>
202                                        </div>
203                                        <h4 class="header blue bolder smaller">Nạp tiền bằng thẻ cào</h4>
204                                        <div class="col-sm-8">
205                                            <div class="form-group">
206                                                <label for="form-field-pass1" class="col-sm-2 control-label no-padding-right">Mã thẻ</label>
207
208                                                <div class="col-sm-10">
209                                                    <input type="text" id="form-field-pass1" name="pin_card" class="form-control">
210                                                </div>
211                                            </div>
212
213                                            <div class="space-4"></div>
214
215                                            <div class="form-group">
216                                                <label for="form-field-pass2" class="col-sm-2 control-label no-padding-right">Serial</label>
217
218                                                <div class="col-sm-10">
219                                                    <input type="text" id="form-field-pass2" name="card_serial" class="form-control">
220                                                </div>
221                                            </div>
222                                        </div>
223                                        <div class="col-sm-4">
224                                            <button type="button"        onclick="return chargeCard(<?php echo @$us_id; ?>);" class="btn btn-success">
225                                                <i class="icon-ok bigger-110"></i>
226                                                Tiếp tục
227                                            </button>
228                                                                                        <div class="space-4"></div>
229                                                                                        <label id="charging" style="display: none;"><span class="icon-refresh icon-refresh-animate"></span> Xin chờ...</label>
230                                            <div class="space-4"></div>
231                                            <a href="#" data-toggle="modal" data-target="#trade-history"><i class="icon-archive"></i> Lịch sá»­ giao dịch</a>
232                                        </div>
233                                        <div class="clearfix">
234
235                                        </div>
236                                        <h4 class="header blue bolder smaller">Nạp tiền bằng tài khoản gốc</h4>
237                                        <div class="alert alert-block alert-success">                                           
238                                            <p>
239                                                <span <?php if(!($is_viettel)) echo 'style="display: none;"'?> >Sá»­ dụng thuê bao <strong><?php echo @$username; ?></strong> soạn tin nhắn: <strong>SBG NAP [SoTien] gá»­i 8062</strong>. </span><br/>
240                                                Nếu quí vị sá»­ dụng thuê bao Viettel khác thì soạn tin nhắn: <strong>SBG NAP [SoTien] <?php  echo $username; ?> gá»­i tới 8062</strong>.
241         
242                                            </p>
243                                        </div>
244                                    </form>
245                                </div>
246                                <div class="tab-pane" id="services-register">
247                                    <!--<form action="<?php echo base_url();?>frontend/user/packageRegister"  class="form-horizontal" id="package_register"> -->
248                                    <form action="<?php echo base_url();?>frontend/user/packageRegister" method="POST" class="form-horizontal" id="package_register">
249                                        <h4 class="header blue bolder smaller">ThÃŽng tin dịch vụ</h4>
250                                                                                <div class="col-sm-6">
251                                            <h4><b>Thời hạn sá»­ dụng</b></h4> <h3><b><span class="blue"><?php echo isset($expire_date) && strtotime($expire_date)>0 ? date('d/m/Y', strtotime($expire_date)) : '';?> </span></b></h3>
252                                        </div>
253                                                                                <div class="col-sm-6">
254                                            <h4>Số tiền trong tài khoản SBG Online</h4><h3> <?php echo number_format(@$acc_balanced, 0); ?> VNĐ <span id="add_money" style="cursor:pointer" class="badge" >Nạp thêm tiền</span></h3>
255                                        </div>
256
257                                        <h4 class="header blue bolder smaller">Đăng kÃœ / Gia hạn dịch vụ</h4>
258
259                                        <h5>Mời quí vị chọn các gói dịch vụ sau:</h5>
260                                        <div class="errors" id="package_register">
261                                           
262                                        </div>
263                                        <div class="alert alert-block alert-success">                                           
264                                            <table class="table">
265                                                <tbody>
266                                                    <?php foreach ($packages as $index=>$package)
267                                                    {
268                                                    ?>
269                                                    <tr>
270                                                        <td class="center">
271                                                            <label>
272                                                                <input <?php if($index==0) {echo "checked='checked'";}?> type="radio" value="<?php echo $package['p_id'];?>" name="p_id" class="ace" />
273                                                                <span class="lbl"></span>
274                                                            </label>
275                                                        </td>
276                                                        <td><?php echo $package['p_name'];?></td>
277                                                        <td><?php echo $package['p_period'],' tháng (', number_format($package['p_price'], 0); ?> VNĐ)</td>
278                                                       
279                                                    </tr>
280                                                    <?php } ?>
281                                                   
282                                                </tbody>
283                                            </table>
284                                            <button type="submit" class="btn btn-success">Tiếp tục</button>
285                                        </div>
286                                       
287                                               <?php if ($is_viettel==true) { ?>
288                                        <h4 class="header blue bolder smaller"></h4>
289                                        <div class="alert alert-block alert-success">                                           
290                                            <p>
291                                                Quí vị cÅ©ng có thể sá»­ dụng số điện thoại <strong><?php echo $username;?></strong> và soạn tin theo cú pháp: <strong>SBG VIP 1</strong> (hay VIP 3, VIP 6, VIP 12) <strong>gá»­i tới 8062</strong> (Hệ thống sẜ trừ tiền trên tài khoản chính của số điện thoại <strong><?php echo $username;?></strong>)
292                                        </p>
293                                        </div>
294                                            <?php } ?>
295                                           
296                                       
297                                    </form>
298                                </div>
299
300                            </div>
301                        </div>
302                    </div><!-- /span -->
303                </div>
304
305                <!-- PAGE CONTENT ENDS -->
306            </div><!-- /.col -->
307        </div><!-- /.row -->
308    </div><!-- /.page-content -->
309</div><!-- /.main-content -->
310</div><!-- /.main-container-inner -->
311
312<a href="#" id="btn-scroll-up" class="btn-scroll-up btn btn-sm btn-inverse">
313    <i class="icon-double-angle-up icon-only bigger-110"></i>
314</a>
315</div><!-- /.main-container -->
316
317<div class="modal fade" id="trade-history" tabindex="-1" role="dialog"aria-hidden="true">
318    <div class="modal-dialog">
319        <div class="modal-content">
320            <div class="modal-header">
321                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
322                <h4 class="modal-title">Lịch sá»­ giao dịch</h4>
323            </div>
324            <div class="modal-body">
325                <div class="table-responsive">
326                    <table id="sample-table-1" class="table table-striped table-bordered table-hover">
327                        <thead>
328                            <tr>
329                                <th class="center">
330                                    <label>
331                                        <input type="checkbox" class="ace" />
332                                        <span class="lbl"></span>
333                                    </label>
334                                </th>
335                                <th>Số tiền</th>
336
337                                <th>
338                                    <i class="icon-time bigger-110 hidden-480"></i>
339                                    Thời gian
340                                </th>
341                            </tr>
342                        </thead>
343
344                        <tbody>
345                            <tr>
346                                <td class="center">
347                                    <label>
348                                        <input type="checkbox" class="ace" />
349                                        <span class="lbl"></span>
350                                    </label>
351                                </td>
352                                <td>$45</td>
353                                <td>Feb 12</td>
354                            </tr>
355                        </tbody>
356                    </table>
357                </div><!-- /.table-responsive -->
358            </div>
359        </div>
360    </div>
361</div>
362
363<div class="modal fade" id="alert-payment" tabindex="-1" role="dialog"aria-hidden="true">
364    <div class="modal-dialog">
365        <div class="modal-content">
366            <div class="modal-header">
367                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
368                <h4 class="modal-title">ThÃŽng báo dịch vụ</h4>
369            </div>
370            <div class="modal-body">
371                <div class="alert alert-block alert-success">                                           
372                    <p>
373                        Quí vị đã nạp thành cÃŽng <b>10.000 </b>VNĐ 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>VNĐ.
374                    </p>
375                </div>
376            </div>
377        </div>
378    </div>
379</div>
380
381<div class="modal fade" id="package_register_modal" tabindex="-1" role="dialog"aria-hidden="true">
382    <div class="modal-dialog">
383        <div class="modal-content">
384            <div class="modal-header">
385                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
386                <h4 class="modal-title">Đăng kÃœ gói dịch vụ</h4>
387            </div>
388            <div class="modal-body">
389                <div class="alert alert-block alert-success">                                           
390                   
391                </div>
392            </div>
393        </div>
394    </div>
395</div>
396
397<div class="modal fade" id="changeProfile" tabindex="-1" role="dialog"aria-hidden="true">
398        <div class="modal-dialog">
399                <div class="modal-content">
400                        <div class="modal-header">
401                                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
402                                <h4 class="modal-title">Thay đổi số điện thoại</h4>
403                                </div>
404                                <div class="modal-body">
405                                <div class="alert alert-block alert-success">                                           
406                                        <p>
407                                                Quí vị có thể thay đổi Số Điện thoại đang sá»­ dụng bằng cách: Trên số điện thoại mới, quí vị soạn tin theo cú pháp: <strong>SBG DDT [SoDTCu] [MatKhau]</strong> gá»­i tới <strong>8062</strong> (500đ/tin).
408                                        </p>
409                                </div>
410                        </div>
411                </div>
412        </div>
413</div>
414
415<div class="modal fade" id="changePassSuccess" tabindex="-1" role="dialog"aria-hidden="true">
416        <div class="modal-dialog">
417                <div class="modal-content">
418                        <div class="modal-header">
419                                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
420                                <h4 class="modal-title">Đổi mật khẩu</h4>
421                        </div>
422                        <div class="modal-body">
423                                <div class="alert alert-block alert-success"><center>Quí vị đã đổi mật khẩu thành cÃŽng !</center></div>
424                                <center><button class="btn btn-primary" data-dismiss="modal">Đóng</button></center>
425                        </div>
426               
427                </div>
428        </div>
429</div>
430
431<div class="modal fade" id="updateInfoSuccess" tabindex="-1" role="dialog"aria-hidden="true">
432        <div class="modal-dialog">
433                <div class="modal-content">
434                        <div class="modal-header">
435                                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
436                                <h4 class="modal-title">Cập nhật thÃŽng tin</h4>
437                        </div>
438                        <div class="modal-body">
439                                <div class="alert alert-block alert-success"><center>Quí vị đã cập nhật thÃŽng tin thành cÃŽng!</center></div>
440                                <center><button id="close" class="btn btn-primary" data-dismiss="modal">Đóng</button></center>
441                        </div>
442               
443                </div>
444        </div>
445</div>
446
447<div class="modal fade" id="success_package_register_modal" tabindex="-1" role="dialog"aria-hidden="true">
448        <div class="modal-dialog">
449                <div class="modal-content">
450                        <div class="modal-header">
451                                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
452                                <h4 class="modal-title">Đăng kí thành cÃŽng</h4>
453                        </div>
454                        <div class="modal-body">
455                                <div id="success_package_register_content" class="alert alert-block alert-success"><center>Quí vị đã cập nhật thÃŽng tin thành cÃŽng!</center></div>
456                                <center><button id="package_register_finish_button" class="btn btn-primary" data-dismiss="modal">Đóng</button></center>
457                        </div>
458               
459                </div>
460        </div>
461</div>
462
463<div class="modal fade" id="success_charge" tabindex="-1" role="dialog"aria-hidden="true">
464        <div class="modal-dialog">
465                <div class="modal-content">
466                        <div class="modal-header">
467                                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
468                                <h4 class="modal-title">Nạp tiền</h4>
469                        </div>
470                        <div class="modal-body">
471                                <div id="success_charge_info" class="alert alert-block alert-success"><center>Quí vị đã nạp thành cÃŽng [SoTien] vào tài khoản <?php echo $username; ?>, tài khoản ảo của quí vị là [TaiKhoanAO]!</center></div>
472                                <center><button id="package_register_finish_button" data-dismiss="modal" class="btn btn-primary" >Đóng</button></center>
473                        </div>
474               
475                </div>
476        </div>
477</div>
478
479<div class="modal fade" id="not_success_charge" tabindex="-1" role="dialog"aria-hidden="true">
480        <div class="modal-dialog">
481                <div class="modal-content">
482                        <div class="modal-header">
483                                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
484                                <h4 class="modal-title">Nạp tiền</h4>
485                        </div>
486                        <div class="modal-body">
487                                <div id="no_success_charge_info" class="alert alert-block alert-success"><center>Mã thẻ hoặc Serial khÃŽng dúng hoặc đã được sá»­ dụng. Quí vị hãy kiểm tra lại!</center></div>
488                                <center><button id="package_register_finish_button" data-dismiss="modal" class="btn btn-primary" >Đóng</button></center>
489                        </div>
490               
491                </div>
492        </div>
493</div>
494
495<script type="text/javascript">
496        var url="<?php echo base_url();?>";
497        var current_tab="<?php echo $current_tab;?>";
498</script>
499<?php
500$this->load->view('layout/frontend/footer', array('base_url' => $base_url, 'usjs' => array('assets/js/frontend/user.js')));
501?>
Note: See TracBrowser for help on using the repository browser.