{{-- Mixed Widget 1 --}}

<div class="card card-custom bg-white {{ @$class }} shadow-none">

    {{-- Header --}}
    <div class="card-header border-0 d-flex align-items-center flex-fill">
        <div class="flex-column font-size-h4 mt-4">
            <h3 class="card-label font-weight-bold">
                Mensagens Gestor
            </h3>
        </div>
        <div class="card-toolbar mt-4">
            <a href="200.152.191.104:443/agente/central-de-mensagens" class="font-weight-bold font-size-sm text-warning">Mostrar Tudo <span class="svg-icon svg-icon-warning">
                    <!--begin::Svg Icon | path:C:\wamp64\www\keenthemes\themes\metronic\theme\html\demo1\dist/../src/media/svg/icons\Navigation\Angle-right.svg--><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24px" height="24px" viewBox="0 0 24 24" version="1.1">
                        <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                            <polygon points="0 0 24 0 24 24 0 24" />
                            <path d="M6.70710678,15.7071068 C6.31658249,16.0976311 5.68341751,16.0976311 5.29289322,15.7071068 C4.90236893,15.3165825 4.90236893,14.6834175 5.29289322,14.2928932 L11.2928932,8.29289322 C11.6714722,7.91431428 12.2810586,7.90106866 12.6757246,8.26284586 L18.6757246,13.7628459 C19.0828436,14.1360383 19.1103465,14.7686056 18.7371541,15.1757246 C18.3639617,15.5828436 17.7313944,15.6103465 17.3242754,15.2371541 L12.0300757,10.3841378 L6.70710678,15.7071068 Z" fill="#000000" fill-rule="nonzero" transform="translate(12.000003, 11.999999) rotate(-270.000000) translate(-12.000003, -11.999999) " />
                        </g>
                    </svg>
                    <!--end::Svg Icon-->
                </span>
            </a>
        </div>
    </div>

    {{-- Body --}}
    <div class="card-body d-flex align-items-center p-0 ff-raleway">
        <div class="d-flex align-items-center justify-content-between flex-grow-1">
            <div id="constructorMsgs" class="d-flex flex-column text-left flex-fill scroll scroll-pull"  data-scroll="true" data-wheel-propagation="true" style="height: 578px;">
                
                {{-- Message Constructor

                msgType => 'warning', 'message'
                msgTitle => string
                msgText => string
                --}}

                <div class="d-flex flex-column align-items-center h-100 placeholder justify-content-center">
                    <div class="spinner py-5"></div>
                </div>

            </div>
        </div>
    </div>
</div>