@extends('layouts.app')

@section('titulo', 'Entidades Cliente — GestionCob')

@section('contenido')

<div class="flex justify-between items-center mb-6">
    <h1 class="text-2xl font-bold text-gray-800">Entidades Cliente</h1>
    <a href="{{ route('entidades.create') }}"
       class="bg-blue-600 text-white px-4 py-2 rounded hover:bg-blue-700">
        + Nueva Entidad
    </a>
</div>

<form method="GET" action="{{ route('entidades.index') }}" class="mb-4 flex gap-2">
    <input type="text" name="buscar" value="{{ $busqueda }}"
           placeholder="Buscar por nombre o código..."
           class="flex-1 border rounded px-3 py-2 focus:outline-none focus:ring-2 focus:ring-blue-500">
    <button type="submit" class="bg-gray-700 text-white px-4 py-2 rounded hover:bg-gray-800">
        Buscar
    </button>
    @if($busqueda)
        <a href="{{ route('entidades.index') }}"
           class="bg-gray-200 text-gray-700 px-4 py-2 rounded hover:bg-gray-300">
            Limpiar
        </a>
    @endif
</form>

<div class="bg-white rounded shadow overflow-hidden">
    <table class="w-full text-sm">
        <thead class="bg-gray-800 text-white">
            <tr>
                <th class="px-4 py-3 text-left">Código</th>
                <th class="px-4 py-3 text-left">Nombre</th>
                <th class="px-4 py-3 text-left">NIT</th>
                <th class="px-4 py-3 text-left">Plataforma</th>
                <th class="px-4 py-3 text-left">Descuento máx.</th>
                <th class="px-4 py-3 text-left">SLA días</th>
                <th class="px-4 py-3 text-left">Estado</th>
                <th class="px-4 py-3 text-left">Acciones</th>
            </tr>
        </thead>
        <tbody>
            @forelse($entidades as $entidad)
            <tr class="border-b hover:bg-gray-50">
                <td class="px-4 py-3 font-bold">{{ $entidad->codigo }}</td>
                <td class="px-4 py-3">{{ $entidad->nombre }}</td>
                <td class="px-4 py-3">{{ $entidad->nit ?? '—' }}</td>
                <td class="px-4 py-3">{{ $entidad->plataforma_externa }}</td>
                <td class="px-4 py-3">{{ $entidad->descuento_max_negociador }}%</td>
                <td class="px-4 py-3">{{ $entidad->sla_dias_radicacion }} días</td>
                <td class="px-4 py-3">
                    @if($entidad->activo)
                        <span class="bg-green-100 text-green-800 px-2 py-1 rounded text-xs">Activo</span>
                    @else
                        <span class="bg-red-100 text-red-800 px-2 py-1 rounded text-xs">Inactivo</span>
                    @endif
                </td>
                <td class="px-4 py-3">
                    <a href="{{ route('entidades.edit', $entidad) }}"
                       class="text-blue-600 hover:underline mr-3">Editar</a>
                    <form action="{{ route('entidades.destroy', $entidad) }}"
                          method="POST" class="inline">
                        @csrf
                        @method('DELETE')
                        <button type="submit"
                                onclick="return confirm('¿Desactivar esta entidad?')"
                                class="text-red-600 hover:underline">
                            Desactivar
                        </button>
                    </form>
                </td>
            </tr>
            @empty
            <tr>
                <td colspan="8" class="px-4 py-6 text-center text-gray-500">
                    No hay entidades registradas aún.
                </td>
            </tr>
            @endforelse
        </tbody>
    </table>
</div>

@endsection