@php
    $data = $coronaVirus->data[0] ?? null;
@endphp

@if(!empty($data) and env('CORONA_VIRUS') === true)

    <div class="U_border-radius-10 U_border-style-solid-grey U_margin-20 U_min-height-200 U_padding-20"
         style="border-width: 2px;">

        <blockquote class="U_no-margin">
            <h5 class="U_no-margin U_font-weight-500">{{ env('CIDADE') }} contra o
                <span class="red-text">corona virus</span>
            </h5>
        </blockquote>

        <br>
        <div class="row">

            <div class="col l6 m6 s12">

                <div class="col s12">
                    <h6 class="U_font-weight-500">Números</h6>
                </div>


                <div class="col l4 m4 s6" style="margin-bottom: 10px">
                    <div class="z-depth-1 U_border-radius-10 orange darken-3 U_padding-10 U_widht-130 U_height-130">
                        <div style="border-radius: 50%;" class="U_widht-60 U_height-60 white valign-wrapper right">
                            <h6 class="U_center-item-horizontal U_font-weight-500 U_font-size-20">{{ $data->infected }}</h6>
                        </div>
                        <br><br><br>
                        <div>
                            <h6 class="U_font-weight-700 white-text">Casos Confirmados</h6>
                        </div>
                    </div>
                </div>

                <div class="col l4 m4 s6" style="margin-bottom: 10px">
                    <div class="z-depth-1 U_border-radius-10 grey darken-3 U_padding-10 U_widht-130 U_height-130">
                        <div style="border-radius: 50%;" class="U_widht-60 U_height-60 white valign-wrapper right">
                            <h6 class="U_center-item-horizontal U_font-weight-500 U_font-size-20">{{ $data->deaths }}</h6>
                        </div>
                        <br><br><br>
                        <div>
                            <h6 class="U_font-weight-700 white-text">Mortes</h6>
                        </div>
                    </div>
                </div>
                <div class="col s12">
                    <br><br>
                    <span class="grey-text">Ultima atualização em
                        {{ Carbon\Carbon::parse($data->created_at)->format('d/m/Y h:i:s') }}
                    </span>
                </div>

            </div>

            <div class="col l6 m6 s12">


                <div class="col s12">
                    <h6 class="U_font-weight-500">Fique bem informado</h6>
                </div>

                @if(!empty($data->json))
                    @foreach(\GuzzleHttp\json_decode($data->json) as $itens)

                        <div class="col s6 U_margin_bottom-10">
                            <div class="z-depth-1 valign-wrapper U_height-60  deep-purple darken-1 U_border-radius-5
                                    U_padding-20">
                                <a href="{{ $itens->link }}" target="_blank" class="U_text-center">
                                    <h6 class="U_text-center U_font-weight-700 white-text">{{ $itens->title }}</h6>
                                </a>
                            </div>
                        </div>

                    @endforeach
                @endif

                @if(empty($data->json))
                    <div class="col s12 valign-wrapper U_height-130">
                        <div class="center">
                            <i class="material-icons md-36 grey-text">info</i>
                            <h6 class="grey-text U_text-center">No momento não temos novas infromações</h6>
                        </div>
                    </div>
                @endif

            </div>

        </div>
    </div>

@endif