@if ($frais->count() == 0)
    <h1>Aucun Frais disponible</h1>
@else
    <div class="modal-body">
    {{-- @php
      dd($frais)
    @endphp --}}
        <div class="row">
                <!-- Striped rows -->
                <div class="col-md-12 my-4">
                  <h2 class="h4 mb-1">Liste des règlements enrégistrés à ce jour </h2>
                  {{-- <p class="mb-4"></p> --}}
                  <div class="card shadow">
                    <div class="card-body">
                      {{-- <div class="toolbar row mb-3">
                        <div class="col">
                          <form class="form-inline">
                            <div class="form-row">
                              <div class="form-group col-auto">
                                <label for="search" class="sr-only">Search</label>
                                <input type="text" class="form-control" id="search" value="" placeholder="Search">
                              </div>
                              <div class="form-group col-auto ml-3">
                                <label class="my-1 mr-2 sr-only" for="inlineFormCustomSelectPref">Status</label>
                                <select class="custom-select my-1 mr-sm-2" id="inlineFormCustomSelectPref">
                                  <option selected>Choose...</option>
                                  <option value="1">Processing</option>
                                  <option value="2">Success</option>
                                  <option value="3">Pending</option>
                                  <option value="3">Hold</option>
                                </select>
                              </div>
                            </div>
                          </form>
                        </div>
                        <div class="col ml-auto">
                          <div class="dropdown float-right">
                            <button class="btn btn-primary float-right ml-3" type="button">Add more +</button>
                            <button class="btn btn-secondary dropdown-toggle" type="button" id="actionMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> Action </button>
                            <div class="dropdown-menu" aria-labelledby="actionMenuButton">
                              <a class="dropdown-item" href="#">Export</a>
                              <a class="dropdown-item" href="#">Delete</a>
                              <a class="dropdown-item" href="#">Something else here</a>
                            </div>
                          </div>
                        </div>
                      </div> --}}
                      <!-- table -->
                      <table class="table table-bordered">
                        <thead>
                          {{-- <tr role="row">
                            <th colspan="3">Orders</th>
                            <th colspan="4">Billing</th>
                            <th colspan="3">State</th>
                          </tr> --}}
                          <tr role="row">
                            <th>
                              <div class="custom-control custom-checkbox">
                                <input type="checkbox" class="custom-control-input" id="all">
                                <label class="custom-control-label" for="all"></label>
                              </div>
                            </th>
                            <th>ID</th>
                            <th>Payer</th>
                            <th>Moyent de paiement</th>
                            <th>Date</th>
                          </tr>
                        </thead>
                        <tbody>
                          @foreach ($frais as $frai)
                              <tr role="group" class="bg-light text-center">
                                  <td colspan="10"><strong class="text-uppercase">Frais {{ $frai->type }} à une somme totale de {{ number_format($frai->amount,2,',',' ') }} F CFA : Reste à payer {{ number_format($frai->amount_remaining,2,',',' ') }} F CFA</strong></td>
                              </tr>
                              @foreach($frai->reglements as $reglement)
                                <tr>
                                  <td>
                                    <div class="custom-control custom-checkbox">
                                      <input type="checkbox" class="custom-control-input" id="{{ $reglement->id }}">
                                      <label class="custom-control-label" for="{{ $reglement->id }}"></label>
                                    </div>
                                  </td>
                                  <td>{{ $reglement->id }}</td>
                                  <td>{{ number_format($reglement->amount_paid,2,',',' ') }} F CFA</td>
                                  <td>{{ $reglement->payment_method->name }}</td>
                                  <td>{{ $reglement->created_at }}</td>
                                </tr>
                              @endforeach
                          @endforeach
                        </tbody>
                      </table>
                      {{-- <nav aria-label="Table Paging" class="mb-0 text-muted">
                        <ul class="pagination justify-content-end mb-0">
                          <li class="page-item"><a class="page-link" href="#">Previous</a></li>
                          <li class="page-item"><a class="page-link" href="#">1</a></li>
                          <li class="page-item"><a class="page-link" href="#">2</a></li>
                          <li class="page-item"><a class="page-link" href="#">3</a></li>
                          <li class="page-item"><a class="page-link" href="#">Next</a></li>
                        </ul>
                      </nav> --}}
                    </div>
                  </div>
                </div> <!-- simple table -->
              </div> 
    </div>
@endif