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

Last change on this file since 700 was 695, checked in by dungnv, 10 years ago
File size: 27.2 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 (isset($p_id)) 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-province" class="col-xs-12 col-sm-10">
104                                                    </div>
105                                                </div>
106                                                                                                <div class="form-group">
107                                                    <label for="form-field-username" class="col-sm-4 control-label no-padding-right">Quận / Huyện</label>
108
109                                                    <div class="col-sm-8">
110                                                        <input type="text" name="district" value="<?php echo @$district; ?>" placeholder="Quận / Huyện" id="form-field-district" class="col-xs-12 col-sm-10">
111                                                    </div>
112                                                </div>
113                                               
114                                            </div>
115                                                                                        <div class="col-sm-3">
116                                                                                        <h4><small><a href="#" data-toggle="modal" data-target="#changeProfile"><i>Đổi số điện thoại</i></a></small></h4>
117                                                                                        </div>
118                                        </div>
119                                        <div class="space-4"></div>
120
121                                        <div class="clearfix form-actions">
122                                            <div class="col-md-offset-3 col-md-9">
123                                                <button type="button" onclick="return updateInfo(<?php echo @$us_id; ?>);" class="btn btn-info">
124                                                    <i class="icon-ok bigger-110"></i>
125                                                    Cập nhật
126                                                </button>
127                                                                                               
128                                            </div>
129                                                                                        <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>
130                                                                                        </div>
131                                        </div>
132                                    </form>
133                                </div>
134
135
136                                <div class="tab-pane" id="edit-password">
137                                                                        <form id="frm2" class="form-horizontal" role="form">
138                                                                                <h4 class="header blue bolder smaller">Đổi mật khẩu</h4>
139                                                                                <div class="form-group">
140                                                                                        <label for="form-field-passwd" class="col-sm-3 control-label no-padding-right">Mật khẩu cÅ©</label>
141                                                                                        <div class="col-sm-9">
142                                                                                                <label class="block clearfix has-error">
143                                                                                                        <span class="input-icon">
144                                                                                                                <input type="password" name="passwd" id="form-field-pass1">
145                                                                                                                <i class="icon-lock blue"></i>
146                                                                                                        </span>
147
148                                                                                                        <small><div class="help-block" id="passwd_old_err"> </div></small>
149                                                                                                </label>
150                                                                                               
151                                                                                        </div>
152                                                                                </div>
153                                                                               
154                                                                                <div class="form-group">
155                                                                                        <label for="form-field-pass1" class="col-sm-3 control-label no-padding-right">Mật khẩu mới</label>
156
157                                                                                        <div class="col-sm-9">
158                                                                                                <label class="block clearfix has-error">
159                                                                                                        <span class="input-icon">
160                                                                                                                <input type="password" name="passwd_new" id="form-field-pass1">
161                                                                                                                <i class="icon-lock blue"></i>
162                                                                                                        </span>
163                                                                                                        <small><div class="help-block" id="passwd_new_err"> </div></small>
164                                                                                                </label>
165                                                                                        </div>
166                                                                                </div>
167
168                                                                                <div class="space-4"></div>
169
170                                                                                <div class="form-group">
171                                                                                        <label for="form-field-pass2" class="col-sm-3 control-label no-padding-right">Gõ lại mật khẩu mới</label>
172                                                                                        <div class="col-sm-9">
173                                                                                                <label class="block clearfix has-error">
174                                                                                                        <span class="input-icon">
175                                                                                                                <input type="password" name="confirm_passwd_new" id="form-field-pass2">
176                                                                                                        </span>
177                                                                                                        <small><div class="help-block" id="confirm_passwd_new_err"> </div></small>
178                                                                                                </label>
179                                                                                        </div>
180                                                                                </div>
181                                                                                <div class="clearfix form-actions">
182                                                                                        <div class="col-md-offset-3 col-md-9">
183                                                                                                <button type="button" onclick="return changePassword(<?php echo @$us_id; ?>);"  class="btn btn-info">
184                                                                                                        <i class="icon-ok bigger-110"></i>
185                                                                                                        Thay đổi
186                                                                                                </button>
187                                                                                        </div>
188                                                                                </div>
189                                                                               
190                                                                                </form>
191                               
192                                                                                <div class="alert alert-block alert-success">
193                                                                                       
194                                                                                        <p>
195                                                                                                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).
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-12">
204                                                                                        <h4>Số tiền trong tài khoản SBG Online: <b><span class="blue" id="topup-money"><?php echo number_format(@$acc_balanced, 0); ?> VNĐ <span></b></h4>
205
206                                        </div>                                                                 
207                                        <h4 class="header blue bolder smaller">Nạp tiền bằng thẻ cào</h4>
208                                        <div class="col-sm-8">
209                                            <div class="form-group">
210                                                <label for="form-field-pass1" class="col-sm-2 control-label no-padding-right">Mã thẻ</label>
211
212                                                <div class="col-sm-10">
213                                                    <input type="text" id="pin_card" name="pin_card" class="form-control">
214                                                </div>
215                                            </div>
216
217                                            <div class="space-4"></div>
218
219                                            <div class="form-group">
220                                                <label for="form-field-pass2" class="col-sm-2 control-label no-padding-right">Serial</label>
221
222                                                <div class="col-sm-10">
223                                                    <input type="text" id="card_serial" name="card_serial" class="form-control">
224                                                </div>
225                                            </div>
226                                        </div>
227                                        <div class="col-sm-4">
228                                            <button type="button" id="btn-charge" onclick="return chargeCard(<?php echo @$us_id; ?>);" class="btn btn-success">
229                                                <i class="icon-ok bigger-110"></i>
230                                                Tiếp tục
231                                            </button>
232                                                                                        <div class="space-4"></div>
233                                                                                        <label id="charging" style="display: none;"><span class="icon-refresh icon-refresh-animate"></span> Xin chờ...</label>
234                                            <div class="space-4"></div>
235                                            <a onclick="tradeHistory(<?php echo $us_id; ?>, 1);" data-toggle="modal"><i class="icon-archive"></i> Lịch sá»­ giao dịch</a>
236                                        </div>
237                                        <div class="clearfix">
238
239                                        </div>
240                                        <h4 class="header blue bolder smaller">Nạp tiền bằng tài khoản gốc</h4>
241                                        <div class="alert alert-block alert-success">                                           
242                                            <p>
243                                                <span <?php if(($is_viettel==1)) 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/>
244                                                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>.
245         
246                                            </p>
247                                        </div>
248                                    </form>
249                                </div>
250                                <div class="tab-pane" id="services-register">
251                                    <!--<form action="<?php echo base_url();?>frontend/user/packageRegister"  class="form-horizontal" id="package_register"> -->
252                                    <form action="<?php echo base_url();?>frontend/user/packageRegister" method="POST" class="form-horizontal" id="package_register">
253                                        <h4 class="header blue bolder smaller">ThÃŽng tin dịch vụ &nbsp;&nbsp;&nbsp;<a onclick="regisHistory(<?php echo $us_id; ?>, 1);" data-toggle="modal"><i class="icon-archive"></i> Lịch sá»­ đăng kÃœ dịch vụ</a></h4>
254                                                                                <div class="col-sm-6">
255                                            <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>
256                                        </div>
257                                                                                <div class="col-sm-6">
258                                            <h4>Số tiền trong tài khoản SBG Online</h4><h3> <span id="vip-regis-money"> <?php echo number_format(@$acc_balanced, 0); ?></span> VNĐ <span id="add_money" style="cursor:pointer" class="badge" >Nạp thêm tiền</span></h3>
259                                        </div>
260
261                                        <h4 class="header blue bolder smaller">Đăng kÃœ / Gia hạn dịch vụ</h4>
262
263                                        <h5>Mời QuÃœ vị chọn các gói dịch vụ sau:</h5>
264                                        <div class="errors" id="package_register">
265                                           
266                                        </div>
267                                        <div class="alert alert-block alert-success">                                           
268                                            <table class="table">
269                                                <tbody>
270                                                    <?php foreach ($packages as $index=>$package)
271                                                    {
272                                                    ?>
273                                                    <tr>
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                                                        <td><?php echo $package['p_name'];?></td>
281                                                        <td><?php echo $package['p_period'],' tháng (', number_format($package['p_price'], 0); ?> VNĐ)</td>
282                                                       
283                                                    </tr>
284                                                    <?php } ?>
285                                                   
286                                                </tbody>
287                                            </table>
288                                            <button type="submit" class="btn btn-success">Tiếp tục</button>
289                                        </div>
290                                       
291                                               <?php if ($is_viettel==true) { ?>
292                                        <h4 class="header blue bolder smaller"></h4>
293                                        <div class="alert alert-block alert-success">                                           
294                                            <p>
295                                                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>)
296                                        </p>
297                                        </div>
298                                            <?php } ?>
299                                           
300                                       
301                                    </form>
302                                </div>
303
304                            </div>
305                        </div>
306                    </div><!-- /span -->
307                </div>
308
309                <!-- PAGE CONTENT ENDS -->
310            </div><!-- /.col -->
311        </div><!-- /.row -->
312    </div><!-- /.page-content -->
313</div><!-- /.main-content -->
314</div><!-- /.main-container-inner -->
315
316<!-- <a href="#" id="btn-scroll-up" class="btn-scroll-up btn btn-sm btn-inverse">
317    <i class="icon-double-angle-up icon-only bigger-110"></i>
318</a> -->
319</div><!-- /.main-container -->
320
321<div class="modal fade" id="trade-history" tabindex="-1" role="dialog"aria-hidden="true">
322    <div class="modal-dialog">
323        <div class="modal-content">
324            <div class="modal-header">
325                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
326                <h4 class="modal-title">Lịch sá»­ giao dịch</h4>
327            </div>
328            <div class="modal-body">
329                <div class="table-responsive">
330                    <table id="sample-table-1" class="table table-striped table-bordered table-hover">
331                        <thead>
332                            <tr>
333                                <th class="center">
334                                                                        Từ
335                                </th>
336                                <th class="center">Số tiền (VNĐ)</th>
337                                <th>
338                                    <i class="icon-time bigger-110 hidden-480"></i>
339                                    Thời gian
340                                </th>
341                            </tr>
342                        </thead>
343                        <tbody id="content-trade-histoty">
344                        </tbody>
345                    </table>
346                                        <div>
347                                                <div class="dataTables_paginate paging_bootstrap">
348                                                        <ul class="pagination">
349                                                        </ul>
350                                                </div>
351                                        </div>
352                </div><!-- /.table-responsive -->
353            </div>
354        </div>
355    </div>
356</div>
357
358<div class="modal fade" id="package_register_modal" tabindex="-1" role="dialog"aria-hidden="true">
359    <div class="modal-dialog">
360        <div class="modal-content">
361            <div class="modal-header">
362                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
363                <h4 class="modal-title">Đăng kÃœ gói dịch vụ</h4>
364            </div>
365            <div class="modal-body">
366                <div class="alert alert-block alert-success">                                           
367                   
368                </div>
369            </div>
370        </div>
371    </div>
372</div>
373
374<div class="modal fade" id="changeProfile" tabindex="-1" role="dialog"aria-hidden="true">
375        <div class="modal-dialog">
376                <div class="modal-content">
377                        <div class="modal-header">
378                                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
379                                <h4 class="modal-title">Thay đổi số điện thoại</h4>
380                                </div>
381                                <div class="modal-body">
382                                <div class="alert alert-block alert-success">                                           
383                                        <?php echo lang('_SBG_USER_PHONENUM_CHANGE_MSG'); ?>
384                                </div>
385                        </div>
386                </div>
387        </div>
388</div>
389
390<div class="modal fade" id="changePassSuccess" tabindex="-1" role="dialog"aria-hidden="true">
391        <div class="modal-dialog">
392                <div class="modal-content">
393                        <div class="modal-header">
394                                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
395                                <h4 class="modal-title">Đổi mật khẩu</h4>
396                        </div>
397                        <div class="modal-body">
398                                <div class="alert alert-block alert-success"><center><?php echo lang('_SBG_USER_PASSWORD_CHANGE_SUCCESS_MSG'); ?></center></div>
399                                <center><button class="btn btn-primary" data-dismiss="modal">Đóng</button></center>
400                        </div>
401               
402                </div>
403        </div>
404</div>
405
406<div class="modal fade" id="updateInfoSuccess" tabindex="-1" role="dialog"aria-hidden="true">
407        <div class="modal-dialog">
408                <div class="modal-content">
409                        <div class="modal-header">
410                                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
411                                <h4 class="modal-title">Cập nhật thÃŽng tin</h4>
412                        </div>
413                        <div class="modal-body">
414                                <div class="alert alert-block alert-success"><center><?php echo lang('_SBG_USER_UPDATE_INFO_SUCCESS_MSG'); ?><center></div>
415                                <center><button id="close" class="btn btn-primary" data-dismiss="modal">Đóng</button></center>
416                        </div>
417               
418                </div>
419        </div>
420</div>
421
422<div class="modal fade" id="success_package_register_modal" tabindex="-1" role="dialog"aria-hidden="true">
423        <div class="modal-dialog">
424                <div class="modal-content">
425                        <div class="modal-header">
426                                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
427                                <h4 class="modal-title">Đăng kí thành cÃŽng</h4>
428                        </div>
429                        <div class="modal-body">
430                                <div id="success_package_register_content" class="alert alert-block alert-success"><center></center></div>
431                                <center><button id="package_register_finish_button" class="btn btn-primary" data-dismiss="modal">Đóng</button></center>
432                        </div>
433               
434                </div>
435        </div>
436</div>
437
438<div class="modal fade" id="success_charge" tabindex="-1" role="dialog"aria-hidden="true">
439        <div class="modal-dialog">
440                <div class="modal-content">
441                        <div class="modal-header">
442                                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
443                                <h4 class="modal-title">Nạp tiền</h4>
444                        </div>
445                        <div class="modal-body">
446                                <div id="success_charge_info" class="alert alert-block alert-success"><center></center></div>
447                                <center><button id="package_register_finish_button" data-dismiss="modal" class="btn btn-primary" >Đóng</button></center>
448                        </div>
449               
450                </div>
451        </div>
452</div>
453
454<div class="modal fade" id="not_success_charge" tabindex="-1" role="dialog"aria-hidden="true">
455        <div class="modal-dialog">
456                <div class="modal-content">
457                        <div class="modal-header">
458                                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
459                                <h4 class="modal-title">Nạp tiền</h4>
460                        </div>
461                        <div class="modal-body">
462                                <div id="no_success_charge_info" class="alert alert-block alert-success"><center></center></div>
463                                <center><button id="package_register_finish_button" data-dismiss="modal" class="btn btn-primary" >Đóng</button></center>
464                        </div>
465               
466                </div>
467        </div>
468</div>
469
470<div class="modal fade" id="regis-history" tabindex="-1" role="dialog"aria-hidden="true">
471    <div class="modal-dialog">
472        <div class="modal-content">
473            <div class="modal-header">
474                <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
475                <h4 class="modal-title">Lịch sá»­ đăng kÃœ dịch vụ</h4>
476            </div>
477            <div class="modal-body">
478                <div class="table-responsive">
479                    <table id="sample-table-1" class="table table-striped table-bordered table-hover">
480                        <thead>
481                            <tr>
482                                <th class="center">
483                                                                        Từ
484                                </th>
485                                <th class="center"> Gói dịch vụ </th>
486                                <th>
487                                    <i class="icon-time bigger-110 hidden-480"></i>
488                                    Thời gian
489                                </th>
490                            </tr>
491                        </thead>
492                        <tbody id="content-regis-histoty">
493                        </tbody>
494                    </table>
495                                        <div>
496                                                <div class="dataTables_paginate paging_bootstrap">
497                                                        <ul class="pagination">
498                                                        </ul>
499                                                </div>
500                                        </div>
501                </div><!-- /.table-responsive -->
502            </div>
503        </div>
504    </div>
505</div>
506
507<script type="text/javascript">
508        var url="<?php echo base_url();?>";
509        var current_tab="<?php echo $current_tab;?>";
510        //var current_balanced = <?php echo $acc_balanced; ?>;
511</script>
512<?php
513$this->load->view('layout/frontend/footer', array('base_url' => $base_url, 'usjs' => array('assets/js/frontend/user.js')));
514?>
Note: See TracBrowser for help on using the repository browser.