@extends('painel-admin.menu')
@section('title', 'Funcionario')
@section('content')
  
  <div class="row">
    <div class="col-md-10 col-12">
      <h1>Funcionarios</h1>
    </div>
    <div class="col-md-2 col-12 text-right">
      <a href="{{route('funcionario.create')}}"><button type="submit" class="btn btn-primary "><i class="fas fa-plus mr-1"></i>Funcionario</button></a>
    </div>
  </div>
  <br>
  <div class="table-responsive mb-3">
    <table class="table table-striped table-bordered" id="dataTable">
      <thead>
        <tr>
          <th>ID</th>
          <th>Nome</th>
          <th>Usuario</th>
          <th>Email</th>
          <th>Senha</th>
          <th>Nivel</th>
          <th>Ações</th>
        </tr>
      </thead>
      <tbody>
      @foreach($funcionarios as $funcionario)
         <tr>
            <td>{{$funcionario->id}}</td>
            <td>{{$funcionario->nome}}</td>
            <td>{{$funcionario->usuario}}</td>
            <td>{{$funcionario->email}}</td>
            <td>**********</td>
            <td>{{$funcionario->nivel}}</td>
            <td>
            <a title="Editar" href="{{route('funcionario.edit', $funcionario)}}"><i class="fas fa-edit text-info mr-1"></i></a>
            <a title="Excluir" href="{{route('funcionario.modal', $funcionario)}}"><i class="fas fa-trash text-danger mr-1"></i></a>
            </td>
        </tr>
        @endforeach 
      </tbody>
    </table>
  </div>



  <!-- Modal -->
  <div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
    <div class="modal-dialog">
      <div class="modal-content">
        <div class="modal-header">
          <h5 class="modal-title" id="exampleModalLabel">Deletar Registro</h5>
          <button type="button" class="close" data-dismiss="modal" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
        </div>
        <div class="modal-body">
          Deseja Realmente Excluir este Registro?
        </div>
        <div class="modal-footer">
          
          <form method="POST" action="{{route('funcionario.delete', $id)}}">
            @csrf
            @method('delete')
            <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancelar</button>
            <button type="submit" class="btn btn-danger">Excluir</button>
          </form>
        </div>
      </div>
    </div>
  </div>

  <style>
    .scrollbar-horizontal {
      overflow-x: auto;
    }
  </style>

  <script type="text/javascript">
    $(document).ready(function () {
      $('#dataTable').DataTable({
        "paging": false,
        "order": [[0, "desc"]]
      });
    });

    var tableScroll = document.querySelector('.table-responsive-sm');

    if (tableScroll) {  
      tableScroll.classList.add('scrollbar-horizontal');
    }

    var currentItemId = 'funcionarios-link';
  </script>

  
@endsection