@extends('base')

@section('content')
@section('content')
    <div class="container">
       
        <h1 class="text-center my-5">Les Recus de transferts</h1>
        <div class="d-flex justify-content-center">
            <a class="btn btn-info my-3" href="#"><i class="fas fa-plus mx-2"></i>Ajouter un
                nouveau recu</a>
        </div>
        <table class="table table-hover">
            <thead>
                <tr>
                    <th scope="col">Destinataire</th>
                    <th scope="col">Destinateur</th>
                    <th scope="col">Montant</th>
                    <th scope="col">Cree le</th>
                    <th scope="col">Actions</th>
                </tr>
            </thead>
            <tbody>
                <tr class="table-active">

                    @foreach ($users as $user)
                <tr class="table-active">
                    <td>{{ $user->id }}</td>
                    <td>{{ $user->name }}</td>
                    {{-- pour afficher late depuis le model  
                        <td>{{ $article->dateFormatted() }}</td> --}}

                    <td>{{ date('d-M-Y', strtotime($user->created_at)) }}</td>
                    {{-- Pour creer les boutons supprimer et editer --}}
                    <td class="d-flex">
                        <a href={{ route('membre.create', $user) }} class="btn btn-warning mx-3">Créer son profil</a>
                        <button type="button" class="btn btn-danger" onclick="document.getElementById('model-open').style.display='block'">Supprimer</button>
                        <form action="#" method="POST">
                            @csrf
                            @method("DELETE")
                            <div class="modal" id="model-open">
                                <div class="modal-dialog" role="document">
                                  <div class="modal-content">
                                    <div class="modal-header">
                                      <h5 class="modal-title">Suppression de l'element est definitive</h5>
                                      <button type="button" class="btn-close" data-bs-dismiss="modal" onclick="document.getElementById('model-open').style.display='none'" aria-label="Close">
                                        <span aria-hidden="true"></span>
                                      </button>
                                    </div>
                                    <div class="modal-body">
                                      <p>Etes vous sure de vouloir supprimer cet element ?</p>
                                    </div>
                                    <div class="modal-footer">
                                      <button type="submit" class="btn btn-primary">Oui</button>
                                      <button type="button" class="btn btn-secondary" onclick="document.getElementById('model-open').style.display='none'" data-bs-dismiss="modal" >Annuler</button>
                                    </div>
                                  </div>
                                </div>
                              </div>
                            
                        </form>
                        
                    </td>
                </tr>
                @endforeach
                </tr>


            </tbody>
        </table>
        {{-- pour personnaliser la pagination
        <div class="d-flex justify-content-center mt5">
            {{ $articles->links('vendor.pagination.custom') }}
        </div>
         --}}
    </div>
@endsection
@endsection