@section('title', 'Estoque')
@extends('site.layouts.main')
@extends('site.layouts.nav')
{{-- @extends('site.layouts.navigation') --}}
{{-- @extends('site.layouts.modal') --}}

@section('content')
<div class="mt-5 d-flex justify-content-around">
    <div class="card" style="width: 18rem;">
        <img src="/images/roteador1.png" height="200px" class="card-img-top" alt="Imagem simulando um roteador de entrada">
        <div class="card-body">
            <h5 class="card-title">Roteadores de entrada</h5>
            <p class="card-text">texto descritivo para a classe de roteadores de entrada</p>
            <a href="/dashboard/produtos/categoria?categoria=entrada" class="btn btn-primary">Navegar</a>
        </div>
    </div>
    <div class="card" style="width: 18rem;">
        <img src="/images/roteador2.png" height="200px" class="card-img-top" alt="...">
        <div class="card-body">
            <h5 class="card-title">Roteadores intermediários</h5>
            <p class="card-text">texto descritivo para a classe de roteadores intermediários</p>
            <a href="/dashboard/produtos/categoria?categoria=intermediario" class="btn btn-primary">Navegar</a>
        </div>
    </div>
    <div class="card" style="width: 18rem;">
        <img src="/images/roteador3.png" height="200px" class="card-img-top" alt="...">
        <div class="card-body">
            <h5 class="card-title">Roteadores high-end</h5>
            <p class="card-text">texto descritivo para a classe de roteadores sofisticados</p>
            <a href="/dashboard/produtos/categoria?categoria=sofisticado" class="btn btn-primary">Navegar</a>
        </div>
    </div>
</div>
@endsection