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

Last change on this file since 454 was 454, checked in by namnd, 11 years ago
File size: 11.5 KB
Line 
1<?php
2$this->load->view('layout/frontend/header', array('base_url'=>base_url(), '$username'=>$username));
3$base_url = base_url();
4$this->load->view('layout/frontend/sidebar');
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 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 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 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                                                                </ul>
48
49                                                                <div class="tab-content profile-edit-tab-content">
50                                                                        <div class="tab-pane in active" id="edit-basic">
51                                                                                <form id="frm1" role="form" class="form-horizontal">
52                                                                                        <h4 class="header blue bolder smaller">ThÃŽng tin chung</h4>
53
54                                                                                        <div class="row">
55
56                                                                                                <div class="vspace-xs"></div>
57
58                                                                                                <div class="col-xs-12 col-sm-8">
59                                                                                                        <div class="form-group">
60                                                                                                                <label for="form-field-username" class="col-sm-4 control-label no-padding-right">Tài khoản</label>
61
62                                                                                                                <div class="col-sm-8">
63                                                                                                                        <input type="text" name="login_name" value="<?php echo $username; ?>" placeholder="Tài khoản" id="form-field-username" class="col-xs-12 col-sm-10" disabled>
64                                                                                                                </div>
65                                                                                                        </div>
66
67                                                                                                        <div class="space-4"></div>
68
69                                                                                                        <div class="form-group">
70                                                                                                                <label for="form-field-first" class="col-sm-4 control-label no-padding-right">Họ tên</label>
71
72                                                                                                                <div class="col-sm-8">
73                                                                                                                        <input type="text" name="full_name" value="<?php echo $full_name; ?>" placeholder="Họ" id="form-field-first" class="col-xs-12 col-sm-10">
74                                                               
75                                                                                                                </div>
76                                                                                                        </div>
77
78                                                                                                        <div class="space-4"></div>
79
80                                                                                                        <div class="form-group">
81                                                                                                                <label for="form-field-username" class="col-sm-4 control-label no-padding-right">Đơn vị</label>
82
83                                                                                                                <div class="col-sm-8">
84                                                                                                                        <input type="text" name="school" value="<?php echo $school; ?>" placeholder="Đơn vị" id="form-field-username" class="col-xs-12 col-sm-10">
85                                                                                                                </div>
86                                                                                                        </div>
87
88                                                                                                </div>
89                                                                                        </div>
90
91                                                                                        <hr>
92
93                                                                                        <div class="space-4"></div>
94
95                                                                                        <div class="form-group">
96                                                                                                <label class="col-sm-3 control-label no-padding-right">Giới tính</label>
97
98                                                                                                <div class="col-sm-9">
99                                                                                                        <label class="inline">
100                                                                                                                <input type="radio" class="ace" name="form-field-radio">
101                                                                                                                <span class="lbl"> Nam</span>
102                                                                                                        </label>
103
104                                                                                                        &nbsp; &nbsp; &nbsp;
105                                                                                                        <label class="inline">
106                                                                                                                <input type="radio" class="ace" name="form-field-radio">
107                                                                                                                <span class="lbl"> Nữ</span>
108                                                                                                        </label>
109                                                                                                </div>
110                                                                                        </div>
111
112                                                                                        <div class="space"></div>
113                                                                                        <h4 class="header blue bolder smaller">ThÃŽng tin liên hệ</h4>
114
115                                                                                        <div class="form-group">
116                                                                                                <label for="form-field-email" class="col-sm-3 control-label no-padding-right">Email</label>
117
118                                                                                                <div class="col-sm-9">
119                                                                                                        <span class="input-icon input-icon-right">
120                                                                                                                <input name="email" type="email" value="<?php echo $email; ?>" id="form-field-email">
121                                                                                                                <i class="icon-envelope"></i>
122                                                                                                        </span>
123                                                                                                </div>
124                                                                                        </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();" class="btn btn-info">
129                                                                                                                <i class="icon-ok bigger-110"></i>
130                                                                                                                Cập nhật
131                                                                                                        </button>
132                                                                                                </div>
133                                                                                        </div>
134                                                                                </form>
135                                                                        </div>
136
137                                                                       
138                                                                        <div class="tab-pane" id="edit-password">
139                                                                                <form id="frm2" class="form-horizontal" role="form">
140                                                                                        <div class="form-group">
141                                                                                                <label for="form-field-passwd" class="col-sm-3 control-label no-padding-right">Mật khẩu hiện tại</label>
142                                                                                                <div class="col-sm-9">
143                                                                                                        <label class="block clearfix has-error">
144                                                                                                                <span class="input-icon">
145                                                                                                                        <input type="password" name="passwd" id="form-field-pass1">
146                                                                                                                        <i class="icon-lock blue"></i>
147                                                                                                                </span>
148                                       
149                                                                                                                <div class="help-block" id="passwd_old_err"> </div>
150                                                                                                        </label>
151                                                                                                       
152                                                                                                </div>
153                                                                                        </div>
154                                                                                       
155                                                                                        <div class="form-group">
156                                                                                                <label for="form-field-pass1" class="col-sm-3 control-label no-padding-right">Mật khẩu mới</label>
157
158                                                                                                <div class="col-sm-9">
159                                                                                                        <label class="block clearfix has-error">
160                                                                                                                <span class="input-icon">
161                                                                                                                        <input type="password" name="passwd_new" id="form-field-pass1">
162                                                                                                                        <i class="icon-lock blue"></i>
163                                                                                                                </span>
164                                                                                                                <div class="help-block" id="passwd_new_err"> </div>
165                                                                                                        </label>
166                                                                                                </div>
167                                                                                        </div>
168
169                                                                                        <div class="space-4"></div>
170
171                                                                                        <div class="form-group">
172                                                                                                <label for="form-field-pass2" class="col-sm-3 control-label no-padding-right">Xác nhận mật khẩu mới</label>
173
174                                                                                                <div class="col-sm-9">
175                                                                                                        <label class="block clearfix has-error">
176                                                                                                                <span class="input-icon">
177                                                                                                                        <input type="password" name="confirm_passwd_new" id="form-field-pass2">
178                                                                                                                </span>
179                                                                                                                <div class="help-block" id="confirm_passwd_new_err"> </div>
180                                                                                                        </label>
181                                                                                                </div>
182                                                                                        </div>
183                                                                                        <div class="clearfix form-actions">
184                                                                                                <div class="col-md-offset-3 col-md-9">
185                                                                                                        <button type="button" onclick="return changePassword();"  class="btn btn-info">
186                                                                                                                <i class="icon-ok bigger-110"></i>
187                                                                                                                Thay đổi mật khẩu
188                                                                                                        </button>
189                                                                                                </div>
190                                                                                        </div>
191                                                                                       
192                                                                                        </form>
193                                                                        </div>
194
195                                                                        <div class="tab-pane" id="account-info">
196                                                                                <form id="frm3" class="form-horizontal" role="form">
197                                                                                        <h4 class="header blue bolder smaller">ThÃŽng tin tài khoản</h4>
198                                                                                        <div class="col-sm-6">
199                                                                                                <h4>Số tiền </h4> <h3><?php echo $acc_balanced; ?> VND</h3>
200                                                                                        </div>
201                                                                                        <div class="col-sm-6">
202                                                                                                <h4>Thời bạn sá»­ dụng </h4> <h3><?php echo $expire_date; ?> <span class="badge"><?php echo $date_diff; ?></span></h3>
203                                                                                        </div>
204
205                                                                                        <h4 class="header blue bolder smaller">Nạp tiền bằng thẻ cào</h4>
206                                                                                        <div class="col-sm-8">
207                                                                                                <div class="form-group">
208                                                                                                        <label for="form-field-pass1" class="col-sm-2 control-label no-padding-right">Mã thẻ</label>
209
210                                                                                                        <div class="col-sm-10">
211                                                                                                                <input type="text" id="form-field-pass1" class="form-control">
212                                                                                                        </div>
213                                                                                                </div>
214
215                                                                                                <div class="space-4"></div>
216
217                                                                                                <div class="form-group">
218                                                                                                        <label for="form-field-pass2" class="col-sm-2 control-label no-padding-right">Serial</label>
219
220                                                                                                        <div class="col-sm-10">
221                                                                                                                <input type="text" id="form-field-pass2" class="form-control">
222                                                                                                        </div>
223                                                                                                </div>
224                                                                                        </div>
225                                                                                        <div class="col-sm-4">
226                                                                                                <button type="button" class="btn btn-success" data-toggle="modal" data-target="#alert-payment">
227                                                                                                        <i class="icon-ok bigger-110"></i>
228                                                                                                        Tiếp tục
229                                                                                                </button>
230                                                                                                <div class="space-4"></div>
231                                                                                                <a href="#" data-toggle="modal" data-target="#trade-history"><i class="icon-archive"></i> Lịch sá»­ giao dịch</a>
232                                                                                        </div>
233                                                                                        <div class="clearfix">
234                                                                                               
235                                                                                        </div>
236                                                                                        <h4 class="header blue bolder smaller">Nạp tiền bằng tài khoản gốc</h4>
237                                                                                        <div class="alert alert-block alert-success">                                           
238                                                                                                <p>
239                                                                                                        Sá»­ dụng thuê bao <strong>016825764</strong> soạn tin nhắn: <strong>SBG NAP [sotien] gá»­i 8062</strong>. <br/>
240                                                                                                        Nếu quí vị sá»­ dụng thuê bao Viettel khác thì soạn tin nhắn: <strong>SBG NAP [tentruynhap]
241                                                                                                        [sotien] gá»­i tới 8062</strong>.
242                                                                                                </p>
243                                                                                        </div>
244                                                                                </form>
245                                                                        </div>
246
247                                                                </div>
248                                                        </div>
249                                        </div><!-- /span -->
250                                </div>
251
252                                <!-- PAGE CONTENT ENDS -->
253                        </div><!-- /.col -->
254                </div><!-- /.row -->
255        </div><!-- /.page-content -->
256</div><!-- /.main-content -->
257</div><!-- /.main-container-inner -->
258
259<a href="#" id="btn-scroll-up" class="btn-scroll-up btn btn-sm btn-inverse">
260<i class="icon-double-angle-up icon-only bigger-110"></i>
261</a>
262</div><!-- /.main-container -->
263
264<div class="modal fade" id="trade-history" tabindex="-1" role="dialog"aria-hidden="true">
265<div class="modal-dialog">
266<div class="modal-content">
267<div class="modal-header">
268<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
269<h4 class="modal-title">Lịch sử giao dịch</h4>
270</div>
271<div class="modal-body">
272<div class="table-responsive">
273                        <table id="sample-table-1" class="table table-striped table-bordered table-hover">
274                                <thead>
275                                        <tr>
276                                                <th class="center">
277                                                        <label>
278                                                                <input type="checkbox" class="ace" />
279                                                                <span class="lbl"></span>
280                                                        </label>
281                                                </th>
282                                                <th>Số tiền</th>
283
284                                                <th>
285                                                        <i class="icon-time bigger-110 hidden-480"></i>
286                                                        Thời gian
287                                                </th>
288                                        </tr>
289                                </thead>
290
291                                <tbody>
292                                        <tr>
293                                                <td class="center">
294                                                        <label>
295                                                                <input type="checkbox" class="ace" />
296                                                                <span class="lbl"></span>
297                                                        </label>
298                                                </td>
299                                                <td>$45</td>
300                                                <td>Feb 12</td>
301                                        </tr>
302                                </tbody>
303                        </table>
304                </div><!-- /.table-responsive -->
305</div>
306</div>
307</div>
308</div>
309
310<div class="modal fade" id="alert-payment" tabindex="-1" role="dialog"aria-hidden="true">
311<div class="modal-dialog">
312<div class="modal-content">
313<div class="modal-header">
314<button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
315<h4 class="modal-title">ThÃŽng báo dịch vụ</h4>
316</div>
317<div class="modal-body">
318<div class="alert alert-block alert-success">                                          
319                        <p>
320                                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.
321                        </p>
322                </div>
323</div>
324</div>
325</div>
326</div>
327               
328<?php
329$this->load->view('layout/frontend/footer');
330?>
Note: See TracBrowser for help on using the repository browser.