@extends('admin.layouts.app')

@section('title', 'Müşteriler')
@section('header', 'Müşteriler')

@section('content')
<div class="card">
    <div class="card-body table-responsive p-0">
        <table class="table table-hover text-nowrap">
            <thead>
                <tr>
                    <th>ID</th>
                    <th>Ad Soyad</th>
                    <th>E-posta</th>
                    <th>Telefon</th>
                    <th>Kayıt Tarihi</th>
                    <th style="width: 120px"></th>
                </tr>
            </thead>
            <tbody>
                @forelse($customers as $customer)
                    <tr>
                        <td>{{ $customer->id }}</td>
                        <td>
                            <div class="d-flex align-items-center">
                                <div>
                                    <div class="font-weight-bold">{{ $customer->first_name }} {{ $customer->last_name }}</div>
                                    @if($customer->phone)
                                        <small class="text-muted">{{ $customer->phone }}</small>
                                    @endif
                                </div>
                            </div>
                        </td>
                        <td>{{ $customer->email }}</td>
                        <td>{{ $customer->phone }}</td>
                        <td>{{ $customer->created_at->format('d.m.Y H:i') }}</td>
                        <td>
                            <div class="d-flex justify-content-end gap-2">
                                <a href="{{ route('admin.customers.show', $customer) }}"
                                   class="btn btn-primary btn-sm">
                                    <i class="fas fa-eye"></i>
                                </a>
                            </div>
                        </td>
                    </tr>
                @empty
                    <tr>
                        <td colspan="6" class="text-center">Henüz müşteri bulunmuyor</td>
                    </tr>
                @endforelse
            </tbody>
        </table>
    </div>
    @if($customers->hasPages())
        <div class="card-footer clearfix">
            <div class="float-right">
                {{ $customers->onEachSide(1)->links('admin.layouts.pagination') }}
            </div>
            <div class="float-left text-muted">
                {{ $customers->total() }} sonuçtan {{ $customers->firstItem() }} - {{ $customers->lastItem() }} arası gösteriliyor
            </div>
        </div>
    @endif
</div>
@endsection

@push('styles')
<style>
    .page-item.active .page-link {
        background-color: #17a2b8;
        border-color: #17a2b8;
    }
    .page-link {
        color: #17a2b8;
    }
    .gap-2 > * {
        margin-right: 0.5rem;
    }
    .gap-2 > *:last-child {
        margin-right: 0;
    }
</style>
@endpush