@extends('layouts.app')

@section('content')
<div class="dashboard-content">
    <div class="main-order-layout">
        <div class="main-card">
            <div class="main-heading d-flex justify-content-between align-items-center">
                <h4>Client Management</h4>
                <div class="order-tabs">
                    <!-- Filters or buttons if needed -->
                </div>
            </div>
        </div>

        <!-- Client Table -->
        <div class="table-client-layout">
                <table id="clientTable"
                class="table table-bordered"
                data-toggle="table"
                data-search="true"
                data-pagination="true"
                data-sortable="true"
                data-page-size="8"
                data-click-to-select="false">

                <thead>
                    <tr>
                        <th><input type="checkbox"></th>
                        <th>Name</th>
                        <th>Email</th>
                        <th>Phone</th>
                        <th>Store</th>
                        <th>Country</th>
                        <th>Created Date</th>
                        <th>Company</th>
                        <th>Note</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse ($allClients as $client)
                        <tr>
                            <td><input type="checkbox"></td>
                            <td>{{ $client['Name'] ?? 'N/A' }}</td>
                            <td>{{ $client['Email'] ?? 'N/A' }}</td>
                            <td>{{ $client['Phone'] ?? 'N/A' }}</td>
                            <td>{{ $client['Store'] ?? 'N/A' }}</td>
                            <td>{{ $client['Country'] ?? 'N/A' }}</td>
                            <td>
                                {{ isset($client['Created']) ? \Carbon\Carbon::parse($client['Created'])->format('d-m-Y H:i A') : 'N/A' }}
                            </td>
                            <td>{{ $client['Company'] ?? 'N/A' }}</td>
                            <td>
                                <img src="{{ asset('admin-assets/images/notes.svg') }}" alt="notes" class="notes-img">
                            </td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="9" class="text-center">No clients found</td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
    </div>
</div>
@endsection