@php($img = null)
@if(isset($data->arquivos_ocorrencias[0]->arquivo))
    @php($img = $data->arquivos_ocorrencias[0]->arquivo)
@else
    @php($img =  custom_system('API_URL') . '/' . $data->subcategoria->imagem)
@endif

<div>
    <img src="{{ $img }}"
         class="U_full-widht U_height-300 U_border-radius-30-top U_responsive-photo">
    <a id="btnShowChat" class="btn-floating btn-large waves-effect waves-light blue darken-1 scale-transition"
       onclick="openCloseOccurrenceChat()"
       style="position: absolute; top: 270px; z-index: 9; left: 400px;">
        <i class="material-icons">chat</i>
    </a>
</div>

<div class="row U_no-margin">
    <div class="col s12 U_padding-left-20 U_padding-right-20">
        <blockquote style="border-color: #1E88E5;">
            <p class="U_no-margin U_font-weight-500">{{ $data->texto }}</p>
        </blockquote>
    </div>
</div>

<a class="btn-floating btn-flat btn-small white S_btn-close" onclick="closeOccurrenceView()">
    <i class="material-icons red-text text-accent-4">close</i>
</a>

<div class="S_div-close">

    <div class="valign-wrapper">
        <div class="white valign-wrapper U_border-radius-30 U_padding-3 U_margin_right-10 U_padding-left-right-5">
            <i class="material-icons md-18 U_margin_right-5">pageview</i>
            <span class="U_font-weight-400">{{ $data->visualizacoes }}</span>
        </div>

        <div class="white valign-wrapper U_border-radius-30 U_padding-3 U_margin_right-10 U_padding-left-right-5">
            <i class="material-icons md-18 U_margin_right-5">thumb_up</i>
            <span class="U_font-weight-400">{{ count($data->adesoes) }}</span>
        </div>

        @php($statusCustom = session('configuration')['ocorrencia_status'])
        <div class="white valign-wrapper U_border-radius-30 U_padding-3 U_padding-left-right-5 U_margin_right-10">
            <i class="material-icons md-18 U_margin_right-5">beenhere</i>
            <span class="U_font-weight-400">{{ $statusCustom[$data->status_id -1]->nome }}</span>
        </div>

        @if(!empty($data->nota))
            <div class="white valign-wrapper U_border-radius-30 U_padding-3 U_padding-left-right-5 ">
                @for($i = 0; $i < $data->nota; $i++)
                    <i class="material-icons md-18 U_margin_right-5">star</i>
                @endfor
            </div>
        @endif

    </div>

</div>


