@php($controleLoop = new \App\Services\ControleLoop())
@php($ocorreciaAtrasada = false)
@php($ocorreciaNormal = false)
@php($maximoEstrela = 5)

@php($statusCustom = session('configuration')['ocorrencia_status'])

<div class="col s12">

    <span class="font-weight-600 grey-text">Filtro Ativo: &nbsp;</span>

    @foreach($filtros as $filtro)
        @if($filtro == 1)
            <div class="chip white-text font-weight-900"
                 style="background: {{ \App\Services\ControleColor::arrayColor[1] }}">
                {{ $statusCustom[0]->nome }}
            </div>
        @endif
        @if($filtro == 2)
            <div class="chip white-text font-weight-900"
                 style="background: {{ \App\Services\ControleColor::arrayColor[2] }}">
                {{ $statusCustom[1]->nome }}
            </div>
        @endif
        @if($filtro == 3)
            <div class="chip white-text font-weight-900"
                 style="background: {{ \App\Services\ControleColor::arrayColor[3] }}">
                {{ $statusCustom[2]->nome }}
            </div>
        @endif
        @if($filtro == 4)
            <div class="chip white-text font-weight-900"
                 style="background: {{ \App\Services\ControleColor::arrayColor[4] }}">
                {{ $statusCustom[3]->nome }}
            </div>
        @endif
        @if($filtro == 5)
            <div class="chip white-text font-weight-900"
                 style="background: {{ \App\Services\ControleColor::arrayColor[5] }}">
                {{ $statusCustom[4]->nome }}
            </div>
        @endif
        @if($filtro == 6)
            <div class="chip white-text font-weight-900"
                 style="background: {{ \App\Services\ControleColor::arrayColor[6] }}">
                {{ $statusCustom[5]->nome }}
            </div>
        @endif
    @endforeach
</div>

<br>


@php($componentePrazo = true)
@if(count($filtros) == 1)
    @if($filtros[0] == \App\Models\Status::FINALISADA)
        @php($componentePrazo = false)
    @endif
@endif

@if($componentePrazo == true)

    {{--<div class="row">
        <div id="subTituloAtrasada" class="col s12">
            <p class="font-weight-900 red-text" style="margin-left: 15px;">Atrasadas</p>
        </div>
    </div>--}}

@endif

