@extends('Admin.layout.app')

@section('content')



<div class="container-fluid">

    <div class="card shadow-sm border-0">
        
        <div class="card-header bg-white d-flex justify-content-between align-items-center">
            <h4 class="mb-0">
                <i class="las la-users"></i> Customers List
            </h4>

            <form action="{{ route('admin.customer.list') }}" method="GET" class="d-flex">
                <input type="text"
                       name="search"
                       class="form-control"
                       placeholder="Search customer..."
                       value="{{ request('search') }}">

                <button class="btn btn-primary ms-2">
                    <i class="las la-search"></i>
                </button>
            </form>
        </div>

        <div class="card-body p-0">

            <table class="table table-hover align-middle mb-0">
                <thead class="table-light">
                    <tr>
                        <th>ID</th>
                        <th>Customer</th>
                        <th>Email</th>
                        <th>Phone</th>
                        <th>Total Orders</th>
                        <th>Total Spend</th>
                        <th>Joined</th>
                        <th width="120">Action</th>
                    </tr>
                </thead>

                <tbody>

                @forelse($customers as $customer)

                    <tr>

                        <td>#{{ $customer->id }}</td>

                        <td>
                            <div class="fw-semibold">
                                {{ $customer->full_name }}
                            </div>
                        </td>

                        <td>{{ $customer->email }}</td>

                        <td>{{ $customer->phone ?? '-' }}</td>

                        <td>
                            {{ $customer->orders()->count() }}
                        </td>

                        <td>
                            Rs {{ number_format($customer->orders()->sum('grand_total')) }}
                        </td>

                        <td>
                            {{ $customer->created_at->format('d M Y') }}
                        </td>

                        <td>
                            <a href="{{ route('admin.customer.show',$customer->id) }}"
                               class="btn btn-sm btn-outline-primary">
                                <i class="las la-eye"></i>
                            </a>

                            <a href="{{ route('admin.customer.orders',$customer->id) }}"
                               class="btn btn-sm btn-outline-success">
                                <i class="las la-shopping-cart"></i>
                            </a>
                        </td>

                    </tr>

                @empty

                    <tr>
                        <td colspan="8" class="text-center py-4">
                            No customers found.
                        </td>
                    </tr>

                @endforelse

                </tbody>

            </table>

        </div>

        <div class="card-footer bg-white">
            {{ $customers->links() }}
        </div>

    </div>

</div>

@endsection