@extends('layouts.admin.app')
@section('title') Messenger @stop
@section('main')
    <!-- Main content -->
    <section class="content">
        <div class="row">
            <div class="col-md-3">
                <a href="{{route('admin.messenger.compose')}}"
                   class="btn btn-primary btn-block margin-bottom">Compose</a>
            @include('admin.messenger.folder')
            <!-- /. box -->
            </div>
            <!-- /.col -->
            <div class="col-md-9">
                <div class="box box-primary">
                    <div class="box-body table-responsive">
                        <table id="messages" class="table table-bordered table-striped table-hover text-center">
                            <thead>
                            <tr>
                                <th class="hidden">id</th>
                                <th>From</th>
                                <th>Time Sent/Received</th>
                            </tr>
                            </thead>
                            <tbody>
                            @foreach($messages as $message)
                                @if($message->from_id == $auth->id)
                                    <tr class="{!! $message->from_state == 0? 'text-bold' :''  !!}">
                                        <td class="hidden">{{$message->id}}</td>
                                        <td><a href="{{route('admin.messenger.read',$message->user_id)}}"
                                               data-toggle="tooltip"
                                               data-placement="top" title="View Message">{{$message->user}}</a></td>
                                        <td>{{$message->created_at->diffForHumans()}}</td>
                                    </tr>
                                @else
                                    <tr class="{!! $message->to_state == 0? 'text-bold' :''  !!}">
                                        <td class="hidden">{{$message->id}}</td>
                                        <td><a href="{{route('admin.messenger.read',$message->user_id)}}"
                                               data-toggle="tooltip"
                                               data-placement="top" title="View Message">{{$message->user}}</a></td>
                                        <td>{{$message->created_at->diffForHumans()}}</td>
                                    </tr>
                                @endif
                            @endforeach
                            </tbody>
                        </table>
                    </div>
                </div>
                <!-- /. box -->
            </div>
            <!-- /.col -->
        </div>
        <!-- /.row -->
    </section>
    <!-- /.content -->
@stop
@section('footer')
    <script>
        $(document).ready(function () {
            $('#messages').DataTable({
                "order": [[0, 'desc']]
            });
        });
    </script>
@stop