@foreach($Clients as $row)
<tr>
    <td>{{$billing_name}}</td>
    <td>{{$client_email}}</td>
    <td>{{$tax_number}}</td>
    <td>{{$opening_balance_amount}}</td>
    <td>
        @if($status == 0)
        <span class="badge badge-soft-success p-2">Active</span>
        @else
        <span class="badge badge-soft-info p-2">Inactive</span>
        @endif
    </td>
    <td>
        <div class="dropdown">
            <button class="btn btn-light btn-sm dropdown" type="button" data-bs-toggle="dropdown" aria-expanded="false"> <i class="mdi mdi-dots-vertical align-middle font-size-16"></i></button>
            <ul class="dropdown-menu dropdown-menu-end">
                <li>
                    <button type="button" class="dropdown-item" data-bs-toggle="modal" data-bs-target=".bs-example-modal-xl{{$row->id}}" style="color:darkcyan"><i class="mdi mdi-eye" style="font-size: 18px;"></i> View</button>
                </li>                
                <!-- <li>
                    <a href="{{url('/client/')}}/edit/{{encrypt($row->id)}}" type="button" class="dropdown-item" style="color:goldenrod"><i class="mdi mdi-pencil" style="font-size: 18px;"></i> Edit</a>
                </li>     -->
                <li>
                    <button type="button" class="dropdown-item" onClick="deleteClient('{{encrypt($row->id)}}')" style="color:red;"><i class="mdi mdi-delete" style="font-size: 18px;"></i> Delete</button>
                </li>                 
            </ul>
        </div>
        <div class="modal fade bs-example-modal-xl{{$row->id}}" tabindex="-1" role="dialog" aria-labelledby="myExtraLargeModalLabel" aria-hidden="true">
            <div class="modal-dialog modal-xl">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="myExtraLargeModalLabel">{{$billing_name}}'s Details </h5>
                        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                    </div>
                    <div class="modal-body">
                        <div class="row">
                            <div class="col-md-12">
                                <h5 class="mb-3 mt-2">General Info</h5>                                
                            </div>
                            <div class="col-md-3">
                                <h6 class="font-size-15 mb-1">Customer Name</h6>
                                <p class="text-muted mb-0 font-size-14">{{$billing_name}}</p>
                            </div>
                            <div class="col-md-3">
                                <h6 class="font-size-15 mb-1">Email</h6>
                                <p class="text-muted mb-0 font-size-14">{{$user_email}}</p>
                            </div>
                            <div class="col-md-3">
                                <h6 class="font-size-15 mb-1">Tax Number</h6>
                                <p class="text-muted mb-0 font-size-14">{{$tax_number}}</p>
                            </div>
                            <div class="col-md-3 mt-2">
                                <h6 class="font-size-15 mb-1">Phone</h6>
                                <p class="text-muted mb-0 font-size-14">{{$phone}}</p>
                            </div>
                            <!-- <div class="col-md-3 mt-2">
                                <h6 class="font-size-15 mb-1">Invoice Generated</h6>
                                <p class="text-muted mb-0 font-size-14">{{$created_at}}</p>
                            </div> -->
                        </div>
                        <div class="row">
                            <div class="col-md-6 mt-2">
                                <h6 class="font-size-15 mb-1">Address</h6>
                                <p class="text-muted mb-0 font-size-14">{{$address}}</p>
                            </div>
                            <div class="col-md-6 mt-2">
                                <h6 class="font-size-15 mb-1">Shipping Address</h6>
                                <p class="text-muted mb-0 font-size-14">{{$shipping_address}}</p>
                            </div>
                            <div class="col-md-6 mt-2">
                                <h6 class="font-size-15 mb-1">Website</h6>
                                <p class="text-muted mb-0 font-size-14">{{$website}}</p>
                            </div>
                        </div>
                        <div class="row mt-2">
                            <!-- <div class="col-md-12 mt-2">
                                <h5 class="mb-3">Payment Info</h5>                                
                            </div> -->
                            <div class="col-md-3 mt-2">
                                <h6 class="font-size-15 mb-1">Opening.Bal</h6>
                                <p class="text-muted mb-0 font-size-14">{{$currency_symbol}} {{$opening_balance_amount}}</p>
                            </div>
                            <div class="col-md-3 mt-2">
                                <h6 class="font-size-15 mb-1">Currency</h6>
                                <p class="text-muted mb-0 font-size-14">{{$currency}}</p>
                            </div>
                            <!-- <div class="col-md-2 mt-2">
                                <h6 class="font-size-15 mb-1">Status</h6>
                                <p class="text-muted mb-0 font-size-14">
                                    @if($status == 0)
                                    Active
                                    @else
                                    Inactive
                                    @endif
                                </p>
                            </div> -->
                            <!-- <div class="col-md-2 mt-2">
                                <h6 class="font-size-15 mb-1">Other</h6>
                                <p class="text-muted mb-0 font-size-14">{{$other}}</p>
                            </div>
                            <div class="col-md-2 mt-2">
                                <h6 class="font-size-15 mb-1">Notes</h6>
                                <p class="text-muted mb-0 font-size-14">{{$notes}}</p>
                            </div> -->
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </td>
</tr>

@endforeach