@extends('adminmodule::layouts.master')

@section('title', translate('Customer_List'))

@push('css_or_js')
    <link rel="stylesheet" href="{{ asset('assets/admin-module/plugins/dataTables/jquery.dataTables.min.css') }}">
@endpush
@section('content')

    <!-- Main Content -->
    <div class="main-content">
        @can('user_view')
            <h2 class="fs-22 mb-4 text-capitalize">Customer Addresses</h2>
        @endcan
        <h2 class="fs-22 mt-4 text-capitalize">Address List</h2>
        <div class="table-responsive mt-3">
            <table class="table table-borderless align-middle table-hover">
                <thead class="table-light align-middle text-capitalize">
                    <tr>
                        <th class="sl">{{ translate('SL') }}</th>
                        <th class="customer-name text-capitalize">
                            Customer Name</th>
                        <th class="profile-status text-capitalize">
                            Name </th>
                        <th class="contact-info text-capitalize">
                            Address Type</th>
                        <th class="contact-info text-capitalize">
                            Time</th>
                    </tr>
                </thead>
                <tbody>
                    @forelse($items as $key => $item)
                        <tr>
                            <td class="sl">{{ $key + $items->firstItem() }}</td>
                            <td class="customer-name">
                                {{ $item?->customer?->full_name ?? '-' }}
                                ({{ count($item->customer?->customerTrips()->where('current_status', 'completed')->get()) }})
                            </td>
                            <td class="contact-info">
                                {{ $item->address }}
                            </td>
                            <td class="level">{{ $item->address_label }}</td>
                            <td>{{ \Carbon\Carbon::parse($item->updated_at)->diffForHumans() }}</td>
                        </tr>
                    @empty
                        <tr>
                            <td colspan="14">
                                <div class="d-flex flex-column justify-content-center align-items-center gap-2 py-3">
                                    <img src="{{ asset('assets/admin-module/img/empty-icons/no-data-found.svg') }}"
                                        alt="" width="100">
                                    <p class="text-center">{{ translate('no_data_available') }}</p>
                                </div>
                            </td>
                        </tr>
                    @endforelse
                </tbody>
            </table>
        </div>
        <div class="d-flex justify-content-end">
            {{ $items->links() }}
        </div>
    </div>

@endsection