<?php
defined('BASEPATH') or exit('No direct script access allowed');
$user = $this->db->get('tbl_user')->row_array();
?>
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
  <meta name="description" content="admin-themes-lab">
  <meta name="author" content="themes-lab">
  <base href="<?php echo base_url(); ?>" />
  <link rel="shortcut icon" href="assets/images/favicon.png" type="image/png">
  <title>PPDB Online | <?php echo $user['nama_lengkap']; ?></title>
  <link rel="icon" href="assets/images/logo.png" type="image/x-icon" />
  <link href="assets/kitkat/assets/css/style.css" rel="stylesheet">
  <link href="assets/kitkat/assets/css/theme.css" rel="stylesheet">
  <link href="assets/kitkat/assets/css/ui.css" rel="stylesheet">
  <link href="assets/kitkat/assets/css/custom.css" rel="stylesheet">
  <link href="assets/kitkat/assets/plugins/font-awesome-animation/font-awesome-animation.min.css" rel="stylesheet">
  <link href="assets/kitkat/assets/input/css/fileinput.css" media="all" rel="stylesheet" type="text/css" />

  <!-- BEGIN PAGE STYLE -->
  <link href="assets/kitkat/assets/plugins/step-form-wizard/css/step-form-wizard.min.css" rel="stylesheet">
  <!-- END PAGE STYLE -->
  <script src="assets/kitkat/assets/plugins/modernizr/modernizr-2.6.2-respond-1.1.0.min.js"></script>
</head>
<!-- LAYOUT: Apply "submenu-hover" class to body element to have sidebar submenu show on mouse hover -->
<!-- LAYOUT: Apply "sidebar-collapsed" class to body element to have collapsed sidebar -->
<!-- LAYOUT: Apply "sidebar-top" class to body element to have sidebar on top of the page -->
<!-- LAYOUT: Apply "sidebar-hover" class to body element to show sidebar only when your mouse is on left / right corner -->
<!-- LAYOUT: Apply "submenu-hover" class to body element to show sidebar submenu on mouse hover -->
<!-- LAYOUT: Apply "fixed-sidebar" class to body to have fixed sidebar -->
<!-- LAYOUT: Apply "fixed-topbar" class to body to have fixed topbar -->
<!-- LAYOUT: Apply "rtl" class to body to put the sidebar on the right side -->
<!-- LAYOUT: Apply "boxed" class to body to have your page with 1200px max width -->

<!-- THEME STYLE: Apply "theme-sdtl" for Sidebar Dark / Topbar Light -->
<!-- THEME STYLE: Apply  "theme sdtd" for Sidebar Dark / Topbar Dark -->
<!-- THEME STYLE: Apply "theme sltd" for Sidebar Light / Topbar Dark -->
<!-- THEME STYLE: Apply "theme sltl" for Sidebar Light / Topbar Light -->

<!-- THEME COLOR: Apply "color-default" for dark color: #2B2E33 -->
<!-- THEME COLOR: Apply "color-primary" for primary color: #319DB5 -->
<!-- THEME COLOR: Apply "color-red" for red color: #C9625F -->
<!-- THEME COLOR: Apply "color-green" for green color: #18A689 -->
<!-- THEME COLOR: Apply "color-orange" for orange color: #B66D39 -->
<!-- THEME COLOR: Apply "color-purple" for purple color: #6E62B5 -->
<!-- THEME COLOR: Apply "color-blue" for blue color: #4A89DC -->
<!-- BEGIN BODY -->
<style>
  #pesan_komentar {
    font-weight: normal;
    color: indianred;
    font-size: 10px;
    margin-bottom: 5px;
  }
</style>

