@extends('layouts.admin')

@section('content')

<div class="page-wrapper">
    <div class="content">
        <div class="page-header">
            <div class="add-item d-flex">
                <div class="page-title">
                    <h4>{{ __('messages.Clients List') }}</h4>
                    <h6>{{ __('messages.Manage your clients') }}</h6>
                </div>
            </div> 
        </div>  
        
        <div class="card table-list-card">
            <div class="card-body">
                <div class="table-top">
                    <div class="search-set">
                        <div class="search-input">
                            <a href="javascript:void(0);" class="btn btn-searchset"><i data-feather="search" class="feather-search"></i></a>
                        </div>
                    </div>
                </div>
                
                <!-- /Filter -->
                <div class="table-responsive product-list">
                    <table class="table datanew">
                        <thead>
                            <tr>
                                <th>{{ __('messages.First Name') }}</th>
                                <th>{{ __('messages.Last Name') }}</th>
                                <th>{{ __('messages.Email') }}</th>
                                <th class="no-sort">{{ __('messages.Action') }}</th>
                            </tr>
                        </thead>
                        <tbody>
                            @if($clients->count() > 0)
                            @foreach($clients as $client)
                            <tr>
                                <td>{{ $client->first_name }}</td>
                                <td>{{ $client->last_name }}</td>
                                <td>{{ $client->email }}</td>
                                
                                <td class="action-table-data">
                                    <div class="edit-delete-action">
                                        <!-- <a class="me-2 p-2" href="{{ route('clientManagement.edit', $client->id) }}" >
                                            <i data-feather="edit" class="feather-edit"></i>
                                        </a>  -->

                                        <form action="{{ route('clientManagement.destroy', $client->id) }}" method="POST" class="deleteBtnForm">
                                            @csrf
                                            @method('DELETE')
                                            <button type="submit" class="deleteBtn"
                                            onclick="return confirm('Are you sure you want to delete this client?');">
                                            <i data-feather="trash-2" class="feather-trash-2" 
                                            style="width: 14px;height: 14px;"></i></button>
                                        </form>
                                    </div>
                                </td>
                            </tr>
                            @endforeach
                            @endif
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>

@endsection