<div id="card-reveal col s12">
    @foreach($ocorrencias->data as $ocorrencia)

        @if($controleLoop->atrasoOcorrencia($ocorrencia,
         [
         \App\Models\Status::VERIFICACAO,
         \App\Models\Status::PARA_ATENDIMENTO,
         \App\Models\Status::EM_ATENDIMENTO
         ],
         $configuracoes) == false)
            @continue
        @endif

        @php($ocorreciaAtrasada = 'true')

        <div class="col s12 m4 l4 border-radius-10" id="oco-card-{{ $ocorrencia->id }}" style="min-height: 350px;">
            <div class="card border-radius-10">
                <div class="card-image waves-effect waves-block waves-light">

                    @if($ocorrencia->privada === 1)

                        <i class="material-icons white-text position-absolute" style="top: 10px; left: 10px;">lock</i>

                    @endif

                    <span class="position-absolute font-weight-900 z-depth-2 rotulo-ocorrencia white-text"
                          style="
                                  background: {{ \App\Services\ControleColor::arrayColor[$ocorrencia->status_id] }};
                                  "
                    >
                        {{ $statusCustom[$ocorrencia->status_id - 1]->nome }}
                    </span>

                    <img title="Clique para visualizar mais detalhes" class="activator" src="{{ (isset($ocorrencia->arquivos_ocorrencias[0]->arquivo) ?
                             $ocorrencia->arquivos_ocorrencias[0]->arquivo :
                            custom_system('API_URL') . '/' . $ocorrencia->subcategoria->imagem
                             ) }}" alt="office" style="object-fit: cover">
                    <h4 class="card-title text-shadow m-0 activator"
                        title="Clique para visualizar mais detalhes">{{  $ocorrencia->subcategoria->nome }}</h4>
                </div>
                <div class="card-content" style="height: 130px; padding: 14px;">
                    <span class="font-weight-600 font-10 grey-strong right">{{ count($ocorrencia->adesoes) }}</span>
                    <i class="material-icons grey-strong md-18 right">thumb_up</i>
                    <span class="font-weight-600 font-10 grey-strong right">{{ $ocorrencia->visualizacoes }}</span>
                    <i class="material-icons grey-strong md-18 right">remove_red_eye</i>
                    <a onclick="listImg({{$ocorrencia->id}})" style="cursor: pointer"><i
                                class="material-icons grey-strong md-18 right">photo</i></a>
                    </span>
                    <p><b>Protocolo: {{ $ocorrencia->codigo }} </b> <br>
                        Abertura: {{ \Carbon\Carbon::parse($ocorrencia->created_at)->format('d/m/Y') }}
                    </p>
                    <p>Secretaria: {{ $ocorrencia->subcategoria->categoria->nome }}</p>
                    <p>
                        {{ isset($ocorrencia->rua->nome) ? $ocorrencia->rua->nome : $ocorrencia->rua_temporaria }}
                        {{ (isset($ocorrencia->numero) ?  '- ' . $ocorrencia->numero : '') }}
                        {{ isset($ocorrencia->bairro->nome) ?  '- ' . $ocorrencia->bairro->nome : '' }}
                    </p>

                </div>
                <div class="card-reveal">
                <span class="card-title">
                    <i class="material-icons right">close</i>
                </span>
                    <p>
                        <b>{{ $ocorrencia->subcategoria->categoria->descricao }} </b> <br><br>
                        @if(isset($ocorrencia->bairro->nome))
                            Bairro: {{ $ocorrencia->bairro->nome }} <br>
                        @endif

                        @if(isset($ocorrencia->rua->nome))
                            Rua: {{ $ocorrencia->rua->nome }} <br>
                        @endif

                        @if(isset($ocorrencia->unidade->nome))
                            Unidade: {{ $ocorrencia->unidade->nome }} <br>
                        @endif

                        @if($ocorrencia->cartao_sus != null )
                            Cartão SUS: {{ $ocorrencia->cartao_sus }}
                        @endif
                    </p>
                    <p>Mensagem: {{ $ocorrencia->texto }}</p>
                    <br>
                    <div class="divider"></div>
                    <br>
                    <div class="row center">

                        @if($ocorrencia->status_id == \App\Models\Status::ABERTA and $permissionService->verifyPermissionViewGerenciarOcorrencia(\App\Models\Permission::CRIAR_EDITAR))

                            <a class="btn-floating waves-effect waves-light z-depth-2 white"
                               title="@lang('Moderar ocorrência')"
                               onclick="getComponenteModerar({{ \GuzzleHttp\json_encode($ocorrencia) }}, '{{ csrf_token() }}' )">
                                <i class="material-icons orange-text">gavel</i>
                            </a>
                            &nbsp;&nbsp;
                        @endif

                        @if($ocorrencia->status_id >= \App\Models\Status::VERIFICACAO and $permissionService->verifyPermissionViewGerenciarOcorrencia(\App\Models\Permission::CRIAR_EDITAR))

                            <a class="btn-floating waves-effect waves-light z-depth-2 white"
                               title="@lang('Atender ocorrência')"
                               onclick="getComponenteAtendimento({{ \GuzzleHttp\json_encode($ocorrencia) }}, '{{ csrf_token() }}')">
                                <i class="material-icons orange-text">people_outline</i>
                            </a>

                        @endif

                        @if($ocorrencia->status_id === \App\Models\Status::VERIFICACAO)
                            <a class="btn-floating waves-effect waves-light z-depth-2 white"
                               title="Trocar Secretaria"
                               onclick="getComponenteTrocarSecretaria({{ \GuzzleHttp\json_encode($ocorrencia) }}, '{{ csrf_token() }}')">
                                <i class="material-icons orange-text">compare_arrows</i>
                            </a>
                        @endif

                        @if($ocorrencia->status_id == \App\Models\Status::FINALISADA and $permissionService->verifyPermissionViewGerenciarOcorrencia(\App\Models\Permission::CRIAR_EDITAR))
                            @if($ocorrencia->nota == null)

                                <a class="btn-floating waves-effect waves-light z-depth-2 white"
                                   title="Avaliar Ocorrência"
                                   onclick="getComponenteAvaliacao({{ \GuzzleHttp\json_encode($ocorrencia) }}, '{{ csrf_token() }}')">
                                    <i class="material-icons orange-text">star</i>
                                </a>

                            @endif

                        @endif

                        @if($ocorrencia->user_id != null)

                            <a class="btn-floating waves-effect waves-light z-depth-2 white"
                               title="@lang('Informações do usuário')"
                               onclick="abrirInfo({{ $ocorrencia->id }})">
                                <i class="material-icons orange-text">account_box</i>
                            </a>

                        @else

                            <a class="btn-floating waves-effect waves-light z-depth-2 white"
                               title="Ocorrência Anônima">
                                <i class="material-icons orange-text">visibility_off</i>
                            </a>

                        @endif


                        @if(!isset($ocorrencia->arquivos_ocorrencias[0]->arquivo))

                            <a class="btn-floating waves-effect waves-light z-depth-2 white"
                               title="Mudar foto"
                               onclick="mudarFoto({{ $ocorrencia->id }})">
                                <i class="material-icons orange-text">photo</i>
                            </a>

                        @endif

                        @if($permissionService->verifyPermissionViewGerenciarOcorrencia(\App\Models\Permission::CRIAR_EDITAR))

                            <a class="btn-floating waves-effect waves-light z-depth-2 white"
                               title="Abrir Chat"
                               onclick="getComponenteChatOcorrencia({{ $ocorrencia->id }})">
                                <i class="material-icons orange-text">chat</i>
                            </a>

                        @endif

                        <a class="btn-floating waves-effect waves-light z-depth-2 white"
                           title="Abrir Log"
                           onclick="getComponenteLogOcorrencia({{ $ocorrencia->id }})">
                            <i class="material-icons orange-text">history</i>
                        </a>

                        <a class="btn-floating waves-effect waves-light z-depth-2 white"
                           title="Localização"
                           onclick="getLocalizacao({{ $ocorrencia->id }})">
                            <i class="material-icons orange-text">place</i>
                        </a>

                        <a href="/gerenciar/ocorrencia/mudar/modo/{{ $ocorrencia->id }}"
                           class="btn-floating waves-effect waves-light z-depth-2 white"
                           title="Privada / Publica">

                            @if($ocorrencia->privada === 1)
                                <i class="material-icons orange-text">lock_open</i>
                            @endif

                            @if($ocorrencia->privada === 0)
                                <i class="material-icons orange-text">lock</i>
                            @endif
                        </a>

                        <a class="btn-floating waves-effect waves-light z-depth-2 white"
                           title="Encaminhar Email"
                           onclick="modalEncaminharEmail({{ $ocorrencia->id }})">
                            <i class="material-icons orange-text">email</i>
                        </a>

                        <a href="/gerenciar/ocorrencia/print/pdf/{{ $ocorrencia->id }}" target="_blank"
                           class="btn-floating waves-effect waves-light z-depth-2 white"
                           title="@lang('Gerar PDF da ocorrência')">
                            <i class="material-icons orange-text">picture_as_pdf</i>
                        </a>

                    </div>
                </div>
            </div>
        </div>
    @endforeach
