@extends ('../welcome')


@section ('content')

<div class="row">
    <div class="col-12">
        <div class="card">

            <!-- /.card-header -->
            <div class="card-body table-responsive p-0" style="height: 300px;">
                <table class="table table-head-fixed text-nowrap">
                    <thead>
                        <tr>
                            <th>ID</th>
                            <th>Name</th>
                            <th>Phone Number</th>
                            <th>Payment Method</th>
                            <!-- <th>Payment Status</th> -->
                            <th>Create Payment</th>
                        </tr>
                    </thead>
                    <tbody>

                        @foreach($clients as $client)
                        <tr>
                            <td>
                                <a href="{{route('PaymentsOfClient',$client->id)}}">{{$client->id}}</td> <a>
                            <td>
                                {{$client->name}}
                            </td>

                            <td>{{$client->phone_number}}</td>
                            <td>{{$client->payment_method}}</td>
                            <td>
                                <a href="{{route('payment.create','id='.$client->id)}}">
                                    <i class="fa fa-plus"></i>
                                </a>
                            </td>
                        </tr>

                        @endforeach
                    </tbody>
                </table>
            </div>
            <!-- /.card-body -->
        </div>
        <!-- /.card -->
    </div>
</div>
<!-- /.row -->


@endsection