@extends('layouts.app')

@section('content')
<div class="container">

    <div class="d-flex justify-content-between align-items-center mb-3">
        <h3>Clientes</h3>
        <a href="{{ route('empresa.clientes.create') }}" class="btn btn-primary">+ Nuevo</a>
    </div>

    @if(session('success'))
        <div class="alert alert-success">{{ session('success') }}</div>
    @endif

    <form method="GET" class="card card-body mb-3">
        <div class="row g-2">
            <div class="col-md-8">
                <input type="text" name="q" value="{{ $q ?? '' }}" class="form-control"
                       placeholder="Buscar por nombre, teléfono, email o servicio...">
            </div>
            <div class="col-md-4 d-flex gap-2">
                <button class="btn btn-outline-primary w-100" type="submit">Buscar</button>
                <a class="btn btn-outline-secondary w-100" href="{{ route('empresa.clientes.index') }}">Limpiar</a>
            </div>
        </div>
    </form>

    <div class="card">
        <div class="table-responsive">
            <table class="table table-striped align-middle mb-0">
                <thead>
                    <tr>
                        <th>Nombre</th>
                        <th>Servicio</th>
                        <th>Email</th>
                        <th>Teléfono</th>
                        <th class="text-center">Recordatorios</th>
                        <th class="text-end">Acciones</th>
                    </tr>
                </thead>
                <tbody>
                @forelse($clientes as $c)
                    <tr>
                        <td class="fw-semibold">{{ $c->nombre }}</td>
                        <td>{{ $c->servicio }}</td>
                        <td>{{ $c->email }}</td>
                        <td>{{ $c->telefono }}</td>
                        <td class="text-center">
                            <span class="badge bg-secondary">{{ $c->recordatorios_count }}</span>
                        </td>
                        <td class="text-end">
                            <a class="btn btn-sm btn-outline-primary" href="{{ route('empresa.clientes.edit', $c) }}">Editar</a>

                            <form action="{{ route('empresa.clientes.destroy', $c) }}"
                                  method="POST"
                                  class="d-inline"
                                  onsubmit="return confirm('¿Eliminar cliente?');">
                                @csrf
                                @method('DELETE')
                                <button class="btn btn-sm btn-outline-danger">Eliminar</button>
                            </form>
                        </td>
                    </tr>
                @empty
                    <tr><td colspan="6" class="text-center py-4 text-muted">No hay clientes.</td></tr>
                @endforelse
                </tbody>
            </table>
        </div>

        <div class="card-body">
            {{ $clientes->links() }}
        </div>
    </div>

</div>
@endsection