</div>

@if($componentePrazo == true)

    {{--<div class="row">
        <div id="subTituloNormal" class="col s12">
            <p class="font-weight-900 green-text" style="margin-left: 15px;">No Prazo</p>
        </div>
    </div>--}}

@endif


<div id="card-reveal col s12">
    @forelse($ocorrencias->data as $ocorrencia)

        @if($controleLoop->atrasoOcorrencia($ocorrencia,
                 [
                 \App\Models\Status::VERIFICACAO,
                 \App\Models\Status::PARA_ATENDIMENTO,
                 \App\Models\Status::EM_ATENDIMENTO
                 ],
                 $configuracoes) == true)
            @continue
        @endif

        @php($ocorreciaNormal = 'true')

        <div class="col s12 m4 l4 border-radius-10" id="oco-card-{{ $ocorrencia->id }}" style="min-height: 350px;">
            <div class="card border-radius-10">
                <div class="card-image waves-effect waves-block waves-light">

                    @if($ocorrencia->privada === 1)

                        <i class="material-icons white-text position-absolute" style="top: 10px; left: 10px;">lock</i>

                    @endif

                    <span class="position-absolute font-weight-900 z-depth-2 rotulo-ocorrencia white-text"
                          style="
                                  background: {{ \App\Services\ControleColor::arrayColor[$ocorrencia->status_id] }};
                                  "
                    >
                        {{ $statusCustom[$ocorrencia->status_id - 1]->nome }}
                    </span>

                    <img title="Clique para visualizar mais detalhes" class="activator" src="{{ (isset($ocorrencia->arquivos_ocorrencias[0]->arquivo) ?
                            $ocorrencia->arquivos_ocorrencias[0]->arquivo :
                            custom_system('API_URL') . '/' . $ocorrencia->subcategoria->imagem
                             ) }}" alt="office" style="object-fit: cover">
                    <h4 class="card-title text-shadow m-0 activator"
                        title="Clique para visualizar mais detalhes">{{ $ocorrencia->subcategoria->nome }}</h4>
                </div>
                <div class="card-content" style="height: 140px; padding: 14px;">
                    <span class="font-weight-600 font-10 grey-strong right">{{ count($ocorrencia->adesoes) }}</span>
                    <i class="material-icons grey-strong md-18 right">thumb_up</i>
                    <span class="font-weight-600 font-10 grey-strong right">{{ $ocorrencia->visualizacoes }}</span>
                    <i class="material-icons grey-strong md-18 right">remove_red_eye</i>

                    <a onclick="listImg({{$ocorrencia->id}})" style="cursor: pointer"><i
                                class="material-icons grey-strong md-18 right ">photo</i></a>
                    </span>
                    <p><b>Protocolo: {{ $ocorrencia->codigo }} </b> <br>
                        Abertura: {{ \Carbon\Carbon::parse($ocorrencia->created_at)->format('d/m/Y') }}
                    </p>
                    <p>Secretaria: {{ $ocorrencia->subcategoria->categoria->nome }}</p>
                    <p>
                        {{ isset($ocorrencia->rua->nome) ? $ocorrencia->rua->nome : $ocorrencia->rua_temporaria }}
                        {{ (isset($ocorrencia->numero) ?  '- ' . $ocorrencia->numero : '') }}
                        {{ isset($ocorrencia->bairro->nome) ?  '- ' . $ocorrencia->bairro->nome : '' }}
                    </p>

                    <div class="col-12">
                        @if($ocorrencia->status_id == \App\Models\Status::FINALISADA)
                            @if($ocorrencia->nota != null)
                                <span class="left">Avaliação:</span> &ensp;
                                @for($i = 0; $i < $ocorrencia->nota; $i++)
                                    <i class="material-icons orange-text star">star</i>
                                @endfor

                                @for($i = 0; $i < ($maximoEstrela - $ocorrencia->nota); $i++)
                                    <i class="material-icons orange-text star">star_border</i>
                                @endfor
                            @endif
                        @endif
                    </div>
                </div>
                <div class="card-reveal">
                <span class="card-title">
                    <i class="material-icons right">close</i>
                </span>
                    <p>
                        <b>{{ $ocorrencia->subcategoria->categoria->descricao }} </b> <br><br>
                        @if(isset($ocorrencia->bairro->nome))
                            Bairro: {{ $ocorrencia->bairro->nome }} <br>
                        @endif

                        @if(isset($ocorrencia->rua->nome))
                            Rua: {{ $ocorrencia->rua->nome }} <br>
                        @endif

                        @if(isset($ocorrencia->unidade->nome))
                            Unidade: {{ $ocorrencia->unidade->nome }} <br>
                        @endif

                        @if($ocorrencia->cartao_sus != null )
                            Cartão SUS: {{ $ocorrencia->cartao_sus }}
                        @endif
                    </p>
                    <p>Mensagem: {{ $ocorrencia->texto }}</p>
                    <br>
                    <div class="divider"></div>
                    <br>
                    <div class="row center">

                        @if($ocorrencia->status_id == \App\Models\Status::ABERTA and $permissionService->verifyPermissionViewGerenciarOcorrencia(\App\Models\Permission::CRIAR_EDITAR))

                            <a class="btn-floating waves-effect waves-light z-depth-2 white"
                               title="@lang('Moderar ocorrência')"
                               onclick="getComponenteModerar({{ \GuzzleHttp\json_encode($ocorrencia) }}, '{{ csrf_token() }}')">

                                <i class="material-icons orange-text">gavel</i>
                            </a>&nbsp;&nbsp;
                        @endif

                        @if($ocorrencia->status_id >= \App\Models\Status::VERIFICACAO and $permissionService->verifyPermissionViewGerenciarOcorrencia(\App\Models\Permission::CRIAR_EDITAR))

                            <a class="btn-floating waves-effect waves-light z-depth-2 white"
                               title="@lang('Atender ocorrência')"
                               onclick="getComponenteAtendimento({{ \GuzzleHttp\json_encode($ocorrencia) }}, '{{ csrf_token() }}')">
                                <i class="material-icons orange-text">people_outline</i>
                            </a>

                        @endif

                        @if($ocorrencia->status_id === \App\Models\Status::VERIFICACAO)

                            <a class="btn-floating waves-effect waves-light z-depth-2 white"
                               title="Trocar Secretaria"
                               onclick="getComponenteTrocarSecretaria({{ \GuzzleHttp\json_encode($ocorrencia) }}, '{{ csrf_token() }}')">
                                <i class="material-icons orange-text">compare_arrows</i>
                            </a>

                        @endif

                        @if($ocorrencia->status_id == \App\Models\Status::FINALISADA and $permissionService->verifyPermissionViewGerenciarOcorrencia(\App\Models\Permission::CRIAR_EDITAR))
                            @if($ocorrencia->nota == null)

                                <a class="btn-floating waves-effect waves-light z-depth-2 white"
                                   title="Avaliar Ocorrência"
                                   onclick="getComponenteAvaliacao({{ \GuzzleHttp\json_encode($ocorrencia) }}, '{{ csrf_token() }}')">
                                    <i class="material-icons orange-text">star</i>
                                </a>

                            @endif

                        @endif

                        @if($ocorrencia->user_id != null)

                            <a class="btn-floating waves-effect waves-light z-depth-2 white"
                               title="@lang('Informações do usuário')"
                               onclick="abrirInfo({{ $ocorrencia->id }})">
                                <i class="material-icons orange-text">account_box</i>
                            </a>

                        @else

                            <a class="btn-floating waves-effect waves-light z-depth-2 white"
                               title="Ocorrência Anônima">
                                <i class="material-icons orange-text">visibility_off</i>
                            </a>

                        @endif

                        @if(!isset($ocorrencia->arquivos_ocorrencias[0]->arquivo))

                            <a class="btn-floating waves-effect waves-light z-depth-2 white"
                               title="Mudar foto"
                               onclick="mudarFoto({{ $ocorrencia->id }})">
                                <i class="material-icons orange-text">photo</i>
                            </a>

                        @endif

                        @if($permissionService->verifyPermissionViewGerenciarOcorrencia(\App\Models\Permission::CRIAR_EDITAR))

                            <a class="btn-floating waves-effect waves-light z-depth-2 white"
                               title="Abrir Chat"
                               onclick="getComponenteChatOcorrencia({{ $ocorrencia->id }})">
                                <i class="material-icons orange-text">chat</i>
                            </a>

                        @endif

                        <a class="btn-floating waves-effect waves-light z-depth-2 white"
                           title="Abrir Log"
                           onclick="getComponenteLogOcorrencia({{ $ocorrencia->id }})">
                            <i class="material-icons orange-text">history</i>
                        </a>

                        <a class="btn-floating waves-effect waves-light z-depth-2 white"
                           title="Localização"
                           onclick="getLocalizacao({{ $ocorrencia->id }})">
                            <i class="material-icons orange-text">place</i>
                        </a>

                        @if($ocorrencia->status_id >= \App\Models\Status::EM_ATENDIMENTO)

                            <a href="/gerenciar/ocorrencia/print/pdf/{{ $ocorrencia->id }}" target="_blank"
                               class="btn-floating waves-effect waves-light z-depth-2 white"
                               title="@lang('Gerar PDF da ocorrência')">
                                <i class="material-icons orange-text">picture_as_pdf</i>
                            </a>

                        @endif

                        <a href="/gerenciar/ocorrencia/mudar/modo/{{ $ocorrencia->id }}"
                           class="btn-floating waves-effect waves-light z-depth-2 white"
                           title="Privada / Publica">

                            @if($ocorrencia->privada === 1)
                                <i class="material-icons orange-text">lock_open</i>
                            @endif

                            @if($ocorrencia->privada === 0)
                                <i class="material-icons orange-text">lock</i>
                            @endif
                        </a>

                        <a class="btn-floating waves-effect waves-light z-depth-2 white"
                           title="Encaminhar Email"
                           onclick="modalEncaminharEmail({{ $ocorrencia->id }})">
                            <i class="material-icons orange-text">email</i>
                        </a>
                        <a href="/gerenciar/ocorrencia/print/pdf/{{ $ocorrencia->id }}" target="_blank"
                           class="btn-floating waves-effect waves-light z-depth-2 white"
                           title="@lang('Gerar PDF da ocorrência')">
                            <i class="material-icons orange-text">picture_as_pdf</i>
                        </a>
                    </div>
                </div>
            </div>
        </div>
