@include('include/header_new')
<section class="body-content">
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <ol class="breadcrumb bg-transparent p-20 m-b-5">
                    <li><a href="/home">Dashboard</a></li>
                    <li class="active">Announcements </li>
                </ol>
            </div>
        </div>
        <div class="row">
            <div class="col-sm-12">
				<div class="card border-0 bx-shadow">
                 <h4 class="card-header">Announcements <small class="text_black fb_300">(Sort and Select Recipients)</small></h4>
                  <div class="card-body">
					     <div class="row announcement_msgbox">
            <div class="col-md-12 col-sm-8 col-xs-12 ">
                <div class="chat_window">
                    <div class="chat_box">
                        <div class="chat_area">
                            <ul>
                                @foreach($announce_sql as $announce_row)
                                @if($users[$announce_row->user_id]->user_image != '')
                                @php
                                $user_img = @unserialize($users[$announce_row->user_id]->user_image);
                                $img_val = "images/profile/$user_img[0]";
                                @endphp
                                @else @php $img_val = 'images/photo.jpg'; @endphp
                                @endif
                                
                                @php
                                $announce_date_array = array();
                                $announce_date = date('M d, Y',strtotime($announce_row->date)); @endphp
                                
                                @if(!in_array($announce_date,$announce_date_array))
                                @php
                                $announce_date_array[]=$announce_date;
                                @endphp
                                <p class="date_divider"><span class="text-white fb_500">{{$announce_date}}</span></p>
                                @endif 
                                <!-- left comment area -->
                                <li class="row left-comment text-left">
                                    <div class="col-md-1 col-sm-2 col-xs-2"> <img src="{!! asset($img_val) !!}" alt="profile icon" class="profile-image"> </div>
                                    <div class="col-md-11 col-sm-10 col-xs-9 pad_l20">
                                        <div class="comment-info">
                                            <p><span class="chat-username">{{$announce_row->user_name}}</span><small class="chat-datelocation"><i>{{date('h:i a',strtotime($announce_row->date))}}</i></small></p>
                                            <span class="clearfix"></span> @if($announce_row->attachement=='')
                                            <p class="chat-content mar_tb10">{{$announce_row->comments}}</p>
                                            @else
                                            @php $image= explode('/', $announce_row->attachement);
                                            $announce_image = (isset($image[1]))?$image[1]:'picture'; @endphp
                                            <p class="chat-content mar_tb10" align="right"><a href="{!! asset('announcement/'.$announce_row->attachement) !!}" target="_blank" ><i class="fa fa-paperclip mar_r5"></i>{{$announce_image}}</a></p>
                                            @endif </div>
                                    </div>
                                </li>
                                @endforeach
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
   
				  </div>
				</div>  
            </div>
        </div>
        <!-- filter form -->
    </div>
    </div>
</section>
@include('include/footer_new') 
<script type="text/javascript">
    $(document).ready(function(){
        $('.count').each(function () {
            $(this).prop('Counter',0).animate({
                Counter: $(this).text()
            }, {
                duration: 4000,
                easing: 'swing',
                step: function (now) {
                    $(this).text(Math.ceil(now));
                }
            });
        });
    });
</script> 
<script type="text/javascript">
    $(document).ready(function(){

        $('#accordion .panel-collapse').on('show.bs.collapse', function () {
            $(this).siblings('.panel-heading').addClass('active');
        });
        $('#accordion .panel-collapse').on('hide.bs.collapse', function () {
            $(this).siblings('.panel-heading').removeClass('active');
        });
    });
</script> 
<!-- slim scroll for attachment panels --> 
<script type="text/javascript">
    $('.attachment_list').slimScroll({
        position: 'right',
        height: '145px',
        railVisible: true,
        alwaysVisible: false
    });
    $('.chat_area').slimScroll({
        position: 'right',
        height:'480px',
        start:'bottom',
        railVisible: true,
        alwaysVisible: false

    });
    $(".chat_box").height(480);
</script>
</body></html>