@php($collectionHtml = 'hidden')
@php($collectionMsgHtml = 'hidden')
@if(isset(session('configuration')['notify_back_day']))
    @php($notifyBackDay = session('configuration')['notify_back_day'])
@endif

@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">
        Ocorrências sem interação há mais de {{ $notifyBackDay }} dias</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($dateLast = \Carbon\Carbon::parse($data->date_last))
                    @php($dateNow = \Carbon\Carbon::now())
                    @php($dayWait = $dateLast->diffInDays($dateNow))

                    <li class="collection-item avatar" id="notification-{{ $data->id }}">
                        <div onclick="openOcorrencia('{{ $data->codigo }}')"
                             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 font-weight-500">{{ $data->texto }}
                            </p>

                            <p class="grey-text text-darken-3">
                                {{ $data->status }}
                            </p>

                            @if($dayWait <= 30)

                                <p class="grey-text text-darken-3">
                                    Parada há <b class="orange-text">{{ $dateLast->diffInDays($dateNow) }}</b> dias
                                </p>

                            @endif

                            @if($dayWait >= 30)

                                <p class="grey-text text-darken-3">
                                    Sem interação há <b class="red-text">{{ $dateLast->diffInDays($dateNow) }}</b> dias
                                </p>

                            @endif

                        </div>
                    </li>

                @endforeach

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

<script>

    function openOcorrencia(codigo) {

        window.location.href = '/gerenciar/ocorrencia?pendente_f=true&verificacao_f=true&em_atendimento_f=true' +
            '&para_atendimento_f=true&finalizadas_f=true&recusadas_f=true&codigo=' + codigo;

    }

</script>