@extends('adminlte::page')

@section('title', 'Painel de administrador')

@section('css')
@stop

@section('content')
<div id="btn-div">
    <a href="{{ route('user.create') }}" id="btn-user" class="btn btn-form"> Adicionar Usuário </a>                            
</div>
<div class="table-responsive">
    <table class="table">
        <thead>
            <tr>
                <th scope="col">Usuário</th>
                <th scope="col">E-mail</th>
                <th scope="col">Ações</th>
            </tr>
        </thead>
        <tbody>
            @forelse ($users as $user)
                <tr id="user{{$user->id}}">
                    <td>
                        <div class="">
                            <p>{{$user->name}}</p>
                        </div>
                    </td>
                    <td>
                    <div class="">
                            <p>{{$user->email}}</p>
                        </div>
                    </td>
                    <td>
                        <a href="" id="btn-option" class="btn btn-primary" onclick="">
                            Editar
                        </a>
                        <a href="" id="btn-option" class="btn btn-danger" onclick="removeItem({{$user->id}})">
                            Remover
                        </a>
                    </td>
                </tr>
            @empty
                <tr class="text-center">
                    <td colspan="4"><p> <b> Não há funcionários cadastrados. </b></p></td>
                </tr>
            @endforelse
        </tbody>
    </table>
</div>

@endsection 


@section('js')
@stop

@push('js')
<script>
    $(function () {
        $("form").submit(function(event){
            $.ajax({
                url: "{{ route('user.store') }}",
                type: "post",
                data: $(this).serialize(),
                dataType: 'json',
                success: function(response) {
                    
                }

            });
        });
    });
</script>
@endpush