<div class="U_padding-left-10 U_padding-20">

    <div class="row">
        <div class="col s12 valign-wrapper">
            <i class="material-icons U_margin_right-10">my_location</i>
            <span class="U_font-weight-500">Endereço:</span>
        </div>
        <div class="col s12 U_padding-left-45">
            <span class="U_no-margin">{{ $data->bairro->nome }}</span>
            <span class="U_no-margin"> - {{ $data->rua->nome ?? $data->rua_temporaria }}</span>
            <span class="U_no-margin"> - {{ $data->numero }}</span>
        </div>
        <div class="col s12 U_padding-left-45">
            @if(!empty($data->complemento))
                <div class="valign-wrapper">
                    <i class="material-icons md-18 U_margin_right-10">label</i>
                    <p class="U_no-margin">{{ $data->complemento }}</p>
                </div>
            @endif
            @if(!empty($data->ponto_referencia))
                <div class="valign-wrapper">
                    <i class="material-icons md-18 U_margin_right-10">label</i>
                    <p class="U_no-margin">{{ $data->ponto_referencia }}</p>
                </div>
            @endif
        </div>
    </div>

    <div class="row">
        <div class="col s12 valign-wrapper">
            <i class="material-icons U_margin_right-10">vpn_key</i>
            <span class="U_font-weight-500">Protocolo:</span>
        </div>
        <div class="col s12 U_padding-left-45">
            <span class="U_no-margin">{{ $data->codigo }}</span>
        </div>
    </div>

    <div class="row">
        <div class="col s12 valign-wrapper">
            <i class="material-icons U_margin_right-10">gavel</i>
            <span class="U_font-weight-500">Órgão público:</span>
        </div>
        <div class="col s12 U_padding-left-45">
            <span class="U_no-margin">{{ $data->subcategoria->categoria->nome }}</span>
            <span class="U_no-margin"> - {{ $data->subcategoria->nome }}</span>
            @if(!empty($data->unidade))
                <div class="valign-wrapper">
                    <i class="material-icons md-18 U_margin_right-10">label</i>
                    <p class="U_no-margin">{{ $data->unidade->nome }}</p>
                </div>
            @endif
            @if(!empty($data->cartao_sus))
                <div class="valign-wrapper">
                    <i class="material-icons md-18 U_margin_right-10">label</i>
                    <p class="U_no-margin">{{ $data->cartao_sus }}</p>
                </div>
            @endif
        </div>
    </div>

    <div class="row">
        <div class="col s12 valign-wrapper">
            <i class="material-icons U_margin_right-10">timeline</i>
            <span class="U_font-weight-500">Timeline:</span>
        </div>

        @foreach($data->historicos as  $history)
            @php($statusCustom = session('configuration')['ocorrencia_status'])
            @php($backGround = \App\Services\ControleColor::arrayNameColorStatus[$history->status_id])

            <div class="col s12 U_padding-left-45 U_margin_top-10">

                <div class="U_widht-40 U_height-40 U_border-radius-50p valign-wrapper z-depth-1 left U_padding-5 {{ $backGround }} darken-2">
                    <span class="U_full-widht U_text-center white-text U_font-weight-600">{{ $history->status_id }}</span>
                </div>

                <div class="U_border-radius-8 U_widht-max-360 z-depth-1 left U_margin_left-10 U_padding-5 {{ $backGround }} darken-2">
                    <span class="U_no-margin white-text U_font-weight-600">{{ $statusCustom[$history->status_id - 1]->nome }} - </span>
                    <span class="U_no-margin white-text U_font-weight-500">{{ date_for_human($history->created_at) }}</span>

                    @if($history->status_id >= 3 and $history->status_id <= 5)
                        @foreach($data->acoes as $actions)

                            <div class="valign-wrapper">
                                @if($actions->pivot->concluido === 1)
                                    <i class="material-icons md-18 U_margin_right-10 white-text">build</i>
                                @else
                                    <i class="material-icons md-18 U_margin_right-10 white-text">access_time</i>
                                @endif
                                <p class="U_no-margin white-text">{{ $actions->nome }}</p>
                            </div>

                        @endforeach
                    @endif

                </div>

            </div>

        @endforeach

    </div>

</div>

<div id="content-parent-occurrence-coments-view" class="U_top_left_930_fixed U_widht-400 U_scroll-y-auto
              U_height-97v-max U_border-radius-30 z-depth-3 white U_z-index-hight U_remove">

    <div class="U_full-widht U_height-80 blue darken-1 valign-wrapper">
        <div class="U_full-widht">
            <i class="material-icons md-36 white-text U_text-center">chat</i>
            <h6 class="U_font-weight-500 U_no-margin white-text U_text-center">Chat</h6>
        </div>
        <a class="btn-floating btn-flat btn-small white U_btn-close-modal-10" onclick="openCloseOccurrenceChat()">
            <i class="material-icons red-text text-accent-4">close</i>
        </a>
    </div>

    <div class="U_padding-20 U_height-75p-max U_scroll-y-auto">
        @forelse($data->comentario as $comment)
            <div class="U_full-widht z-depth-1 U_border-radius-8 U_padding-10 U_margin_bottom-10">
                @if(!empty($comment->arquivo))
                    <img src="{{ custom_system('API_URL') . '/' . $comment->arquivo }}"
                         style="width: 100%; cursor: pointer;"
                         onclick="window.open('{{ custom_system('API_URL') . '/' . $comment->arquivo }}', '_blank')">
                @endif
                <p class="U_no-margin U_font-weight-400">{{ $comment->texto }}</p>
                <p class="U_text-right U_full-widht U_font-size-10 U_no-margin U_margin_top-10 grey-text text-darken-2">
                    {{ date_for_human($comment->created_at) }}
                </p>
            </div>
        @empty

            <div class="U_full-widht">
                <i class="material-icons md-36 grey-text U_text-center">sentiment_dissatisfied</i>
                <h6 class="U_no-margin grey-text U_text-center">Sem mensagens</h6>
            </div>

        @endforelse

    </div>

</div>