@if(Auth::user()->admin !== 1)
{{ Auth::logout() }}
@endif
@include('includes.header')
<div class="container page__heading-container">
  <div class="page__heading d-flex align-items-end">
    <div class="flex">
      <nav aria-label="breadcrumb">
        <ol class="breadcrumb mb-0">
          <li class="breadcrumb-item">{{ $categorie }}</li>
          <li class="breadcrumb-item active"
          aria-current="page">comptes</li>
        </ol>
      </nav>
      <h1 class="m-0">Liste des comptes à recevoir</h1>
    </div>
    @include('includes.toast', ['msg' => $msg])
  </div>
</div>
<div class="container page__container">
  <div class="card">
    <div class="table-responsive">
      <br>
      <table class="table mb-0 thead-border-top-0 table-striped">
        <thead>
          <tr>
            <th>Unité</th>
            <th>Nom</th>
            <th>Mode de paiement</th>
            <th>Solde</th>
            @if(Auth::user()->admin == 1)
            <th style="width: 100px; text-align: right;">
              <div class="dropdown pull-right">
                <a href="#"
                data-toggle="dropdown"
                class="dropdown-toggle">Export</a>
                <div class="dropdown-menu dropdown-menu-right">
                  <style>
                    .printbutton {
                      display: table-caption; !important;
                    }
                    button.dt-button {
                      margin: 0px !important;
                      padding: 0px !important;
                      border: 0px !important;
                    }
                  </style>
                  <div class="printButton"></div>
                </div>
              </div>
            </th>
            @endif
          </tr>
        </thead>
        <tbody class="list"
        id="products">
        @foreach ($comptes as $compte)
        <tr>
          <td>
            <div class="badge badge-dark">#{{ $compte->unite_id }}</div>
          </td>
          <td>
            @foreach(json_decode($compte->tenants) as $key => $tenants)
            @if(strpos($key, "proprio") !== false)
            @if(!empty($tenants->nom)) {{ $tenants->nom }} @if(!empty($tenants->telephone))<a href="tel:{{ $tenants->telephone }}" class="badge badge-soft-dark"aria-expanded="false"><i class="fas fa-phone"></i></a>@endif @if(!empty($tenants->courriel))<a href="mailto:{{ $tenants->courriel }}" class="badge badge-soft-dark"aria-expanded="false"><i class="fas fa-at"></i></a>@endif @endif<br>
            @endif
            @endforeach
          </td>
          <td>
            {{ $compte->paiement }}
          </td>
          <td>
            {{ $compte->solde }}$
          </td>
          @if(Auth::user()->admin == 1)
          <td class="text-right">
            <div class="btn-group dropdown">
              <button type="button" class="btn btn-sm btn-primary dropdown-toggle" data-toggle="dropdown" aria-expanded="false"><i class="fas fa-cog"></i><span class="caret"></span> </button>
              <div class="dropdown-menu" style="">
                @csrf
                <a href="/registre/{{ $compte->unite_id }}" class="dropdown-item">Modifier</a>
              </div>
            </td>
            @endif
          </tr>
          @endforeach
        </tbody>
      </table>
    </div>
  </div>
</div>
</div>
<!-- // END Header Layout Content -->
</div>

<!-- // END Header Layout -->
@include('includes.footer')
<script type="text/javascript">
  $("#search").on("keyup", function() {
    console.log('test');
    var value = $(this).val().toLowerCase();
    $("#products tr").filter(function() {
      $(this).toggle($(this).text().toLowerCase().indexOf(value) > -1)
    });
  });
</script>
</body>

</html>