@extends('modelo.modelo')

@section('content')
    <a href="{{ url('cadastrador/home') }}" title="Back"><button class="btn btn-warning  btn-hero btn-sm"><i class="fa fa-arrow-left"
                aria-hidden="true"></i> Voltar</button></a>
    <br>
    <br>
    <script>
        $(document).ready(function() {
                                $('#myTable').DataTable({
                "bJQueryUI": true,
                "oLanguage": {
                    "sProcessing":   "Processando...",
                    "sLengthMenu":   "Mostrar _MENU_ registros",
                    "sZeroRecords":  "Não foram encontrados resultados",
                    "sInfo":         "Mostrando de _START_ até _END_ de _TOTAL_ registros",
                    "sInfoEmpty":    "Mostrando de 0 até 0 de 0 registros",
                    "sInfoFiltered": "",
                    "sInfoPostFix":  "",
                    "sSearch":       "Buscar:",
                    "sUrl":          "",
                    "oPaginate": {
                        "sFirst":    "Primeiro",
                        "sPrevious": "Anterior",
                        "sNext":     "Seguinte",
                        "sLast":     "Último"
                    }
                }
            });
                            });
    </script>
    <div class="block">
        <div class="row">
            <div class="col-md-3 p-4">
                <a href="{{ url('/funcionario/create') }}" class="btn btn-warning  btn-hero">Adicionar Funcionario</a>
            </div>
            <div class="col-sm-11"></div>
        </div>
        <div class="row">
            <div class="col-md-12 p-4">
                <table class="table " id="myTable">
                    <thead>
                        <tr>
                            <th scope="col">Nome</th>
                            <th scope="col">Email</th>
                            <th scope="col">CPF</th>
                            <th scope="col">Matricula</th>
                            <th scope="col">Setor</th>
                            <th scope="col">Cargo</th>
                            <th scope="col">Ações</th>
                        </tr>
                    </thead>
                    <tbody>
                        @foreach ($funcionarios as $funcionario)
                            <tr>
                                <th>{{ $funcionario->name }}</th>
                                <td>{{ $funcionario->email }}</td>
                                <td>{{ $funcionario->cpf }}</td>
                                <td>{{ $funcionario->matricula }}</td>
                                <td>{{ $funcionario->nome }}</td>
                                <td>{{ $funcionario->cargo }}</td>
                                <td>
                                    <button class="btn btn-info mr-5" onclick="window.location.href = '{{ url('funcionario', ['id' => $funcionario->idUser]) }}'">Detalhes</button>
                                    <a class="btn btn-primary mr-5" href="{{ url('funcionario/edit', ['id' => $funcionario->idUser]) }}">Editar</a>
                                    <a class="btn btn-danger mr-5" href="{{ url('funcionario/destroy', ['id' => $funcionario->idUser]) }}">Remover</a>
                                </td>
                            </tr>
                        @endforeach


                    </tbody>
                </table>

            </div>
        </div>
    </div>

@endsection