@extends('layouts.layout-admin')

@section('content')
<div class="row box-body">
    @include('admin.partials.alerts')
    <div class="btn-group">
        <button type="button" class="btn btn-info">Create</button>
        <button type="button" class="btn btn-info dropdown-toggle" data-toggle="dropdown">
        <span class="caret"></span>
        <span class="sr-only">Toggle Dropdown</span>
        </button>
        <ul class="dropdown-menu" role="menu">
            <li><a href="{{ route('user.create') }}">User</a></li>
            <li class="divider"></li>
            <li><a href="{{ route('user.business.create') }}">Business</a></li>
        </ul>
    </div>
    <!--<form method="post" name="formFilter" id="formFilter">
        <input type="text" name="display_name" id="display_name" />
        <button type="submit" name="filterSubmit">Search</button>
    </form>-->
    
    <!--<a href="{{ route('user.create') }}" class="btn btn-primary">Create user</a>-->
    <table class="table table-striped" id="users-table">
        <thead>
        <tr>
            <th>Id</th>
            <th>User name</th>
            <th>Role</th>
            <th>Status</th>
            <th>Created at</th>
            <th>Actions</th>
        </tr>
        </thead>
    </table>
</div>
@endsection

@push('scripts')
<script>
    $(function() {
        var oTable = $('#users-table').DataTable({
            processing: true,
            serverSide: true,
            ajax: {
                url: '{!! route('admin.business.datatable') !!}',
                /*data: function (d) {
                    d.name = $('input[name=user_type]').val();
                }*/
            },
            columns: [
                { data: 'scti_id', name: 'scti_id' },
                { data: 'display_name', name: 'display_name' },
                { data: 'user_type', name: 'user_type' },
                { data: 'enabled', name: 'enabled', orderable: false, searchable: false },
                { data: 'created_at', name: 'created_at' },
                { data: 'actions', name: 'actions', orderable: false, searchable: false}
            ],
            order: [ [4, 'desc'] ],
        });

    $('#formFilter').on('submit', function(e) {
        oTable.ajax.reload();
        e.preventDefault();
    });

    });

    function deleteUser(id) {
        swal({   
            title: "Are you sure?",
            text: "You are going to delete this item from list!",
            type: "warning",   
            showCancelButton: true,   
            confirmButtonColor: "#DD6B55",
            confirmButtonText: "Yes, delete it!", 
            closeOnConfirm: false 
        }, 
        function(){   
            axios.delete('/adminpanel/user/' + id)
            .then(function (response) {
                window.location = '/adminpanel/user';
            })
            .catch(function (error) {
                console.log(error);
            });
        });
    }
</script>
@endpush