@extends('templateMaterializeV0-100-2.base2')
@section('content')

    <link type="text/css" rel="stylesheet" href="/css/screen-specific/stand-alone-message/sms.css"
          media="screen,projection"/>

    <div class="U_min-height-200 U_primary-color-background">
        <div class="U_padding-10 valign-wrapper">
            @include('templateMaterializeV0-100-2.components.thumbnail-2', $data = ['user' => $message->data->user])
            <div class="U_margin_left-10">
                <p class="white-text U_no-margin U_font-weight-500">{{ $message->data->user->name }}</p>
                <sp class="white-text U_no-margin">{{ $message->data->user->email }}</sp>
            </div>
        </div>
        <h5 class="white-text center U_font-weight-600">Mensagem</h5>
        <h6 class="white-text center U_font-weight-500">{{ $message->data->categoria_nome }}</h6>
    </div>

    <div class="U_position-absolute U_full-widht S_content-principal">
        <div class="row">
            <div class="col s12 offset-l4 l4">
                <div class="z-depth-2 white U_border-radius-8 U_z-index-hight U_padding-5">

                    @if(!empty($message->data->file))
                        <div class="U_full-widht">
                            <img src="{{ $message->data->file }}"
                                 onerror="this.src='http://api-ouvidoria/files_default/img/img_404.jpg';"
                                 class="U_full-widht U_responsive-photo U_border-radius-5">
                        </div>
                    @endif

                    <span class="U_text-left U_font-weight-500 grey-text text-darken-2">{{ $message->data->message}}</span>
                    <p class="U_text-right U_font-weight-500 grey-text text-darken-2 U_no-margin">{{ date_for_human($message->data->date)}}</p>

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

@endsection
@section('specific-scripts')
@stop