@extends('layouts.admin')

@section('admin-content')
<h2 style="font-size: 1.5rem; font-weight: 800; margin-bottom: 1.5rem;">Base de Clientes</h2>

<div class="table-responsive">
    @if($customers->isEmpty())
        <p style="color: var(--text-muted); text-align: center; padding: 2rem;">No hay clientes registrados en este momento.</p>
    @else
        <table class="table">
            <thead>
                <tr>
                    <th>ID</th>
                    <th>Nombre</th>
                    <th>Correo Electrónico</th>
                    <th>Fecha de Registro</th>
                </tr>
            </thead>
            <tbody>
                @foreach($customers as $customer)
                    <tr>
                        <td><strong>#{{ $customer->id }}</strong></td>
                        <td>{{ $customer->name }}</td>
                        <td><a href="mailto:{{ $customer->email }}" style="color: var(--secondary-color); font-weight: 500;">{{ $customer->email }}</a></td>
                        <td>{{ $customer->created_at->format('d/m/Y H:i') }}</td>
                    </tr>
                @endforeach
            </tbody>
        </table>
    @endif
</div>
@endsection