@extends('layouts.app')

@section('link')
    <link rel="stylesheet" href="{{asset('css/dataTables.bootstrap4.min.css')}}" type="text/css" />
    
    <link href="{{ asset('css/chosen.min.css') }}" rel="stylesheet">
    <link href="{{ asset('css/style.css') }}" rel="stylesheet">    
    <link href="{{ asset('css/admin_filters.css') }}" rel="stylesheet">
@endsection


@section('content')

<div class="row-col">

    <div class="col-sm">
        <div class="padding">
            @include('shared.messages')
            <div class="box">
                <div class="box-header">
                    <div class="pull-right">
                        <button class="btn btn-sm white pull-right hidden-sm-up" ui-toggle-class="show" target="#inbox-menu">
                            <i class="fa fa-bars"></i>
                        </button>
                        <a id="AddNewMessage" href="{{route('messages.create')}}" class="btn btn-sm white">
                            New Message
                        </a>
                    </div>
                    <h2>Messages</h2>
                    <small>List of all messages</small>
                </div> 

                <div class="panel-body">
                    <div class="col-md-6" style="display:contents;">
                        @include('messenger.partials.flash')
                        @each('messenger.partials.thread', $threads, 'thread', 'messenger.partials.no-threads')
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
@stop