@extends('layouts.appadmin')

@section('content')
<div class="content-wrapper">
  <div class="content-header">
    <div class="container-fluid">
      <div class="row mb-2">
        <div class="col-sm-6">
          <h1 class="font-weight-bold">Liste des clients</h1>
        </div>
        <div class="col-sm-6 text-right">
          <!-- Button trigger modal -->
   

          <!-- Modal -->
          <div class="modal fade" id="modalClient">
            <div class="modal-dialog modal-sm">
              <div class="modal-content">
                <div class="modal-header">
                  <h5 class="modal-title">Nouveau client</h5>
             
                </div>
                <div class="modal-body">
                  <form method="POST" action="{{ asset('addclient') }}">
                    @csrf
                    <div class="form-group">
                      <label>Nom</label>
                      <input name="nom" type="text" class="form-control" placeholder="Nom complet">
                    </div>
                    <div class="form-group">
                      <label>Téléphone</label>
                      <input name="tele" type="text" class="form-control" placeholder="Téléphone">
                    </div>
                    <div class="form-group">
                      <label>Adresse</label>
                      <textarea name="adress" class="form-control" rows="2"></textarea>
                    </div>
                    <div class="form-group">
                      <label>Email</label>
                      <input name="email" type="email" class="form-control" placeholder="Email">
                    </div>
                    <div class="form-group">
                      <label>ICE</label>
                      <input name="ice" type="text" class="form-control" placeholder="ICE">
                    </div>
                    <button type="submit" class="btn btn-primary btn-block">Ajouter</button>
                  </form>
                </div>
                <div class="modal-footer">
                  <button type="button" class="btn btn-secondary btn-sm" data-dismiss="modal">Fermer</button>
                </div>
              </div>
            </div>
          </div>

        </div>
      </div>
    </div>
  </div>

  <section class="content">
    <div class="row">
      <div class="col-12">
        <div class="card">
          <div class="card-body table-responsive">
            <table id="example" class="table table-bordered display nowrap">
              <thead>
                <tr>
                  <th>Ref</th>
                  <th>Nom complet</th>
                  <th>Date</th>
                  <th>ICE</th>
                  <th>Téléphone</th>
                  <th>Modifier</th>
                  <th>Supprimer</th>
                  <th>Détail</th>
                </tr>
              </thead>
              <tbody>
                @foreach($clients as $client)
                  <tr>
                    <td>{{ $client->id }}</td>
                    <td>{{ $client->nom }}</td>
                    <td>{{ $client->created_at }}</td>
                    <td>{{ $client->ice }}</td>
                    <td>{{ $client->tele }}</td>
                    <td>
                      <button class="btn btn-success btn-sm" data-toggle="modal" data-target="#editClient{{ $client->id }}">
                        <i class="fas fa-edit"></i>
                      </button>

                      <!-- Modal Edit -->
                      <div class="modal fade" id="editClient{{ $client->id }}">
                        <div class="modal-dialog modal-sm">
                          <div class="modal-content">
                            <div class="modal-header">
                              <h5 class="modal-title">Modifier {{ $client->nom }}</h5>
                              <button type="button" class="close" data-dismiss="modal">&times;</button>
                            </div>
                            <div class="modal-body">
                              <form method="POST" action="{{ asset('mdiflientlient/'.$client->id) }}">
                                @csrf
                                <div class="form-group">
                                  <label>Nom</label>
                                  <input name="nom" type="text" value="{{ $client->nom }}" class="form-control">
                                </div>
                                <div class="form-group">
                                  <label>Adresse</label>
                                  <textarea name="adress" class="form-control" rows="2">{{ $client->adress }}</textarea>
                                </div>
                                <div class="form-group">
                                  <label>Téléphone</label>
                                  <input name="tele" type="text" value="{{ $client->tele }}" class="form-control">
                                </div>
                                <div class="form-group">
                                  <label>Email</label>
                                  <input name="email" type="email" value="{{ $client->rc }}" class="form-control">
                                </div>
                                <div class="form-group">
                                  <label>ICE</label>
                                  <input name="ice" type="text" value="{{ $client->ice }}" class="form-control">
                                </div>
                                <button type="submit" class="btn btn-primary btn-block">Modifier</button>
                              </form>
                            </div>
                            <div class="modal-footer">
                              <button type="button" class="btn btn-secondary btn-sm" data-dismiss="modal">Fermer</button>
                            </div>
                          </div>
                        </div>
                      </div>
                    </td>
                    <td>
                      <a class="btn btn-danger btn-sm" href="{{ asset('cientsup/'.$client->id) }}">
                        <i class="fas fa-trash"></i>
                      </a>
                    </td>
                    <td>
                      <button class="btn btn-primary btn-sm" data-toggle="modal" data-target="#detailClient{{ $client->id }}">
                        Détail
                      </button>

                      <!-- Modal Détail -->
                      <div class="modal fade" id="detailClient{{ $client->id }}">
                        <div class="modal-dialog modal-sm">
                          <div class="modal-content">
                            <div class="modal-header">
                              <h5 class="modal-title">Informations: {{ $client->nom }}</h5>
                              <button type="button" class="close" data-dismiss="modal">&times;</button>
                            </div>
                            <div class="modal-body">
                              <ul class="list-group">
                                <li class="list-group-item"><strong>Nom:</strong> {{ $client->nom }}</li>
                                <li class="list-group-item"><strong>Email:</strong> {{ $client->rc }}</li>
                                <li class="list-group-item"><strong>Téléphone:</strong> {{ $client->tele }}</li>
                                <li class="list-group-item"><strong>Adresse:</strong> {{ $client->adress }}</li>
                              </ul>
                            </div>
                            <div class="modal-footer">
                              <button type="button" class="btn btn-secondary btn-sm" data-dismiss="modal">Fermer</button>
                            </div>
                          </div>
                        </div>
                      </div>

                    </td>
                  </tr>
                @endforeach
              </tbody>
            </table>
          </div>
        </div>
      </div>
    </div>
  </section>
</div>
@endsection