@extends('layout')
@section('title','Liste des comptes')
@section('content')
<h2 align="center"> Liste des comptes</h2>

<section class="content">
    <div class="container-fluid">
      <div class="row">
        <div class="col-12">
          <div class="card">
            <div class="card-header">
              <h3 class="card-title">Liste des comptes</h3>
            </div>
            <div class="card-body">
              <table id="example1" class="table table-bordered table-striped">
            <thead>
                <tr>
                    <th>#ID</th>
                    <th>N° Compte</th>
                    <th>Nom</th>
                    <th>Prenom</th>
                    <th>Adresse</th>
                    <th>contact</th>
                    <th>sexe</th>
                    <th>Email</th>
                    <th>Solde(FCFA)</th>
                    <th>Etat</th>
                    <th>Action</th>
                </tr>
            </thead>
            <tfoot>
                <tr>
                    <th>#ID</th>
                    <th>N° Compte</th>
                    <th>Nom</th>
                    <th>Prenom</th>
                    <th>Adresse</th>
                    <th>contact</th>
                    <th>sexe</th>
                    <th>Email</th>
                    <th>Solde(FCFA)</th>
                    <th>Etat</th>
                    <th>Action</th>
                </tr>
            </tfoot>
            <tbody>

                @foreach ($compte as $c)
                <tr>
                    <td>#00{{$c->id}}</td>
                    <td>{{$c->num_compte}}</td>
                    <td>{{$c->user->nom}}</td>
                    <td>{{$c->user->prenom}}</td>
                    <td>{{$c->user->adresse}}</td>
                    <td>{{$c->user->contacte}}</td>
                    <td>{{$c->user->sexe}}</td>
                    <td>{{$c->user->email}}</td>
                    <td>{{$c->solde}}</td>
                    <td>
                        @if ($c->status==0)
                            <div class="alert alert-danger">Non valider</div>
                        @else
                        <div class="alert alert-success">Valider</div>
                        @endif
                    </td>
                    <td style="display: flex">
                        @if ($c->status==0)
                            <button class="btn btn-success" onclick="valid{{$c->id}}()">Valider</button>
                        @else
                        <button class="btn btn-warning" onclick="dis{{$c->id}}()">Désactiver</button>
                        @endif
                        <button class="btn btn-primary" onclick="modif{{$c->id}}()"><i class="fas fa-eye"></i>info</button>

                    </td>
                    <script type="text/javascript">
                            function valid{{$c->id}}(){
                                if(confirm("Voulez-vous vraiment validé le compte de {{$c->nom}} {{$c->prenom}}? ")==true ){
                                   location.href="{{asset('valide_compte/'.$c->id)}}";
                                }
                                else{ return false;}
                            }

                            function dis{{$c->id}}(){
                                if(confirm("Voulez-vous vraiment desactivé le compte de {{$c->nom}} {{$c->prenom}}? ")==true ){
                                   location.href="{{asset('dis_compte/'.$c->id)}}";
                                }
                                else{ return false;}
                            }
                    </script>
                </tr>   
                @endforeach
                </tr>
            </tbody>
        </table>
    </div>
</div>
        </div>
      </div>
    </div>
</section>

@stop