1 | <?php
|
---|
2 | $base_url = base_url();
|
---|
3 | $this->load->view('layout/frontend/header', array('base_url' => $base_url, '$username'=>@$username));
|
---|
4 | $this->load->view('layout/frontend/sidebar', array('base_url' => $base_url));
|
---|
5 | /*
|
---|
6 | $this->load->view('layout/frontend/header', array('base_url'=>base_url(), '$username'=>$username));
|
---|
7 | $base_url = base_url();
|
---|
8 | $this->load->view('layout/frontend/sidebar', array('base_url'=>base_url()));*/
|
---|
9 | ?>
|
---|
10 | <div class="main-content">
|
---|
11 |
|
---|
12 | <div class="page-content">
|
---|
13 | <div class="page-header">
|
---|
14 | <h1>
|
---|
15 | ThÎng tin cá nhân
|
---|
16 | <small>
|
---|
17 | <i class="icon-double-angle-right"></i>
|
---|
18 | <?php echo @$username; ?>
|
---|
19 | </small>
|
---|
20 | </h1>
|
---|
21 | </div><!-- /.page-header -->
|
---|
22 |
|
---|
23 | <div class="row">
|
---|
24 | <div class="col-xs-12">
|
---|
25 | <!-- PAGE CONTENT BEGINS -->
|
---|
26 | <div class="user-profile row" id="user-profile-3">
|
---|
27 | <div class="col-sm-offset-1 col-sm-10">
|
---|
28 |
|
---|
29 | <div class="tabbable">
|
---|
30 | <ul class="nav nav-tabs padding-16">
|
---|
31 | <li class="active">
|
---|
32 | <a href="#edit-basic" data-toggle="tab">
|
---|
33 | <i class="green icon-edit bigger-125"></i>
|
---|
34 | ThÎng tin cá nhân
|
---|
35 | </a>
|
---|
36 | </li>
|
---|
37 |
|
---|
38 | <li>
|
---|
39 | <a href="#edit-password" data-toggle="tab">
|
---|
40 | <i class="blue icon-key bigger-125"></i>
|
---|
41 | Äá»i máºt khẩu
|
---|
42 | </a>
|
---|
43 | </li>
|
---|
44 |
|
---|
45 | <li>
|
---|
46 | <a href="#account-info" data-toggle="tab">
|
---|
47 | <img src="<?php echo $base_url; ?>assets/img/payment.png" width="16" class="img-responsive pull-left">
|
---|
48 | ThÎng tin tà i khoản
|
---|
49 | </a>
|
---|
50 | </li>
|
---|
51 | </ul>
|
---|
52 |
|
---|
53 | <div class="tab-content profile-edit-tab-content">
|
---|
54 | <div class="tab-pane in active" id="edit-basic">
|
---|
55 | <form id="frm1" role="form" class="form-horizontal">
|
---|
56 | <h4 class="header blue bolder smaller">ThÃŽng tin chung</h4>
|
---|
57 |
|
---|
58 | <div class="row">
|
---|
59 |
|
---|
60 | <div class="vspace-xs"></div>
|
---|
61 |
|
---|
62 | <div class="col-xs-12 col-sm-8">
|
---|
63 | <div class="form-group">
|
---|
64 | <label for="form-field-username" class="col-sm-4 control-label no-padding-right">Tà i khoản</label>
|
---|
65 |
|
---|
66 | <div class="col-sm-8">
|
---|
67 | <input type="text" name="username" value="<?php echo @$username; ?>" placeholder="Tà i khoản" id="form-field-username" class="col-xs-12 col-sm-10" disabled>
|
---|
68 | </div>
|
---|
69 | </div>
|
---|
70 |
|
---|
71 | <div class="space-4"></div>
|
---|
72 |
|
---|
73 | <div class="form-group">
|
---|
74 | <label for="form-field-first" class="col-sm-4 control-label no-padding-right">HỠtên</label>
|
---|
75 |
|
---|
76 | <div class="col-sm-8">
|
---|
77 | <input type="text" name="fullname" value="<?php echo @$fullname; ?>" placeholder="Há»" id="form-field-first" class="col-xs-12 col-sm-10" disabled>
|
---|
78 |
|
---|
79 | </div>
|
---|
80 | </div>
|
---|
81 |
|
---|
82 | <div class="space-4"></div>
|
---|
83 |
|
---|
84 | <div class="form-group">
|
---|
85 | <label for="form-field-username" class="col-sm-4 control-label no-padding-right">ÄÆ¡n vá»</label>
|
---|
86 |
|
---|
87 | <div class="col-sm-8">
|
---|
88 | <input type="text" name="school" value="<?php echo @$school; ?>" placeholder="ÄÆ¡n vá»" id="form-field-username" class="col-xs-12 col-sm-10">
|
---|
89 | </div>
|
---|
90 | </div>
|
---|
91 |
|
---|
92 | <div class="space-4"></div>
|
---|
93 |
|
---|
94 | <div class="form-group">
|
---|
95 | <label for="form-field-username" class="col-sm-4 control-label no-padding-right">Tá»nh / Thà nh phá»</label>
|
---|
96 |
|
---|
97 | <div class="col-sm-8">
|
---|
98 | <input type="text" name="province" value="<?php echo @$province; ?>" placeholder="Tá»nh / Thà nh phá»" id="form-field-username" class="col-xs-12 col-sm-10">
|
---|
99 | </div>
|
---|
100 | </div>
|
---|
101 |
|
---|
102 | </div>
|
---|
103 | </div>
|
---|
104 |
|
---|
105 | <hr>
|
---|
106 |
|
---|
107 | <div class="space-4"></div>
|
---|
108 |
|
---|
109 | <div class="form-group">
|
---|
110 | <label class="col-sm-3 control-label no-padding-right">Giá»i tÃnh</label>
|
---|
111 |
|
---|
112 | <div class="col-sm-9">
|
---|
113 | <label class="inline">
|
---|
114 | <input type="radio" <?php if(@$gender=="male") echo "checked"; ?> class="ace" name="gender" value="male">
|
---|
115 | <span class="lbl"> Nam</span>
|
---|
116 | </label>
|
---|
117 |
|
---|
118 |
|
---|
119 | <label class="inline">
|
---|
120 | <input type="radio" <?php if(@$gender=="female") echo "checked"; ?> class="ace" name="gender" value="female">
|
---|
121 | <span class="lbl"> Nữ</span>
|
---|
122 | </label>
|
---|
123 | </div>
|
---|
124 | </div>
|
---|
125 |
|
---|
126 | <div class="space"></div>
|
---|
127 | <h4 class="header blue bolder smaller">ThÃŽng tin liên há»</h4>
|
---|
128 |
|
---|
129 | <div class="form-group">
|
---|
130 | <label for="form-field-email" class="col-sm-3 control-label no-padding-right">Email</label>
|
---|
131 |
|
---|
132 | <div class="col-sm-9">
|
---|
133 | <label class="block clearfix has-error">
|
---|
134 | <span class="input-icon input-icon-right">
|
---|
135 | <input name="email" type="email" value="<?php echo @$email; ?>" id="form-field-email">
|
---|
136 | <i class="icon-envelope"></i>
|
---|
137 | </span>
|
---|
138 | <div class="help-block" id="email_err"> </div>
|
---|
139 | </label>
|
---|
140 | </div>
|
---|
141 | </div>
|
---|
142 |
|
---|
143 | <div class="clearfix form-actions">
|
---|
144 | <div class="col-md-offset-3 col-md-9">
|
---|
145 | <button type="button" onclick="return updateInfo(<?php echo @$us_id; ?>);" class="btn btn-info">
|
---|
146 | <i class="icon-ok bigger-110"></i>
|
---|
147 | Cáºp nháºt
|
---|
148 | </button>
|
---|
149 | </div>
|
---|
150 | </div>
|
---|
151 | </form>
|
---|
152 | </div>
|
---|
153 |
|
---|
154 |
|
---|
155 | <div class="tab-pane" id="edit-password">
|
---|
156 | <div class="alert alert-block alert-success">
|
---|
157 | <p>
|
---|
158 | Äá» thay Äá»i máºt khẩu, quà vá» vui lòng soạn tin theo cú pháp: <strong>SBG MK [matkhaumoi] gá»i tá»i 8162</strong>. <br/>
|
---|
159 | Trong trưá»ng hợp quên máºt khẩu, quà vá» vui lòng soan tin theo cú pháp: <strong>SBG MK gá»i tá»i 8162</strong>.
|
---|
160 | </p>
|
---|
161 | </div>
|
---|
162 | </div>
|
---|
163 |
|
---|
164 | <div class="tab-pane" id="account-info">
|
---|
165 | <form id="frm3" class="form-horizontal" role="form">
|
---|
166 | <h4 class="header blue bolder smaller">ThÎng tin tà i khoản</h4>
|
---|
167 | <div class="col-sm-6">
|
---|
168 | <h4>Sá» tiá»n </h4> <h3><?php echo number_format(@$acc_balanced, 0); ?> VND</h3>
|
---|
169 | </div>
|
---|
170 | <div class="col-sm-6">
|
---|
171 | <h4>Thá»i bạn sá» dụng </h4> <h3><?php echo $expire_date; ?> <span class="badge"><?php echo $date_diff; ?></span></h3>
|
---|
172 | </div>
|
---|
173 |
|
---|
174 | <h4 class="header blue bolder smaller">Nạp tiá»n bằng thẻ cà o</h4>
|
---|
175 | <div class="col-sm-8">
|
---|
176 | <div class="form-group">
|
---|
177 | <label for="form-field-pass1" class="col-sm-2 control-label no-padding-right">Mã thẻ</label>
|
---|
178 |
|
---|
179 | <div class="col-sm-10">
|
---|
180 | <input type="text" id="form-field-pass1" class="form-control">
|
---|
181 | </div>
|
---|
182 | </div>
|
---|
183 |
|
---|
184 | <div class="space-4"></div>
|
---|
185 |
|
---|
186 | <div class="form-group">
|
---|
187 | <label for="form-field-pass2" class="col-sm-2 control-label no-padding-right">Serial</label>
|
---|
188 |
|
---|
189 | <div class="col-sm-10">
|
---|
190 | <input type="text" id="form-field-pass2" class="form-control">
|
---|
191 | </div>
|
---|
192 | </div>
|
---|
193 | </div>
|
---|
194 | <div class="col-sm-4">
|
---|
195 | <button type="button" class="btn btn-success" data-toggle="modal" data-target="#alert-payment">
|
---|
196 | <i class="icon-ok bigger-110"></i>
|
---|
197 | Tiếp tục
|
---|
198 | </button>
|
---|
199 | <div class="space-4"></div>
|
---|
200 | <a href="#" data-toggle="modal" data-target="#trade-history"><i class="icon-archive"></i> Lá»ch sá» giao dá»ch</a>
|
---|
201 | </div>
|
---|
202 | <div class="clearfix">
|
---|
203 |
|
---|
204 | </div>
|
---|
205 | <h4 class="header blue bolder smaller">Nạp tiá»n bằng tà i khoản gá»c</h4>
|
---|
206 | <div class="alert alert-block alert-success">
|
---|
207 | <p>
|
---|
208 | Sá» dụng thuê bao <strong>016825764</strong> soạn tin nhắn: <strong>SBG NAP [sotien] gá»i 8062</strong>. <br/>
|
---|
209 | Nếu quà vỠsỠdụng thuê bao Viettel khác thì soạn tin nhắn: <strong>SBG NAP [tentruynhap]
|
---|
210 | [sotien] gá»i tá»i 8062</strong>.
|
---|
211 | </p>
|
---|
212 | </div>
|
---|
213 | </form>
|
---|
214 | </div>
|
---|
215 |
|
---|
216 | </div>
|
---|
217 | </div>
|
---|
218 | </div><!-- /span -->
|
---|
219 | </div>
|
---|
220 |
|
---|
221 | <!-- PAGE CONTENT ENDS -->
|
---|
222 | </div><!-- /.col -->
|
---|
223 | </div><!-- /.row -->
|
---|
224 | </div><!-- /.page-content -->
|
---|
225 | </div><!-- /.main-content -->
|
---|
226 | </div><!-- /.main-container-inner -->
|
---|
227 |
|
---|
228 | <a href="#" id="btn-scroll-up" class="btn-scroll-up btn btn-sm btn-inverse">
|
---|
229 | <i class="icon-double-angle-up icon-only bigger-110"></i>
|
---|
230 | </a>
|
---|
231 | </div><!-- /.main-container -->
|
---|
232 |
|
---|
233 | <div class="modal fade" id="trade-history" tabindex="-1" role="dialog"aria-hidden="true">
|
---|
234 | <div class="modal-dialog">
|
---|
235 | <div class="modal-content">
|
---|
236 | <div class="modal-header">
|
---|
237 | <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
|
---|
238 | <h4 class="modal-title">Lá»ch sá» giao dá»ch</h4>
|
---|
239 | </div>
|
---|
240 | <div class="modal-body">
|
---|
241 | <div class="table-responsive">
|
---|
242 | <table id="sample-table-1" class="table table-striped table-bordered table-hover">
|
---|
243 | <thead>
|
---|
244 | <tr>
|
---|
245 | <th class="center">
|
---|
246 | <label>
|
---|
247 | <input type="checkbox" class="ace" />
|
---|
248 | <span class="lbl"></span>
|
---|
249 | </label>
|
---|
250 | </th>
|
---|
251 | <th>Sá» tiá»n</th>
|
---|
252 |
|
---|
253 | <th>
|
---|
254 | <i class="icon-time bigger-110 hidden-480"></i>
|
---|
255 | Thá»i gian
|
---|
256 | </th>
|
---|
257 | </tr>
|
---|
258 | </thead>
|
---|
259 |
|
---|
260 | <tbody>
|
---|
261 | <tr>
|
---|
262 | <td class="center">
|
---|
263 | <label>
|
---|
264 | <input type="checkbox" class="ace" />
|
---|
265 | <span class="lbl"></span>
|
---|
266 | </label>
|
---|
267 | </td>
|
---|
268 | <td>$45</td>
|
---|
269 | <td>Feb 12</td>
|
---|
270 | </tr>
|
---|
271 | </tbody>
|
---|
272 | </table>
|
---|
273 | </div><!-- /.table-responsive -->
|
---|
274 | </div>
|
---|
275 | </div>
|
---|
276 | </div>
|
---|
277 | </div>
|
---|
278 |
|
---|
279 | <div class="modal fade" id="alert-payment" tabindex="-1" role="dialog"aria-hidden="true">
|
---|
280 | <div class="modal-dialog">
|
---|
281 | <div class="modal-content">
|
---|
282 | <div class="modal-header">
|
---|
283 | <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
|
---|
284 | <h4 class="modal-title">ThÃŽng báo dá»ch vụ</h4>
|
---|
285 | </div>
|
---|
286 | <div class="modal-body">
|
---|
287 | <div class="alert alert-block alert-success">
|
---|
288 | <p>
|
---|
289 | 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.
|
---|
290 | </p>
|
---|
291 | </div>
|
---|
292 | </div>
|
---|
293 | </div>
|
---|
294 | </div>
|
---|
295 | </div>
|
---|
296 |
|
---|
297 | <?php
|
---|
298 | $this->load->view('layout/frontend/footer', array('base_url' => $base_url, 'usjs' => array('assets/js/frontend/user.js')));
|
---|
299 | ?> |
---|