| 
<div class="container"><div class="row">
 <div class="col-md-4 col-lg-4 col-lg-offset-2">
 <h2>Settings</h2>
 <h5>Hello <span><?php echo $first_name; ?></span>.</h5>
 <hr>
 <?php
 $fattr = array('class' => 'form-signin');
 echo form_open(site_url() . 'settings/', $fattr);
 
 function tz_list()
 {
 $zones_array = array();
 $timestamp = time();
 foreach (timezone_identifiers_list() as $key => $zone) {
 date_default_timezone_set($zone);
 $zones_array[$key]['zone'] = $zone;
 }
 return $zones_array;
 }
 
 ?>
 
 <?php echo '<input type="hidden" name="id" value="' . $id . '">'; ?>
 <div class="form-group">
 <span>Start Time</span>
 <?php echo form_input(array('name' => 'start_time', 'id' => 'start_time', 'placeholder' => 'Start', 'class' => 'form-control', 'value' => set_value('start_time', $start))); ?>
 <?php echo form_error('start_time'); ?>
 </div>
 <div class="form-group">
 <span>Out Time</span>
 <?php echo form_input(array('name' => 'out_time', 'id' => 'out_time', 'placeholder' => 'Out', 'class' => 'form-control', 'value' => set_value('out_time', $out))); ?>
 <?php echo form_error('out_time'); ?>
 </div>
 <div class="form-group">
 <span>How Many Employee</span>
 <?php echo form_input(array('name' => 'many_employee', 'id' => 'many_employee', 'placeholder' => 'How many employee', 'class' => 'form-control', 'value' => set_value('many_employee', $many_employee))); ?>
 <?php echo form_error('many_employee'); ?>
 </div>
 <div class="form-group">
 <span>Key</span>
 <?php echo form_input(array('name' => 'key', 'id' => 'key', 'placeholder' => 'KEY', 'class' => 'form-control', 'value' => set_value('key', $key))); ?>
 <?php echo form_error('key') ?>
 </div>
 <span>Recaptcha</span>
 <select name="recaptcha" id="recaptcha" class="form-control">
 <?php
 if ($recaptcha == 0) {
 echo '
 <option value="0" selected>No</option>
 <option value="1">Yes</option>
 ';
 } else {
 echo '
 <option value="0">No</option>
 <option value="1" selected>Yes</option>
 ';
 }
 ?>
 </select>
 <span>Timezone</span>
 <select name="timezone" id="timezone" class="form-control">
 <option value="<?php echo $timezonevalue; ?>"><?php echo $timezone; ?></option>
 <?php foreach (tz_list() as $t) { ?>
 <option value="<?php echo $t['zone']; ?>"> <?php echo $t['zone']; ?></option>
 <?php } ?>
 </select>
 <?php echo form_submit(array('value' => 'Save', 'name' => 'submit', 'class' => 'btn btn-primary btn-block', 'style' => 'margin-right:10px')); ?>
 <?php echo form_close(); ?>
 <button onclick="myFunction()" class="btn btn-default btn-block" style="margin-top: 10px">Get New Key
 </button>
 </div>
 <div class="col-md-4 col-lg-4">
 <h2>Share The Key</h2>
 <br>
 <hr>
 <?php
 function generateRandomString()
 {
 $characters = '0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ';
 $charactersLength = strlen($characters);
 $randomString = sha1($characters[rand(0, $charactersLength - 1)]);
 return $randomString;
 }
 
 // the QR
 $qr = "{'url':'" . base_url() . "', 'key':'" . $key . "'}";
 
 echo '<p>Share via: </p>';
 echo '<a href="whatsapp://send?text=' . $key . '" data-action="share/whatsapp/share"><i class="fa fa-whatsapp" aria-hidden="true"></i></a> ';
 echo '<a href="mailto:?subject=Share KEY&body=The Key is: ' . $key . '" title="Share KEY"><i class="fa fa-envelope-o" aria-hidden="true"></i></a> ';
 echo '<a class="copy-text" data-clipboard-target="#key" href="#"><i class="fa fa-clipboard" aria-hidden="true"></i></a>';
 
 echo '<div style="margin-top:100px;">';
 echo '<img class="img-responsive img-thumbnail" src="https://chart.googleapis.com/chart?chs=200x200&cht=qr&chl=' . $qr . '&choe=UTF-8" style="margin: 0 auto;display: block;">';
 echo '<p style="text-align: center;margin-top: 10px;">The QR Code</p>';
 echo '</div>';
 ?>
 <script>
 function myFunction() {
 document.getElementById("key").value = "<?php echo generateRandomString(); ?>";
 }
 </script>
 </div>
 </div>
 </div>
 
 </div><!--row-->
 
 <footer>
 <div class="col-md-12" style="text-align:center;">
 <hr>
 Copyright© - <?php echo date('Y'); ?> | Create by <a
 href="https://connectwithdev.com/">connectwithdev.com</a>
 </div>
 </footer>
 </div><!-- /container -->
 
 <!-- Modal -->
 <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
 <div class="modal-dialog" role="document">
 <div class="modal-content">
 <div class="modal-header">
 <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span>
 </button>
 <h4 class="modal-title" id="myModalLabel">Attendance Login System</h4>
 </div>
 <div class="modal-body">
 <h2>Version</h2>
 <p>V3.0</p>
 <h2>About</h2>
 <p>Attendance login system is based on the <a
 href="https://github.com/bcit-ci/CodeIgniter">codeigniter</a>.
 <p>If you have question, please email me : <a
 href="mailto:[email protected]">[email protected]</a><br>
 Visit: <a href="https://connectwithdev.com/page/contact"
 rel="nofollow">https://connectwithdev.com/</a></p>
 <h2>License</h2>
 <p>The MIT License (MIT).</p>
 <p>Copyright© <?php echo date('Y'); ?>, Abed Putra.</p>
 </div>
 <div class="modal-footer">
 <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
 </div>
 </div>
 </div>
 </div>
 
 
 <!-- /Load Js -->
 <script src="https://cdn.jsdelivr.net/clipboard.js/1.5.12/clipboard.min.js"></script>
 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js" type="text/javascript"></script>
 <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
 <script src="<?php echo base_url() . 'public/js/main.js' ?>"></script>
 <script type="text/javascript"
 src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.4.1/js/bootstrap-datepicker.min.js"></script>
 <script>
 $(function () {
 new Clipboard('.copy-text');
 });
 </script>
 </body>
 </html>
 
 
 |