</div>


@empty

    <div class="data-large-diplay">
        <br><br><br><br><br><br><br><br><br><br>
    </div>
    <div class="data-smal-diplay">
        <br><br><br><br><br><br><br><br>
    </div>

    <div class="col s12">
        <h5 class="center-align grey-text font-weight-900">@lang('Sua busca não retornou nenhuma ocorrência')</h5>
        <p class="center-align"><i class="material-icons grey-text"
                                   style="font-size: 90px;">sentiment_dissatisfied</i>
        </p>
    </div>

@endforelse


@if($ocorrencias->last_page > 1)

    <div class="col s8">

        <ul class="pagination">
            <li class="disabled"><a onclick="setPageInput('1')"><i
                            class="mdi-navigation-chevron-left material-icons">chevron_left</i></a>
            </li>

            @for($i = 1; $i <= $ocorrencias->last_page; $i++)

                @if($i < ($ocorrencias->current_page - 5) )
                    @continue
                @endif

                @if($i > ($ocorrencias->current_page + 5) )
                    @continue
                @endif

                <li class="waves-effect
                @if($ocorrencias->current_page == $i)
                        active
@endif
                        "><a onclick="setPageInput('{{ $i }}')">{{ $i }}</a></li>
            @endfor

            <li class="waves-effect"><a onclick="setPageInput('{{ $ocorrencias->last_page }}')"><i
                            class="mdi-navigation-chevron-right material-icons">chevron_right</i></a>
            </li>
        </ul>
    </div>

@endif

<script>

    if ('{{ $ocorreciaAtrasada }}' === 'true') {
        $('#subTituloAtrasada').removeAttr('hidden', 'hidden');
    } else {
        $('#subTituloAtrasada').attr('hidden', 'hidden');
    }

    if ('{{ $ocorreciaNormal }}' === 'true') {
        $('#subTituloNormal').removeAttr('hidden', 'hidden');
    } else {
        $('#subTituloNormal').attr('hidden', 'hidden');
    }
    $('img').on('error', function () {
        $(this).attr('src', '{{custom_system('LOGO_PREFEITURA')}}');
    });
</script>