@php($collectionHtml = 'hidden')
@php($collectionMsgHtml = 'hidden')

@if(count($datas) > 0)
    @php($collectionHtml = '')

    <script>

        $('#titleNotification').removeAttr('hidden', 'hidden');

    </script>

@endif

@if(count($datas) === 0)
    @php($collectionMsgHtml = '')

    <script>

        $('#titleNotification').attr('hidden', 'hidden');

    </script>

@endif

<div {{ $collectionMsgHtml }} id="content-secondary-msg">
    <br><br><br><br><br>
    <h6 class="center-align">
        <i class="material-icons md-36 grey-text text-darken-2">notifications_off</i>
    </h6>
    <h6 class="center-align font-weight-500 grey-text text-darken-2">Sem notificações</h6>
</div>

<div {{ $collectionHtml }} id="content-secondary-notification">

    <div style="width: 100%; height: 100px;background-color: {{ custom_system('___SECONDARY_COLOR___') }}">
        <i class="material-icons md-48 center white-text"
           style="width: 100%; margin-top: 15px;">notifications_active</i>
        <h5 class="center no-margin font-weight-600 white-text" style="font-size: 20px;">Notificações</h5>
    </div>

    <br>

    <p style="margin-top: 0; margin-bottom: 0; margin-left: 10px;" class="font-weight-500 grey-text text-darken-2">
        Novidades em suas ocorrências</p>

    <div class="row no-padding">
        <div class="col s12 no-padding">
            <ul class="collection">

                @foreach($datas as $data)

                    @php($rotoloBackGround = \App\Services\ControleColor::arrayColor[$data->status_id])
                    @php($ocorrenciaStatus = \App\Models\Status::statusArray[$data->status_id])

                    <li class="collection-item avatar" id="notification-{{ $data->historico_id }}">
                        <div onclick="openMoreDetailNotification('{{ $data->id }}', '{{ $data->historico_id }}')"
                             style="cursor: pointer; padding-right: 30px;">
                            <i class="circle" style="background: {{ $rotoloBackGround }};">{{ $data->status_id }}</i>
                            <span class="title font-weight-500">{{ $data->codigo }}</span>
                            <p class="truncate grey-text text-darken-3">{{ $data->texto }} <br>
                                {{ \App\Models\Status::statusArray[$data->status_id] }}
                            </p>
                        </div>
                        <a onclick="setReadNotification('{{ $data->historico_id }}')"
                           style="z-index: 99999; cursor: pointer;"
                           class="secondary-content grey-text text-darken-1">
                            <i class="material-icons">delete</i>
                        </a>
                    </li>

                @endforeach

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