@php($iconArray = ['', 'sms', 'notifications', 'email'])

<div class="U_height-100p S_content-father-message">
    <div class="U_height-470 U_full-widht U_scroll-y-auto" id="MESSAGE_CONTENT">
        @if(isset($posts->data))
            @foreach($posts->data as $post)

                <div class="row">
                    <div class="col s12">
                        <div class="light-blue accent-1 right U_padding-10 z-depth-1 U_border-radius-8 U_widht-max-50p">

                            @if($post->file)

                                <div>
                                    <img src="{{ $post->file }}"
                                         onerror="this.src='{{ custom_system('API_URL') }}/files_default/img/img_404.jpg';"
                                         class="U_responsive-photo U_full-widht U_height-230 U_border-radius-8 U_mouse-click"
                                         onclick="showImgFull('{{ $post->file }}')"
                                    >
                                </div>

                            @endif

                            <p class="gret-text text-darken-3 U_font-weight-500 U_no-margin U_margin_bottom-10">{{ $post->post }}</p>
                            <p class="U_no-margin grey-text text-darken-2 right U_font-size-11 valign-wrapper">

                                @foreach(explode(',', $post->types_balances_id) as $typesBalanceId)

                                    <i class="material-icons md-18 U_margin_right-10">{{ $iconArray[$typesBalanceId] }}</i>

                                @endforeach

                                {{ date_for_human($post->created_at) }}
                            </p>
                        </div>
                    </div>
                </div>

            @endforeach
        @endif

    </div>

    <div hidden class="U_height-470 U_full-widht U_border-style-dashed-grey " id="SEND_FILE_CONTENT">

        <a class="waves-effect btn-floating waves-light btn-flat S_close-send-flie U_z-index-hight"
           onclick="closeSendFile()">
            <i class="material-icons grey-text">close</i>
        </a>

        <div>

            <input type="file" id="input_file" onchange="recipieFile(this)" class="dropify" data-height="450"/>

        </div>

    </div>

</div>

<br>

<div class="S_div-message-father valign-wrapper z-depth-2 U_border-radius-30 grey lighten-3">

    <textarea type="text" class="white browser-default U_border-radius-30 S_input-message U_height-56 U_padding-10
    U_no-margin U_scroll-bar-invisible placeholder-grey S_placeholder-center" placeholder="Escreva aqui sua mensagem"
              id="userInputChatText"></textarea>

    <a class="waves-effect btn-floating waves-light btn-flat" onclick="sendFile()">
        <i class="material-icons grey-text">insert_photo</i>
    </a>

    <a class="waves-effect btn-floating waves-light btn-flat" onclick="showMessageTemplate()">
        <i class="material-icons grey-text">message</i>
    </a>

    <div class="fixed-action-btn">
        <a class="btn-floating btn-large red z-depth-2 waves-light waves-effect" onclick="sendPost()">
            <i class="large material-icons white-text">send</i>
        </a>
    </div>

</div>