[454] | 1 | <?php
|
---|
[466] | 2 | $base_url = base_url();
|
---|
[490] | 3 | $this->load->view('layout/frontend/header', array('base_url' => $base_url, '$username' => @$username));
|
---|
[466] | 4 | $this->load->view('layout/frontend/sidebar', array('base_url' => $base_url));
|
---|
| 5 | /*
|
---|
[490] | 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())); */
|
---|
[454] | 9 | ?>
|
---|
| 10 | <div class="main-content">
|
---|
| 11 |
|
---|
[490] | 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 -->
|
---|
[454] | 22 |
|
---|
[490] | 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">
|
---|
[454] | 28 |
|
---|
[490] | 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>
|
---|
[454] | 37 |
|
---|
[490] | 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>
|
---|
[454] | 44 |
|
---|
[490] | 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 | <li>
|
---|
| 52 | <a href="#services-register" data-toggle="tab">
|
---|
| 53 | <i class="blue icon-cog bigger-125"></i>
|
---|
| 54 | ÄÄng kÜ dá»ch vụ
|
---|
| 55 | </a>
|
---|
| 56 | </li>
|
---|
| 57 | </ul>
|
---|
[454] | 58 |
|
---|
[490] | 59 | <div class="tab-content profile-edit-tab-content">
|
---|
| 60 | <div class="tab-pane in active" id="edit-basic">
|
---|
| 61 | <form id="frm1" role="form" class="form-horizontal">
|
---|
| 62 | <h4 class="header blue bolder smaller">ThÃŽng tin chung</h4>
|
---|
[454] | 63 |
|
---|
[490] | 64 | <div class="row">
|
---|
[454] | 65 |
|
---|
[490] | 66 | <div class="vspace-xs"></div>
|
---|
[454] | 67 |
|
---|
[490] | 68 | <div class="col-xs-12 col-sm-8">
|
---|
| 69 | <div class="form-group">
|
---|
| 70 | <label for="form-field-username" class="col-sm-4 control-label no-padding-right">Tà i khoản</label>
|
---|
[454] | 71 |
|
---|
[490] | 72 | <div class="col-sm-8">
|
---|
| 73 | <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>
|
---|
| 74 | </div>
|
---|
| 75 | </div>
|
---|
[454] | 76 |
|
---|
[490] | 77 | <div class="space-4"></div>
|
---|
[454] | 78 |
|
---|
[490] | 79 | <div class="form-group">
|
---|
| 80 | <label for="form-field-first" class="col-sm-4 control-label no-padding-right">HỠtên</label>
|
---|
[454] | 81 |
|
---|
[490] | 82 | <div class="col-sm-8">
|
---|
| 83 | <input type="text" name="fullname" value="<?php echo @$fullname; ?>" placeholder="Há»" id="form-field-first" class="col-xs-12 col-sm-10" disabled>
|
---|
[454] | 84 |
|
---|
[490] | 85 | </div>
|
---|
| 86 | </div>
|
---|
[454] | 87 |
|
---|
[490] | 88 | <div class="space-4"></div>
|
---|
[454] | 89 |
|
---|
[490] | 90 | <div class="form-group">
|
---|
| 91 | <label for="form-field-username" class="col-sm-4 control-label no-padding-right">ÄÆ¡n vá»</label>
|
---|
[454] | 92 |
|
---|
[490] | 93 | <div class="col-sm-8">
|
---|
| 94 | <input type="text" name="school" value="<?php echo @$school; ?>" placeholder="ÄÆ¡n vá»" id="form-field-username" class="col-xs-12 col-sm-10">
|
---|
| 95 | </div>
|
---|
| 96 | </div>
|
---|
[466] | 97 |
|
---|
[490] | 98 | <div class="space-4"></div>
|
---|
[466] | 99 |
|
---|
[490] | 100 | <div class="form-group">
|
---|
| 101 | <label for="form-field-username" class="col-sm-4 control-label no-padding-right">Tá»nh / Thà nh phá»</label>
|
---|
[454] | 102 |
|
---|
[490] | 103 | <div class="col-sm-8">
|
---|
| 104 | <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">
|
---|
| 105 | </div>
|
---|
| 106 | </div>
|
---|
[454] | 107 |
|
---|
[490] | 108 | </div>
|
---|
| 109 | </div>
|
---|
[454] | 110 |
|
---|
[490] | 111 | <hr>
|
---|
[454] | 112 |
|
---|
[490] | 113 | <div class="space-4"></div>
|
---|
[454] | 114 |
|
---|
[490] | 115 | <div class="form-group">
|
---|
| 116 | <label class="col-sm-3 control-label no-padding-right">Giá»i tÃnh</label>
|
---|
[454] | 117 |
|
---|
[490] | 118 | <div class="col-sm-9">
|
---|
| 119 | <label class="inline">
|
---|
| 120 | <input type="radio" <?php if (@$gender == "male") echo "checked"; ?> class="ace" name="gender" value="male">
|
---|
| 121 | <span class="lbl"> Nam</span>
|
---|
| 122 | </label>
|
---|
[454] | 123 |
|
---|
[490] | 124 |
|
---|
| 125 | <label class="inline">
|
---|
| 126 | <input type="radio" <?php if (@$gender == "female") echo "checked"; ?> class="ace" name="gender" value="female">
|
---|
| 127 | <span class="lbl"> Nữ</span>
|
---|
| 128 | </label>
|
---|
| 129 | </div>
|
---|
| 130 | </div>
|
---|
[454] | 131 |
|
---|
[490] | 132 | <div class="space"></div>
|
---|
| 133 | <h4 class="header blue bolder smaller">ThÃŽng tin liên há»</h4>
|
---|
[454] | 134 |
|
---|
[490] | 135 | <div class="form-group">
|
---|
| 136 | <label for="form-field-email" class="col-sm-3 control-label no-padding-right">Email</label>
|
---|
[454] | 137 |
|
---|
[490] | 138 | <div class="col-sm-9">
|
---|
| 139 | <label class="block clearfix has-error">
|
---|
| 140 | <span class="input-icon input-icon-right">
|
---|
| 141 | <input name="email" type="email" value="<?php echo @$email; ?>" id="form-field-email">
|
---|
| 142 | <i class="icon-envelope"></i>
|
---|
| 143 | </span>
|
---|
| 144 | <div class="help-block" id="email_err"> </div>
|
---|
| 145 | </label>
|
---|
| 146 | </div>
|
---|
| 147 | </div>
|
---|
[454] | 148 |
|
---|
[490] | 149 | <div class="clearfix form-actions">
|
---|
| 150 | <div class="col-md-offset-3 col-md-9">
|
---|
| 151 | <button type="button" onclick="return updateInfo(<?php echo @$us_id; ?>);" class="btn btn-info">
|
---|
| 152 | <i class="icon-ok bigger-110"></i>
|
---|
| 153 | Cáºp nháºt
|
---|
| 154 | </button>
|
---|
| 155 | </div>
|
---|
| 156 | </div>
|
---|
| 157 | </form>
|
---|
| 158 | </div>
|
---|
[454] | 159 |
|
---|
| 160 |
|
---|
[490] | 161 | <div class="tab-pane" id="edit-password">
|
---|
| 162 | <div class="alert alert-block alert-success">
|
---|
| 163 | <p>
|
---|
| 164 | Quà vá» có thá» thay Äá»i máºt khẩu bằng cách dùng sá» Äiá»n thoại [SoDTKhachhang] và soạn tin theo cú pháp: <strong>SBG MK [matkhaumoi] gá»i tá»i 8062</strong>. <br/>
|
---|
| 165 | Äá» lấy lại máºt khẩu cá»§a mình trên há» thá»ng SBG Online, quà vá» hãy dùng sá» Äiá»n thoại Äã ÄÄng kà tà i khoản và soạn tin theo cú pháp: <strong>SBG MK gá»i tá»i 8062</strong>.
|
---|
| 166 | </p>
|
---|
| 167 | </div>
|
---|
| 168 | </div>
|
---|
[454] | 169 |
|
---|
[490] | 170 | <div class="tab-pane" id="account-info">
|
---|
| 171 | <form id="frm3" class="form-horizontal" role="form">
|
---|
| 172 | <h4 class="header blue bolder smaller">ThÎng tin tà i khoản</h4>
|
---|
| 173 | <div class="col-sm-6">
|
---|
| 174 | <h4>Sá» tiá»n </h4> <h3><?php echo number_format(@$acc_balanced, 0); ?> VND</h3>
|
---|
| 175 | </div>
|
---|
| 176 | <div class="col-sm-6">
|
---|
| 177 | <h4>Thá»i bạn sá» dụng </h4> <h3><?php echo $expire_date; ?> <span class="badge"><?php echo $date_diff; ?></span></h3>
|
---|
| 178 | </div>
|
---|
[454] | 179 |
|
---|
[490] | 180 | <h4 class="header blue bolder smaller">Nạp tiá»n bằng thẻ cà o</h4>
|
---|
| 181 | <div class="col-sm-8">
|
---|
| 182 | <div class="form-group">
|
---|
| 183 | <label for="form-field-pass1" class="col-sm-2 control-label no-padding-right">Mã thẻ</label>
|
---|
[454] | 184 |
|
---|
[490] | 185 | <div class="col-sm-10">
|
---|
| 186 | <input type="text" id="form-field-pass1" class="form-control">
|
---|
| 187 | </div>
|
---|
| 188 | </div>
|
---|
[454] | 189 |
|
---|
[490] | 190 | <div class="space-4"></div>
|
---|
[454] | 191 |
|
---|
[490] | 192 | <div class="form-group">
|
---|
| 193 | <label for="form-field-pass2" class="col-sm-2 control-label no-padding-right">Serial</label>
|
---|
| 194 |
|
---|
| 195 | <div class="col-sm-10">
|
---|
| 196 | <input type="text" id="form-field-pass2" class="form-control">
|
---|
| 197 | </div>
|
---|
| 198 | </div>
|
---|
| 199 | </div>
|
---|
| 200 | <div class="col-sm-4">
|
---|
| 201 | <button type="button" class="btn btn-success" data-toggle="modal" data-target="#alert-payment">
|
---|
| 202 | <i class="icon-ok bigger-110"></i>
|
---|
| 203 | Tiếp tục
|
---|
| 204 | </button>
|
---|
| 205 | <div class="space-4"></div>
|
---|
| 206 | <a href="#" data-toggle="modal" data-target="#trade-history"><i class="icon-archive"></i> Lá»ch sá» giao dá»ch</a>
|
---|
| 207 | </div>
|
---|
| 208 | <div class="clearfix">
|
---|
| 209 |
|
---|
| 210 | </div>
|
---|
| 211 | <h4 class="header blue bolder smaller">Nạp tiá»n bằng tà i khoản gá»c</h4>
|
---|
| 212 | <div class="alert alert-block alert-success">
|
---|
| 213 | <p>
|
---|
| 214 | Sá» dụng thuê bao <strong>016825764</strong> soạn tin nhắn: <strong>SBG NAP [sotien] gá»i 8062</strong>. <br/>
|
---|
| 215 | Nếu quà vỠsỠdụng thuê bao Viettel khác thì soạn tin nhắn: <strong>SBG NAP [tentruynhap]
|
---|
| 216 | [sotien] gá»i tá»i 8062</strong>.
|
---|
| 217 | </p>
|
---|
| 218 | </div>
|
---|
| 219 | </form>
|
---|
| 220 | </div>
|
---|
| 221 | <div class="tab-pane" id="services-register">
|
---|
| 222 | <form action="<?php echo base_url();?>frontend/user/packageRegister" class="form-horizontal" id="package_register">
|
---|
| 223 | <h4 class="header blue bolder smaller">ThÎng tin tà i khoản</h4>
|
---|
| 224 | <div class="col-sm-6">
|
---|
| 225 | <h4>Sá» tiá»n </h4> <h3><?php echo number_format(@$acc_balanced, 0); ?> VND</h3>
|
---|
| 226 | </div>
|
---|
| 227 | <div class="col-sm-6">
|
---|
| 228 | <h4>Thá»i bạn sá» dụng </h4> <h3><?php echo $expire_date; ?> <span class="badge"><?php echo $date_diff; ?></span></h3>
|
---|
| 229 | </div>
|
---|
| 230 | <h4 class="header blue bolder smaller">ÄÄng kÜ dá»ch vụ</h4>
|
---|
| 231 | <h5>Cách 1: Má»i quà vá» chá»n các gói dá»ch vụ sau</h5>
|
---|
| 232 | <div class="errors" id="package_register">
|
---|
| 233 |
|
---|
| 234 | </div>
|
---|
| 235 | <div class="alert alert-block alert-success">
|
---|
| 236 | <table class="table">
|
---|
| 237 | <tbody>
|
---|
| 238 | <?php foreach ($packages as $index=>$package)
|
---|
| 239 | {
|
---|
| 240 | ?>
|
---|
| 241 | <tr>
|
---|
| 242 | <td><?php echo $package['p_name'];?></td>
|
---|
| 243 | <td><?php echo number_format($package['p_price'], 0); ?> VNÄ</td>
|
---|
| 244 | <td class="center">
|
---|
| 245 | <label>
|
---|
| 246 | <input <?php if($index==0) {echo "checked='checked'";}?> type="radio" value="<?php echo $package['p_id'];?>" name="p_id" class="ace" />
|
---|
| 247 | <span class="lbl"></span>
|
---|
| 248 | </label>
|
---|
| 249 | </td>
|
---|
| 250 | </tr>
|
---|
| 251 | <?php } ?>
|
---|
| 252 |
|
---|
| 253 | </tbody>
|
---|
| 254 | </table>
|
---|
| 255 | <button type="submit" class="btn btn-success">ÄÄng kÜ</button>
|
---|
| 256 | </div>
|
---|
| 257 | <h5>Cách 2</h5>
|
---|
| 258 | <h4>Soạn tin: SBG DK 1 (hay 3, 6, 12) gá»i tá»i 8062</h4>
|
---|
| 259 | </form>
|
---|
| 260 | </div>
|
---|
| 261 |
|
---|
| 262 | </div>
|
---|
| 263 | </div>
|
---|
| 264 | </div><!-- /span -->
|
---|
| 265 | </div>
|
---|
| 266 |
|
---|
| 267 | <!-- PAGE CONTENT ENDS -->
|
---|
| 268 | </div><!-- /.col -->
|
---|
| 269 | </div><!-- /.row -->
|
---|
| 270 | </div><!-- /.page-content -->
|
---|
[454] | 271 | </div><!-- /.main-content -->
|
---|
| 272 | </div><!-- /.main-container-inner -->
|
---|
| 273 |
|
---|
| 274 | <a href="#" id="btn-scroll-up" class="btn-scroll-up btn btn-sm btn-inverse">
|
---|
[490] | 275 | <i class="icon-double-angle-up icon-only bigger-110"></i>
|
---|
[454] | 276 | </a>
|
---|
| 277 | </div><!-- /.main-container -->
|
---|
| 278 |
|
---|
| 279 | <div class="modal fade" id="trade-history" tabindex="-1" role="dialog"aria-hidden="true">
|
---|
[490] | 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">Lá»ch sá» giao dá»ch</h4>
|
---|
| 285 | </div>
|
---|
| 286 | <div class="modal-body">
|
---|
| 287 | <div class="table-responsive">
|
---|
| 288 | <table id="sample-table-1" class="table table-striped table-bordered table-hover">
|
---|
| 289 | <thead>
|
---|
| 290 | <tr>
|
---|
| 291 | <th class="center">
|
---|
| 292 | <label>
|
---|
| 293 | <input type="checkbox" class="ace" />
|
---|
| 294 | <span class="lbl"></span>
|
---|
| 295 | </label>
|
---|
| 296 | </th>
|
---|
| 297 | <th>Sá» tiá»n</th>
|
---|
[454] | 298 |
|
---|
[490] | 299 | <th>
|
---|
| 300 | <i class="icon-time bigger-110 hidden-480"></i>
|
---|
| 301 | Thá»i gian
|
---|
| 302 | </th>
|
---|
| 303 | </tr>
|
---|
| 304 | </thead>
|
---|
[454] | 305 |
|
---|
[490] | 306 | <tbody>
|
---|
| 307 | <tr>
|
---|
| 308 | <td class="center">
|
---|
| 309 | <label>
|
---|
| 310 | <input type="checkbox" class="ace" />
|
---|
| 311 | <span class="lbl"></span>
|
---|
| 312 | </label>
|
---|
| 313 | </td>
|
---|
| 314 | <td>$45</td>
|
---|
| 315 | <td>Feb 12</td>
|
---|
| 316 | </tr>
|
---|
| 317 | </tbody>
|
---|
| 318 | </table>
|
---|
| 319 | </div><!-- /.table-responsive -->
|
---|
| 320 | </div>
|
---|
| 321 | </div>
|
---|
| 322 | </div>
|
---|
[454] | 323 | </div>
|
---|
| 324 |
|
---|
| 325 | <div class="modal fade" id="alert-payment" tabindex="-1" role="dialog"aria-hidden="true">
|
---|
[490] | 326 | <div class="modal-dialog">
|
---|
| 327 | <div class="modal-content">
|
---|
| 328 | <div class="modal-header">
|
---|
| 329 | <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
|
---|
| 330 | <h4 class="modal-title">ThÃŽng báo dá»ch vụ</h4>
|
---|
| 331 | </div>
|
---|
| 332 | <div class="modal-body">
|
---|
| 333 | <div class="alert alert-block alert-success">
|
---|
| 334 | <p>
|
---|
| 335 | 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.
|
---|
| 336 | </p>
|
---|
| 337 | </div>
|
---|
| 338 | </div>
|
---|
| 339 | </div>
|
---|
| 340 | </div>
|
---|
[454] | 341 | </div>
|
---|
[490] | 342 |
|
---|
| 343 | <div class="modal fade" id="package_register_modal" tabindex="-1" role="dialog"aria-hidden="true">
|
---|
| 344 | <div class="modal-dialog">
|
---|
| 345 | <div class="modal-content">
|
---|
| 346 | <div class="modal-header">
|
---|
| 347 | <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">×</span><span class="sr-only">Close</span></button>
|
---|
| 348 | <h4 class="modal-title">ÄÄng kÜ gói dá»ch vụ</h4>
|
---|
| 349 | </div>
|
---|
| 350 | <div class="modal-body">
|
---|
| 351 | <div class="alert alert-block alert-success">
|
---|
| 352 |
|
---|
| 353 | </div>
|
---|
| 354 | </div>
|
---|
| 355 | </div>
|
---|
| 356 | </div>
|
---|
[454] | 357 | </div>
|
---|
[490] | 358 |
|
---|
| 359 |
|
---|
| 360 |
|
---|
[454] | 361 | <?php
|
---|
[466] | 362 | $this->load->view('layout/frontend/footer', array('base_url' => $base_url, 'usjs' => array('assets/js/frontend/user.js')));
|
---|
[454] | 363 | ?> |
---|