@php
    $cards = [
        ['permission' => 'list_prospecto', 'title' => 'Prospecto', 'icon' => 'fas fa-id-card', 'url' => '/adm/prospecto/'],
        ['permission' => 'varejo_produtos', 'title' => 'Produtos Varejo', 'icon' => 'fa fa-cube', 'url' => '/venda-direta/produtos'],
        ['permission' => 'varejo_pedidos', 'title' => 'Pedidos Varejo', 'icon' => 'fa fa-shopping-cart', 'url' => '/venda-direta/pedidos'],
        ['permission' => 'varejo_propostas', 'title' => 'Propostas', 'icon' => 'fa fa-fire', 'url' => '/venda-direta/propostas'],
        ['permission' => 'varejo_descontos', 'title' => 'Desconto Varejo', 'icon' => 'fas fa-percentage', 'url' => '/venda-direta/descontos'],
        ['permission' => 'varejo_clientes', 'title' => 'Clientes Varejo', 'icon' => 'fa fa-address-book', 'url' => '/venda-direta/clientes'],
        ['permission' => 'list_bi', 'title' => 'BI', 'icon' => 'fas fa-chart-line', 'url' => '/venda-direta/clientes']
    ];
@endphp

@extends('layouts.adm')
@section('content')


<div class="container-fluid">
    <div class="row row-cols-1 row-cols-sm-2 row-cols-md-3 row-cols-lg-4 g-4 justify-content-center"> 
        @foreach ($cards as $card)
            @can($card['permission'])
                <div class="col mb-4">
                    <a href="{!! asset($card['url']) !!}" class="card h-100 border-0 bg-white text-decoration-none text-dark shadow-sm hover-grow">
                        <div class="card-body text-center p-4 d-flex flex-column justify-content-center align-items-center">
                            <div class="icon-wrapper mb-3">
                                <i class="{{ $card['icon'] }} fa-3x text-primary"></i>
                            </div>
                            <h5 class="card-title fw-bold text-uppercase mt-2">{{ $card['title'] }}</h5>
                        </div>
                    </a>
                </div>
            @endcan
        @endforeach
    </div>
</div>
@endsection