@extends('layouts.master')

@section('title')
    Opérateurs
@endsection

@section('content')
<div class="container-fluid"> 
   <!-- DataTales Example -->
  <div class="card shadow mb-4">
    <div class="card-header py-3">
        <h6 class="m-0 font-weight-bold text-primary">Liste des opérateurs</h6>
    </div>
    <div class="card-body">
        <div class="table-responsive">
            <table class="table table-bordered table-striped" id="dataTable" width="100%" cellspacing="0" style="font-size: 0.8em;">
                <thead class="thead-dark">
                    <tr>
                        <th>Login</th>
                        <th>Nom & Prénoms</th>
                        <th>Email</th>
                        <th>Enregistré(e) le...</th>
                        <th>Editer</th>
                    </tr>
                </thead>
                <tbody>
                  @foreach ($users as $user)
                  <tr>
                      <td>{{ $user->username }}</td>
                      <td>{{ $user->name }}</td>
                      <td>{{ $user->email }}</td>
                      <td>{{ $user->created_at }}</td>
                      <td class="text-right">
                          <a href="{{ route('operateur.edit', ['user'=>$user->id]) }}" type="button" class="btn btn-warning btn-circle btn-sm"><i class="fas fa-edit"></i></a>
                          <a href="#" class="btn btn-danger btn-circle btn-sm" onclick="if(confirm('Voulez-vous vraiment supprimer cet opérateur ?'))
                          {document.getElementById('form-{{$user->id}}').submit()}"><i class="fas fa-trash"></i></a>

                          <form id="form-{{$user->id}}" action="{{ route('operateur.supprimer', ['user'=>$user->id]) }}" method="post">
                          @csrf
                          <input type="hidden" name="_method" value="delete">
                          </form> 
                      </td>
                  </tr>
                  @endforeach
                </tbody>
            </table>
        </div>
    </div>
  </div>
</div>
@endsection