{{-- <x-layout>
    <x-slot:heading>
        EMPRESAS
    </x-slot:heading>
    <p>EMPRESAS</p> --}}

<x-layout>
    <x-slot:heading>
        EMPRESAS
    </x-slot:heading>
    <p>EMPRESAS</p>
    <style>
        .table-bordered td,
        .table-bordered th {
            border: 1px solid lightgray;
            /* Adjust border style, color, and width as needed */
            padding: 8px;
        }
    </style>

    <table id="TbEmpresas" class="table-bordered stripe hover" style="width:100%; padding-top: 1em; padding-bottom: 1em;">
        <thead>
            <tr class="bg-gray-800 table-dark text-white">
                <th>Id</th>
                <th>Nombre</th>
                <th>Correo</th>
                <th>telefono</th>
                <th>mobil</th>
                <th>taxID</th>
                <th>direccion</th>
                <th>Estado</th>
            </tr>
        </thead>
        <tbody>
            @foreach ($empresas as $empresa)
                <tr>
                    <td><a href="/empresas/{{ $empresa->id }}"
                            class="text-cyan-900 hover:underline block px-4 py-2">{{ $empresa->id }}</a></td>
                    <td>{{ $empresa->nombre }}</td>
                    <td>{{ $empresa->correo }}</td>
                    <td>{{ $empresa->telefono }}</td>
                    <td>{{ $empresa->mobil }}</td>
                    <td>{{ $empresa->taxID }}</td>
                    <td>{{ $empresa->direccion }}</td>
                    <td>{{ $empresa->estado }}</td>
                </tr>
            @endforeach
        </tbody>
    </table>
</x-layout>




{{-- 
    <table id="TbEmpresas" class="stripe hover table-bordered table-striped"
        style="width:100%; padding-top: 1em;  padding-bottom: 1em;">
        <thead class="text-left">
            <tr class="bg-gray-800 table-dark text-white">
                <th data-priority="1">Id</th>
                <th data-priority="2">Nombre</th>
                <th data-priority="3">Correo</th>
                <th data-priority="4">telefono</th>
                <th data-priority="5">mobil</th>
                <th data-priority="6">taxID</th>
                <th data-priority="7">direccion</th>
                <th data-priority="8">Estado</th>
            </tr>
        </thead>
        <tbody>
            @foreach ($empresas as $empresa)
                <td>
                    <tr>
                        <td> <a href="/empresas/{{ $empresa['id'] }}"
                                class="text-cyan-900 hover:underline block px-4 py-2 border border-gray-600 rounded-lg">{{ $empresa->id }}</a>
                        </td>
                        <td>{{ $empresa->nombre }}</td>
                        <td>{{ $empresa->correo }}</td>
                        <td>{{ $empresa->telefono }}</td>
                        <td>{{ $empresa->mobil }}</td>
                        <td>{{ $empresa->taxID }}</td>
                        <td>{{ $empresa->direccion }}</td>
                        <td>{{ $empresa->estado }}</td>
                    </tr>
            @endforeach
        </tbody>
    </table>

</x-layout> --}}