<div>
    <h1 style="color:#fff;text-align:center;font-size: 42px;text-shadow: 2px 2px 2px #888888;">
        @if($vista == 1)
            Organigrama
        @elseif($vista == 2)
            Políticas
        @elseif($vista == 3)
            Procedimientos
        @elseif($vista == 4)
            Documentos Varios
        @elseif($vista == 5)
            Instructivos de trabajo
        @endif
    </h1><hr>
    <div class="row">
        <div class="col-md-12">
              <input wire:model="search" class="form-control" type="search" placeholder="Buscar ...">
        </div>
    </div>
    <br>
    <div class="row">
        @foreach ($categorias as $value)
            <div class="col-md-3">
                <?php
                    // Obtener los componentes de la URL
                    $parts = parse_url($_SERVER['REQUEST_URI']);
                    // Dividir la url en segmentos
                    $pathSegments = explode("/", $parts['path']);
                    // obtener el último segmento de la ruta
                    $ruta = end($pathSegments);
                ?>
                <a href="/e-learning/{{$ruta}}/{{$value->id}}" style="text-decoration:none;">
                    <div align="center" style="background-color:#fff; border-radius:20px;padding:20px;">
                        <p><img src="https://cdn-icons-png.flaticon.com/512/235/235251.png" width="100px"></p>
                        <p><b>{{ $value->categoria }}</b></p>
                    </div>
                </a>
            </div>
        @endforeach
        <div class="col-md-12">
            {{ $categorias->links() }}
        </div>
    </div>
</div>