<!DOCTYPE html>
<html lang="es">
<head>
    <meta charset="UTF-8">
    <title>YBER - Gestión de Expedientes</title>
    <script src="https://cdn.tailwindcss.com"></script>
</head>
<body class="bg-gray-100 p-10">
    <div class="max-w-6xl mx-auto bg-white p-8 rounded-lg shadow-md">
        <h1 class="text-2xl font-bold mb-6 text-blue-900">YBER Asesorías Jurídicas - Listado de Procesos</h1>
        
        <a href="{{ route('expedientes.create') }}" class="bg-blue-600 text-white px-4 py-2 rounded mb-4 inline-block">Nuevo Expediente</a>

        <table class="w-full mt-6 border-collapse">
            <thead>
                <tr class="bg-gray-200 text-left">
                    <th class="p-3">Código</th>
                    <th class="p-3">Cliente</th>
                    <th class="p-3">Tipo</th>
                    <th class="p-3">Estado</th>
                </tr>
            </thead>
            <tbody>
                @foreach($expedientes as $expediente)
                <tr class="border-b">
                    <td class="p-3 font-bold">{{ $expediente->codigo_proceso }}</td>
                    <td class="p-3">{{ $expediente->cliente_nombre }}</td>
                    <td class="p-3">{{ $expediente->tipo_derecho }}</td>
                    <td class="p-3"><span class="bg-green-100 text-green-800 px-2 py-1 rounded">{{ $expediente->estado }}</span></td>
                </tr>
                @endforeach
            </tbody>
        </table>
    </div>
</body>
</html>