@extends('adminlte::page')
@section('title', 'Colaboradores - ' . config('app.name') )
@section('content_header')

  <h1>Colaboradores</h1>

@stop

@section('content')
  <!-- Main content -->
  <section class="content">

    @include('layouts.errors-and-messages')
    <!-- Default box -->
    @if($employees)
      <div class="box">
        <div class="box-body">
          <table class="table table-striped table-bordered dataTables">
            <thead>
              <tr>
                <td class="col-md-1 text-center">ID</td>
                <td class="col-md-3">Nome</td>
                <td class="col-md-3">Email</td>
                <td class="col-md-1 text-center">Status</td>
                <td class="col-md-4 text-center">A&ccedil;&atilde;o</td>
              </tr>
            </thead>
            <tbody>
              @foreach ($employees as $employee)
                <tr>
                  <td scope="row" class="text-center">
                    <a href="{{ route('admin.funcionarios.show', $employee->id) }}">{{ $employee->id }}</a>
                  </td>
                  <td>{{ $employee->name }}</td>
                  <td>{{ $employee->email }}</td>
                  <td class="text-center">@include('layouts.status', ['status' => $employee->status])</td>
                  <td class="text-center">

                    <input type="hidden" name="_method" value="delete">
                    <div class="btn-group">
                      <a href="{{ route('admin.funcionarios.edit', $employee->id) }}" class="btn btn-primary btn-sm"><i class="fas fa-edit"></i> Editar</a>
                      {{-- <form action="{{ route('admin.funcionarios.destroy', $employee->id) }}" method="post" class="form-horizontal">
                        {{ csrf_field() }}
                        <button onclick="return confirm('Tem certeza??')" type="submit" class="btn btn-danger btn-sm"><i class="fas fa-trash-alt"></i> Excluir</button>
                      </form> --}}
                    </div>

                  </td>
                </tr>
              @endforeach
            </tbody>
          </table>
          {{ $employees->links() }}
        </div>
        <!-- /.box-body -->
      </div>
      <!-- /.box -->
    @endif

  </section>
  <!-- /.content -->
@endsection
@section('js')
  <script type="text/javascript">
  $(document).ready(function () {
    $('.dataTables').DataTable({
      "language": {
        "url": "//cdn.datatables.net/plug-ins/1.10.19/i18n/Portuguese-Brasil.json"
      },
      "columnDefs": [
        { "orderable": false, "targets": -1 }
      ],
      responsive: {
        details: false
      }
    });
    $('.dataTables_length').addClass('bs-select')
  })
</script>
@endsection