[454] | 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 |
|
---|
| 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">×</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">×</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 | ?> |
---|