@extends('layouts.app')

@section('content')
  <div class="container box">
    <div class="panel panel-default">
      <div class="panel-heading">Liste des utilisateurs</div>
        <div class="panel-body">
          <div class="table-responsive">
            <table class="table table-striped table-bordered">
              <thead>
                <tr>
                  <th> Code Client </th>
                  <th> Nom Client </th>
                  <th> Modifier </th>
                  <th> Supprimer </th>
                </tr>
              </thead>
              <tbody>
                @foreach($clients as $client)
                  <tr>
                    <td> {{ $client->Code }} </td>
                    <td> {{ $client->Nom }} </td>
                    <td>
                      <form action="editClient" method="post">
                        @csrf
                        <input type="hidden" name="id" value="{{ $client->id }}">
                        <input type="submit"  class="btn btn-info" value="Modifier">
                      </form>
                    </td>
                    <td>
                      <form action="deleteClient" method="post">
                        @csrf
                        <input type="hidden" name="id" value="{{ $client->id }}">
                        <input type="submit" class="btn btn-danger"  value="Supprimer">
                      </form>
                    </td>
                  </tr>
                @endforeach
              </tbody>
            </table>
          </div>
        </div>
    </div>
  </div>
  <div class="container">
    <div class="row">
      <div class="col-md-4"></div>
      <div class="col-md-6">
        <h3>Ajouter un Client</h3>
        <form class=""  action="/addClient" method="POST">
          @csrf
          <label for="Code">Code Client :</label>
          <input required placeholder="Code Client" type="text" name="Code" required>
          <label for="Nom">Nom du Client :</label>
          <input required placeholder="Nom du Client" type="text" name="Nom" required>
          <br />
          <input type="submit" class="btn btn-success" name="" value="Ajouter">
        </form>
      </div>
       <div class="col-md-2"></div>
    </div>
  </div>
@endsection