edit_user.slice.php

@extends('layout.mainlayout')

@section('title')
Edit User
@endsection

@section('h1')
USER
@endsection

@section('breadcrumb')
Edit User
@endsection
@section('stylesheet')
<link rel="stylesheet" href="<?php echo base_url()."assets/adminlte/";?>bower_components/bootstrap-daterangepicker/daterangepicker.css">
  <!-- bootstrap datepicker -->
  <link rel="stylesheet" href="<?php echo base_url()."assets/adminlte/";?>bower_components/bootstrap-datepicker/dist/css/bootstrap-datepicker.min.css">

  <link rel="stylesheet" href="{{ base_url('assets/adminlte/bower_components/datatables.net-bs/css/dataTables.bootstrap.min.css')}}">

 <link rel="stylesheet" type="text/css" href="{{ base_url('plugins/sweetalert/sweetalert.css') }}">
@endsection

@section('content')

     <?php foreach ($getdata as $key ): ?>
       <form id="form_edituser" onsubmit="return false">
          <div class="box">
            <div class="box-body">
              <div class="form-horizontal">
                <div class="form-group">
                  <label class="col-sm-2 control-label">Full Name</label>
                  <div class="col-sm-10">
                   <input type="text" name="fnamauser" class="form-control" value="{{$key->fullname}}" id="edit-fnama" placeholder="Full Name">
                   <input type="hidden" id="edit-id"  name="id">
                   <input type="hidden" name="filename" id="edit-filename" value="">
                  </div>
                </div>


                <div class="form-group">
                  <label class="col-sm-2 control-label">Nama user</label>
                  <div class="col-sm-10">
                   <input type="text" name="namauser" class="form-control" value="{{$key->nama}}" placeholder="Nama User">
                  </div>
                </div>

                <div class="form-group">
                  <label class="col-sm-2 control-label">Email</label>
                  <div class="col-sm-10">
                    <input type="text" class="form-control" name="emailuser" value="{{$key->email}}" id="edit-email">
                  </div>
                </div>

                <div class="form-group">
                  <label class="col-sm-2 control-label">Password</label>
                  <div class="col-sm-10">
                    <input type="password" class="form-control" name="passworduser" id="edit-password" placeholder="Password">
                  </div>
                </div>

                <div class="form-group">
                  <label class="col-sm-2 control-label">Re-type Password</label>
                  <div class="col-sm-10">
                    <input type="password" class="form-control" name="passworduser2" id="edit-password" placeholder="Re-type Password">
                  </div>
                </div>

                <div class="form-group">
                  <label class="col-sm-2 control-label" style="text-align: left;">Tanggal</label>
                  <div class="col-sm-10">
                    <div class="input-group date">
                      <div class="input-group-addon">
                        <i class="fa fa-calendar"></i>
                      </div>
                      <input type="text" class="form-control pull-right" id="datepicker2" placeholder="Tanggal Daftar" name="datepicker2" value="{{$key->tgl_daftar}}">
                    </div>
                  </div>
                </div>

                <div class="form-group">
                  <label class="col-sm-2 control-label">Tipe</label>
                  <div class="col-sm-10">
                    <select class="form-control" name="tipeuser" value="{{$key->tipe}}">
                      <option>Admin</option>
                      <option>User</option>
                    </select>
                  </div>
                </div>

                <div class="form-group">
                  <label class="col-sm-2 control-label">Foto</label>
                  <div class="col-sm-10">
                    <input type="file" class="form-control" name="fotouser" value="{{$key->foto}}">
                  </div>
                </div>

              </div>
              <!-- /.box-body -->
              <!-- buat annis -->

            </div>
            <div class="box-footer">
              <button class="btn btn-default" >Batal</button>
              <button class="btn btn-success" >Simpan</button>
            </div>
          </div>
    </form>
     <?php endforeach ?>

@endsection



@section('script')
<!-- bootstrap datepicker -->
<script src="<?php echo base_url()."assets/adminlte/";?>bower_components/bootstrap-datepicker/dist/js/bootstrap-datepicker.min.js"></script>
<!-- DataTables -->
<script src="<?php echo base_url("assets/adminlte/bower_components/datatables.net/js/jquery.dataTables.min.js");?>"></script>
<script src="<?php echo base_url('assets/adminlte/bower_components/datatables.net-bs/js/dataTables.bootstrap.min.js') ?>"></script>
<script type="text/javascript" src="{{ base_url('plugins/sweetalert/sweetalert.min.js') }}"></script>

<!-- date picker -->
<script>

  $(function () {
    $('#tabel1').DataTable();
    //Date picker
    $('#datepicker1').datepicker({
      autoclose: true
    });
    $('#datepicker2').datepicker({
      autoclose: true
    });
  })
</script>
  <script type="text/javascript">
    jQuery(function($) {
      $("#tabel1").DataTable();

      // Form Edit
      $('.user-edit').on('click',function(){
        var id         = $(this).data('id');
        var fullname   = $(this).data('fnama');
        var nama       = $(this).data('nama');
        var email      = $(this).data('email');
        var password   = $(this).data('password');
        var tgl_daftar = $(this).data('datepicker2');
        var tipe       = $(this).data('tipe');
        var foto       = $(this).data('foto');


        $('#edit-id').val(id);
        $('#edit-fnama').val(fullname);
        $('#edit-nama').val(nama);
        $('#edit-email').val(email);
        $('#edit-password').val(password);
        $('#edit-tgl_daftar').val(datepicker2);
        $('#edit-tipe').val(tipe);
        $('#edit-foto').val(foto);
        $('#edituser').modal();
      });
      // Form Edit
      $('#form_edituser').on('submit', function(e) {
        e.preventDefault();
        alert($('#edit-fnama').val());
        swal({
          title: "Pemberitahuan!",
          text: "Apa anda sudah yakin?",
          type: "info",
          confirmButtonText: "Simpan",
          cancelButtonText: "Batal",
          showCancelButton: true,
          closeOnConfirm: false,
          showLoaderOnConfirm: true,

        }, function() {
           var form = $('#edit_user')[0]; // You need to use standard javascript object here
            var formData = new FormData(form);

            $.ajax({
              url: "{{ base_url('user/edit') }}",
              method: 'POST',
              data:formData,
              contentType:false,
              catch:false,
              processData:false,
              dataType: 'json',
              success: function(json) {
                if (json.status == 'success') {
                  swal({
                    title: json.title,
                    text: json.text,
                    type: json.status,
                    closeOnConfirm: false
                  }, function(){
                    location.reload();
                  });
                } else {
                  swal(json.title, json.text, json.status);
                }
              },
              error:function(json){
                console.log(json.responseText);
              }
            });
        });
      });
    });

  </script>

@endsection