@extends('layouts.master')

@section('content')
<!-- Content -->
<div class="container-xxl flex-grow-1 container-p-y">
  <h4 class="fw-bold py-3 mb-4">
    <span class="text-muted fw-light">Clients /</span> Liste clients
  </h4>

  <!-- Bootstrap Table with Header - Dark -->
  <div class="card">
    <h5 class="card-header">Liste clients</h5>
    <div class="table-responsive text-nowrap">
      <table class="table">
        <thead class="table-dark">
          <tr>
            <th>Logo</th>
            <th>ICE</th>
            <th>Client</th>
            <th>Télèphone</th>
            <th>Status</th>
            <th>Actions</th>
          </tr>
        </thead>
        <tbody class="table-border-bottom-0">
          @foreach($clients as $client)
          <tr>

            <td>
              <!-- <img src="{{ asset('media/assets/img/icons/brands/instagram.png') }}" class="me-3" height="30"> -->
              <i class='bx bxs-user-circle'></i>
            </td>

            <td>
              <strong>{{ $client->ice}}</strong>
            </td>

            <td>{{ $client->client}}</td>

            <td>
              {{ $client->phone}}
            </td>

            <td><span class="badge bg-label-primary me-1">Active</span></td>

            <td class="text-end">

              <a href="{{ route('clients.edit',$client->id) }}" class="btn btn-icon btn-outline-success">
                <i class="bx bx-edit-alt me-1"></i>
              </a>

              <button type="button" class="btn btn-icon btn-outline-danger">
                <i class="bx bx-trash me-1"></i>
              </button>
               
            </td>
          </tr>
          @endforeach
        </tbody>
      </table>
    </div>

      <div class="d-flex justify-content-center">
        {!! $clients->links('pagination::bootstrap-4') !!}
      </div>
    
  </div>
  <!--/ Bootstrap Table with Header Dark -->
  
  

</div>
<!-- / Content -->
@endsection