@extends('comoEnUsa.plantilla')

@section('titulo', 'Como En Usa')

@section('contenido')
<div class="container text-center">
        <div class="row">
        @foreach($aProductos as $producto)
            <div class="col-md-4 col-lg-2 col-6">
            <div class="productos p-3 mb-4">
                <p>{{$producto->categoria}}</p>
                <div class="mb-2">
                   <a href="{{$producto->link}}"> <img src="/comoenusa/images/{{$producto->logo}}" alt="Logo {{$producto->categoria}}"></a>
                </div>
                <div class="mb-2">
                <a href="{{$producto->link}}"><img src="/comoenusa/images/{{$producto->imagen}}" alt="{{$producto->categoria}}"></a>
                </div>
                <a class="linksproductos" href="{{$producto->link}}" style="text-transform: none !important;" target="_blank">{{ str_replace("www.", " ", str_replace("https://", " ", str_replace("http://", " ", $producto->link)))}}</a>
                </div>
            </div>
        @endforeach
        <!-- Las imagenes deben de ser 130 por 130 -->
        </div>
    </div>
    </div>
@endsection