@php
    $cards = [
        ['permission' => 'list_atendimento', 'title' => 'Atendimento', 'icon' => 'fas fa-comments', 'url' => '/atendimento'],
        ['permission' => 'list_prospecto', 'title' => 'Consulta SPC', 'icon' => 'fas fa-search', 'url' => '/adm/consulta-spc'],
        ['permission' => 'list_prospecto', 'title' => 'Prospectos', 'icon' => 'fa fa-address-book', 'url' => '/adm/prospecto/'],
        ['permission' => 'adm_centro_distribuicao', 'title' => 'Centro Distribuição', 'icon' => 'fas fa-cogs', 'url' => '/adm/centro-distribuicao'],
        ['permission' => 'list_distribuidor', 'title' => 'Distribuidores', 'icon' => 'fa fa-users', 'url' => '/adm/distribuidores'],
        ['permission' => 'list_lote', 'title' => 'Lotes', 'icon' => 'fa fa-cart-plus', 'url' => '/adm/lotes'],
        ['permission' => 'import_boleto', 'title' => 'Boletos', 'icon' => 'fa fa-barcode', 'url' => '/adm/boletos'],
        ['permission' => 'list_pedidos_abertos', 'title' => 'Pedidos', 'icon' => 'fas fa-box-open', 'url' => '/adm/pedidos'],
        ['permission' => 'list_campanha', 'title' => 'Campanhas', 'icon' => 'fa fa-calendar', 'url' => '/adm/campanhas'],
        ['permission' => 'list_banners', 'title' => 'Banners', 'icon' => 'fa fa-image', 'url' => '/adm/banner'],
        ['permission' => 'list_material_download', 'title' => 'Material P/ Download', 'icon' => 'fa fa-download', 'url' => '/adm/material_download'],
        ['permission' => 'list_pedido_minimo', 'title' => 'Pedido Mínimo', 'icon' => 'fa fa-cart-arrow-down', 'url' => '/adm/pedidominimo/edit'],
        ['permission' => 'list_metas', 'title' => 'Metas Distribuidor', 'icon' => 'fa fa-bullseye', 'url' => '/adm/metas'],
        ['permission' => 'devolucao', 'title' => 'Devoluções', 'icon' => 'fa fa-truck', 'url' => '/adm/devolucao'],
        ['permission' => 'Migra_Revendedora', 'title' => 'Migrar Revendedoras', 'icon' => 'fas fa-exchange-alt', 'url' => '/adm/migracao'],
        ['permission' => 'list_transportadora', 'title' => 'Transportadoras', 'icon' => 'fa fa-plane', 'url' => '/adm/transportadoras'],
        ['permission' => 'Relatorios', 'title' => 'Relatórios', 'icon' => 'fas fa-chart-bar', 'url' => '/adm/graficos'],
        ['permission' => 'Rotas', 'title' => 'Rotas', 'icon' => 'fa fa-map', 'url' => '/adm/rotas'],
        ['permission' => 'adm_produtos_app', 'title' => 'Produtos', 'icon' => 'fa fa-mobile', 'url' => '/adm/produtos'],
        ['permission' => 'list_varejo', 'title' => 'Venda Varejo', 'icon' => 'fas fa-store', 'url' => '/venda-direta'],
        ['permission' => 'list_ocorrencia', 'title' => 'Ocorrências', 'icon' => 'fas fa-exclamation-triangle', 'url' => '/ocorrencia'],
        ['permission' => 'list_indicados', 'title' => 'Indicados', 'icon' => 'fas fa-bullhorn', 'url' => '/adm/revendedoras_indicadas'],
        ['permission' => 'list_bi', 'title' => 'BI (Power BI)', 'icon' => 'fas fa-chart-line', 'url' => '/adm/bi'],
        ['permission' => 'list_prazos', 'title' => 'Prazo de Pagamento', 'icon' => 'fas fa-calendar-check', 'url' => '/adm/prazo'],
        ['permission' => 'listar_operacao_catalogo', 'title' => 'Operação Catálogo', 'icon' => 'fas fa-book-open', 'url' => '/adm/operacao-catalogo'],
    ];
@endphp

@extends('layouts.adm')

@section('content')
    <div 
        id="app-config" 
        data-profile="{{ $profile }}" 
        data-user="{{ $user }}" 
        data-permissions="{{ $permissions }}"
    >
        <v-home-adm-clear></v-home-adm-clear>
        <v-home-user></v-home-user>
    </div>

    <div class="container-fluid">
        <div class="row row-cols-1 row-cols-sm-2 row-cols-md-3 row-cols-lg-4 g-4"> 
            @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

            @can('edit_login_page')
                <div class="col mb-4">
                    <distribuidor-custom-login>
                        <a href="{!! asset('/adm/') !!}" 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="fa fa-lock fa-3x text-primary"></i>
                                </div>
                                <h5 class="card-title fw-bold text-uppercase mt-2">Página de Login</h5>
                            </div>
                        </a>
                    </distribuidor-custom-login>
                </div>
            @endcan
        </div>
    </div>
@endsection