<body class="fixed-topbar sidebar-hover theme-sltl color-green">
  <section>
    <div class="main-content">
      <!-- BEGIN TOPBAR -->
      <div class="topbar" style="background-color: #275555ff; color: #fff;">
        <div class="header-left">
          <div class="col-sm-12">
            <div style="margin-top:-8px;">
              <h2>
                <strong class="text-primary">
                  <a href=""><span style="margin-left:40px;color:#fff;">PPDB Online</span></a>
                </strong>
              </h2>
            </div>
          </div>
        </div>
      </div>
      <div>
        <!-- END TOPBAR -->
        <!-- BEGIN PAGE CONTENT -->
        <div class="page-content page-wizard">
          <div class="header" style="margin-top:-20px; text-align: center;">
            <img src="img/logo_sirfal.png" style="margin-bottom:10px;" width="100"><br>
            <h2 align="center">FORM PENDAFTARAN PPDB ONLINE <strong> <br><?php echo $user['nama_lengkap']; ?></strong></h2>
            <hr style="margin-top:20px;">
          </div>
          <div class="row" style="margin-top:-30px;">
            <div class="col-lg-12">
              <div class="tabs tabs-linetriangle">
                <div class="tab-content">
                  <div class="tab-pane active" id="style">
                    <div class="wizard-div current wizard-sea" id="register">
                      <form role="form" class="wizard wizard-validation" data-style="sky" role="form" action="" enctype="multipart/form-data" method="post">
                        <fieldset>
                          <legend>Ketentuan</legend>
                          <div class="col-md-2"></div>
                          <div class="col-md-8">
                            <?php $this->load->view('web/step/1'); ?>
                            <div class="col-md-12">
                              <span class="text-primary" style="font-size:18px;color:#222;"><strong>Apakah Anda setuju dengan ketentuan PPDB Online diatas?</strong></span>
                              <div class="form-group" style="padding-bottom:30px;">
                                <div class="radio bg-success" style="padding-top:10px;padding-bottom:10px;border-radius:3px;color:#222;">
                                  <label>
                                    <input type="radio" value="cek" name="cek" data-parsley-group="block0" data-radio="iradio_square-blue" data-parsley-errors-container='div[id="condition-ck"]' required> <b>Ya, saya menyetujui ketentuan PPDB Online!</b>
                                  </label>
                                  <div id="condition-ck" style=" background:#FFBABA; color: #D8000C; width:auto; padding-left:10px; font-size: 10px;"></div>
                                </div>
                              </div>
                            </div>
                          </div>
                          <div class="col-md-2"></div>
                        </fieldset>

                        <fieldset>
                          <legend>Data Siswa</legend>
                          <div class="row">
                            <div class="col-md-2"></div>
                            <div class="col-md-8">
                              <?php $this->load->view('web/step/2'); ?>
                            </div>
                          </div>
                          <div class="col-lg-12"></div>
                        </fieldset>

                        <fieldset>
                          <legend>Data Alamat</legend>
                          <div class="row">
                            <div class="col-md-2"></div>
                            <div class="col-md-8">
                              <?php $this->load->view('web/step/3'); ?>
                            </div>
                          </div>
                          <div class="col-lg-12"></div>
                        </fieldset>

                        <fieldset>
                          <legend>Data Orang Tua</legend>
                          <div class="row">
                            <div class="col-md-2"></div>
                            <div class="col-md-8">
                              <?php $this->load->view('web/step/4'); ?>
                            </div>
                          </div>
                        </fieldset>

                        <fieldset>
                          <legend>Data Sekolah</legend>
                          <div class="row">
                            <div class="col-md-2"></div>
                            <div class="col-md-8">
                              <?php $this->load->view('web/step/5'); ?>
                            </div>
                          </div>
                        </fieldset>
                        <fieldset>
                          <legend>Konfirmasi</legend>
                          <div class="row">
                            <div class="col-md-2"></div>
                            <div class="col-md-8">
                              <div class="panel">
                                <div class="panel-heading" style="background: #275555ff; color: honeydew;">
                                  <h2 align="center" style="margin-top: 10px;">KONFIRMASI<br><b>DATA CALON SISWA</b> </h2>
                                </div>
                                <div class="panel-body">
                                  <span style="font-size:15px">
                                    <p align="center">Proses pendaftaran PPDB Online <?php echo $user['nama_lengkap']; ?> hampir selesai. <br>Silakan periksa kembali data-data yang sudah anda masukkan.</p><br><br>
                                    <div class="col-md-12">
                                      <span class="text-primary" style="font-size:18px;"><strong>Apakah data calon siswa sudah sesuai?</strong></span>
                                      <div class="form-group">
                                        <div class="radio bg-success p-10" style="border-radius:3px;">
                                          <label>
                                            <input type="radio" value="cekx" name="cekx" data-parsley-group="blockx" data-radio="iradio_square-blue" data-parsley-errors-container='div[id="condition-cx"]' required>
                                            <b>Ya, data sudah sesuai!</b>
                                          </label>
                                          <div class="faa-flash animated" id="condition-cx" style=" background:#FFBABA; color: #D8000C; width:auto; padding-left:10px; font-size: 10px;"></div>
                                        </div>
                                      </div>
                                  </span>
                                </div>
                              </div>
                        </fieldset>
                      </form>
                    </div>
                  </div>
                </div>
              </div>

            </div>
            <div class="footer">
              <div class="copyright">
                <p class="pull-left sm-pull-reset">
                  <span>Copyright &copy; <a href="#" target="_blank"><?php echo $user['nama_lengkap']; ?></a> <?php echo date('Y'); ?></span>
                </p>
                <p class="pull-right sm-pull-reset">
                  <span><a href="" class="m-r-10"><i class="fa fa-home"></i> Beranda </a> | <a href="#" class="m-l-10 m-r-10" data-toggle="modal" data-target=".bs-example-modal-lg"><i class="fa fa-legal"></i> Ketentuan & Syarat PPDB</a></span>
                </p>
              </div>
            </div>
          </div>
          <!-- END PAGE CONTENT -->
        </div>
        <!-- END MAIN CONTENT -->
        <!-- BEGIN BUILDER -->
        <!-- END BUILDER -->
  </section>
  <div class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-labelledby="myLargeModalLabel" aria-hidden="true">
    <div class="modal-dialog modal-lg" style="margin-top:5px;">
      <div class="modal-content">
        <div class="modal-body">
          <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
          <?php $this->load->view('web/step/1'); ?>
        </div>
      </div>
    </div>
  </div>

  <a href="#" class="scrollup"><i class="fa fa-angle-up"></i></a>
  <script src="assets/kitkat/assets/plugins/jquery/jquery-1.11.1.min.js"></script>
  <script src="assets/kitkat/assets/plugins/jquery/jquery-migrate-1.2.1.min.js"></script>
  <script src="assets/kitkat/assets/plugins/jquery-ui/jquery-ui-1.11.2.min.js"></script>
  <script src="assets/kitkat/assets/plugins/gsap/main-gsap.min.js"></script>
  <script src="assets/kitkat/assets/plugins/bootstrap/js/bootstrap.min.js"></script>
  <script src="assets/kitkat/assets/plugins/jquery-cookies/jquery.cookies.min.js"></script> <!-- Jquery Cookies, for theme -->
  <script src="assets/kitkat/assets/plugins/jquery-block-ui/jquery.blockUI.min.js"></script> <!-- simulate synchronous behavior when using AJAX -->
  <script src="assets/kitkat/assets/plugins/translate/jqueryTranslator.min.js"></script> <!-- Translate Plugin with JSON data -->
  <script src="assets/kitkat/assets/plugins/bootbox/bootbox.min.js"></script> <!-- Modal with Validation -->
  <script src="assets/kitkat/assets/plugins/mcustom-scrollbar/jquery.mCustomScrollbar.concat.min.js"></script> <!-- Custom Scrollbar sidebar -->
  <script src="assets/kitkat/assets/plugins/bootstrap-dropdown/bootstrap-hover-dropdown.min.js"></script> <!-- Show Dropdown on Mouseover -->
  <script src="assets/kitkat/assets/plugins/charts-sparkline/sparkline.min.js"></script> <!-- Charts Sparkline -->
  <script src="assets/kitkat/assets/plugins/retina/retina.min.js"></script> <!-- Retina Display -->
  <script src="assets/kitkat/assets/plugins/select2/select2.min.js"></script> <!-- Select Inputs -->
  <script src="assets/kitkat/assets/plugins/icheck/icheck.min.js"></script> <!-- Checkbox & Radio Inputs -->
  <script src="assets/kitkat/assets/plugins/backstretch/backstretch.min.js"></script> <!-- Background Image -->
  <script src="assets/kitkat/assets/plugins/bootstrap-progressbar/bootstrap-progressbar.min.js"></script> <!-- Animated Progress Bar -->
  <script src="assets/kitkat/assets/plugins/charts-chartjs/Chart.min.js"></script>
  <script src="assets/kitkat/assets/plugins/timepicker/jquery-ui-timepicker-addon.min.js"></script>
  <script src="assets/kitkat/assets/plugins/multidatepicker/multidatespicker.min.js"></script>
  <script src="assets/kitkat/assets/plugins/bootstrap-datepicker/js/bootstrap-datepicker.js"></script>
  <script src="assets/kitkat/assets/plugins/bootstrap-datepicker/locales/bootstrap-datepicker.es.min.js"></script>
  <!-- <script src="assets/kitkat/assets/js/builder.js"></script> Theme Builder -->
  <script src="assets/kitkat/assets/js/sidebar_hover.js"></script> <!-- Sidebar on Hover -->
  <script src="assets/kitkat/assets/js/application.js"></script> <!-- Main Application Script -->
  <script src="assets/kitkat/assets/js/plugins.js"></script> <!-- Main Plugin Initialization Script -->
  <script src="assets/kitkat/assets/js/widgets/notes.js"></script> <!-- Notes Widget -->
  <script src="assets/kitkat/assets/js/quickview.js"></script> <!-- Chat Script -->
  <script src="assets/kitkat/assets/js/pages/search.js"></script> <!-- Search Script -->
  <script src="assets/kitkat/js/cust.js"></script> <!-- Search Script -->
  <!-- BEGIN PAGE SCRIPTS -->
  <script src="assets/kitkat/assets/plugins/step-form-wizard/plugins/parsley/parsley.min.js"></script> <!-- OPTIONAL, IF YOU NEED VALIDATION -->
  <script src="assets/kitkat/assets/plugins/step-form-wizard/js/step-form-wizard.js"></script> <!-- Step Form Validation -->
  <script src="assets/kitkat/assets/js/pages/form_wizard.js"></script>
  <script src="assets/kitkat/assets/input/js/fileinput.js" type="text/javascript"></script>
  <script>
    $("#foto").fileinput({
      allowedFileExtensions: ['jpg'],
      showPreview: false,
      showUpload: false,
      browseClass: "btn btn-primary",
      elErrorContainer: "#errorBlock",
      maxFileSize: 2000,
      removeLabel: "Hapus",
      removeClass: "btn btn-danger",
      removeIcon: "<i class=\"glyphicon glyphicon-trash\"></i> "
    });
  </script>

  <script type="text/javascript">
    function hanyaAngka(evt) {
      var charCode = (evt.which) ? evt.which : event.keyCode
      if (charCode > 31 && (charCode < 48 || charCode > 57))
        return false;
      return true;
    }
  </script>
  <!-- END PAGE SCRIPTS -->
</body>

</html>