@extends('app') 

@section('css')

<style>
    #form-box{
        display: none;
        position: fixed;
        right: 0;
        top:0;
        border: #ddd;
        width: 300px;
        z-index:10000;
    }
</style>
@stop

@section('content')
<!-- Page Heading -->
<div class="row" id="main">
    <div class="col-lg-12">

        <ol class="breadcrumb">
            <li class="active">
                <a href="{{URL::to('admin/home')}}"><i class="fa fa-dashboard"></i> Dashboard</a>
            </li>
            <li>
                <i class="fa fa-dashboard"></i> User
            </li>

            <button type="button" id="btnAdd" onclick="loadCreate();" class="btn btn-primary btn-xs pull-right">Add User</button>
        </ol>
    </div>
</div>
<!-- /.row -->

<div class="row">
  @if(Session::has('message'))
   <div class="alert alert-success alert-dismissable">
       <button type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
       {{ Session::get('message') }}
    </div>
  @endif
    <div class="col-sm-12">
        <div class="panel panel-defualt">
            <div class="panel-body">
                <div class="table-responsive">
                    <table id="example" class="display" cellspacing="0" width="100%">
                        <thead>
                            <tr>
                                <th>#</th>
                                <th>Name</th>
                                <th>Email</th>
                                <th class="text-center">Control</th>
                            </tr>
                        </thead>
                        <tfoot>
                            <tr>
                                <th>#</th>
                                <th>Name</th>
                                <th>Email</th>
                                <th class="text-center">Control</th>
                            </tr>
                        </tfoot>
                        <tbody>
                                                     @foreach($user as $users)
                            <tr>
                                <td>{{ $i++ }}</td>
                                <td>{{$users->name}}</td>
                                <td>{{$users->email}}</td>
                                <td>
                                    <div class="text-center">
                                        <a onclick="loadEdit('{{$users->id}}');" class="btn btn-warning btn-xs">edit</a>
                                        <a href="{{URL::to('admin/users/destroy',['id'=>$users->id])}}"  onclick="return confirm('คุณต้องการลบ ข้อมูลนี้ ??');" class="btn btn-info btn-xs">del</a>
                                    </div>
                                </td>
                            </tr>
                            @endforeach
                           
                        </tbody>
                        
                    </table>
                </div>
            </div>
            <a href="#">
                <div class="panel-footer">

                    <div class="clearfix"></div>
                </div>
            </a>
        </div>
        
    </div>
    
</div>
<!-- /.row -->

 <!-- Modal -->
<div class="modal fade" id="createModal" 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">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel">Modal title</h4>
      </div>
      <form class="form-horizontal" method="post" id="form_element">
      <div class="modal-body">
       <div id="form-box"></div>
      </div>
      <div class="modal-footer">
        <button type="reset" class="btn btn-default" data-dismiss="modal">Close</button>
        <button type="submit" class="btn btn-primary" >Save changes</button>
      </div>
      </form>
    </div>
  </div>
</div>


@stop
@section('script')
 <script type="text/javascript" language="javascript" src="{{asset('public/datatable/js/jquery.dataTables.js')}}"></script>
    <script type="text/javascript" language="javascript" class="init">
        $(document).ready(function() {
            $('#example').DataTable();
			 
        } );
	 
	</script>
   

    <script type="text/javascript">        
            function loadCreate (){                
                
             $('#form-box').load('{{URL::to('admin/users/create')}}');
			 $('#createModal').modal('show');
			 $('#myModalLabel').html('Create New User');
			 $('#form_element').attr("action",'{{URL::to('admin/users/create')}}');
            }
        
            function loadEdit(id){                
                
             $('#form-box').load('{{URL::to('admin/users/edit')}}/'+id);
             $('#createModal').modal('show');   
			 $('#myModalLabel').html('Update User');
			 $('#form_element').attr("action",'{{URL::to('admin/users/edit')}}/'+id);
            }
            
            
    
    </script>    
    

@stop

@section('style')
 <link rel="stylesheet" href="{{asset('public/datatable/css/jquery.dataTables.min.css')}}">
@endsection