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

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