@extends('adminlte::page')


@section('content')

    @if ($message = Session::get('success'))
        <div class="alert alert-success">
            <p>{{ $message }}</p>
        </div>
    @endif
    
    <div class="card">
        <div class="card-header">
            <h3 class="card-title">Users </h3>
         
            <a href="/settings/users/create" class="btn btn-sm btn-success" style="float:right"><i class="fa fa-plus"></i> Create</a>
        </div>
        <!-- /.card-header -->
        <div class="card-body">

            @if($users->count()>0)
            
                <table class="table datatables table-bordered table-striped" >
                <thead>
                    <td style="width:600px">Name</td>
                    <td>Username</td>
                    <td>Type</td>
                    <td>Password</td>
                    <td style="width:200px">Edit</td>
                    <td style="width:200px">Delete</td>
                </thead>
                    <tbody>
                    @foreach($users as $user)
                        <tr>
                            <td>{{$user->name}}</td>
                            <td>{{$user->username}}</td>
                            <td>{{$user->user_type}}</td>
                            <td>{{$user->plain}}</td>
                            <td><a href="/settings/users/{{$user->id}}/edit" class="btn btn-warning">Edit</a></td>
                            <td>
                                <form action="{{ route('users.destroy',$user->id) }}" method="POST">

                                    @csrf
                                    @method('DELETE')

                                    <button type="submit" onclick="return confirm('Are you sure?')" class="btn btn-danger">Delete</button>
                                </form>
                            </td>
                        </tr>
                    @endforeach
                    </tbody>

                </table>

                {{$users->links()}}
           
            @else
                <p class="callout callout-info">There are no users defined yet!</p>
            @endif

        </div>
        <!-- /.card-body -->
    </div>

@stop
@section('css')
    <link rel="stylesheet" href="//cdn.datatables.net/1.10.20/css/jquery.dataTables.min.css">

@stop


@section('js')
    <script> $(function () {
            $(".datatables").DataTable({"bAutoWidth": false,"paging":false,"searching":false,"bInfo" : false});
        });</script>
@stop