{{-- Mixed Widget 1 --}}

<div class="card card-custom bg-white card-stretch gutter-b shadow-none p-8 m-0">

    <div class="card-header border-0 px-0 mb-5">
        <h3 class="card-label font-weight-bold m-0 w-100" style="font-size: 1.2rem;">
            Mensagens Gestor
        </h3>
        <div class="card-toolbar w-100 d-flex justify-content-start">
            <a href="{{ url('/agente/central-de-mensagens') }}" class="text-warning d-flex align-items-center"
                style="gap: 0.5rem;">
                Mostrar Tudo
                <i class="fas fa-chevron-right text-warning" style="font-size: 12px;"></i>
            </a>
        </div>
        <div class="w-100 m-2">
            <table id="table-messages" class="table" >
                <thead>
                </thead>

                <tbody>
                </tbody>
            </table>
        </div>
    </div>

</div>


<style>
    .pagination {
        display: none !important;
    }

    .msg-anim {
        transition: background 0.3s ease;
    }

    .msg-anim:hover {
        background: #d1d1d124 !important;
    }

    .msg-anim:hover .card {
        background: none;
    }
</style>

{{--
    Types Possibilities:
    {
        type: "Mensagem"
        icon: "fas fa-envelope"
        color: #FFE3B2 (Light Yellow)
        bg: #FFA101 (Dark Yellow)
    },
    {
        type: "Informação"
        icon: "fas fa-exclamation"
        color: #F35162 (Light Red)
        bg: #FCCACF (Dark Red)
    }
--}}