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

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

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