@extends('layout')
@section('title')
    <title>{{ __('translate.Messages') }}</title>
@endsection
@section('body-content')

    <main>
        


        <section class="dashboard footer-top-pad">
            <div class="container">
                <div class="row">
                    @include('profile.sidebar')
                    <div class="col-xxl-9 col-xl-8 col-lg-8 dashboard-messages-col">
                        <div class="messages-inbox {{ $activeConversation ? 'messages-inbox--thread-open' : '' }}"
                            id="messages_inbox"
                            data-messages-index-url="{{ route('user.messages.index') }}"
                            data-messages-sync-url="{{ route('user.messages.sync') }}"
                            data-messages-delete-confirm="{{ __('translate.Delete conversation confirmation') }}"
                            data-messages-poll-interval="5000"
                            data-initial-unread="{{ user_unread_direct_messages_count($currentUserId) }}">
                            <aside class="messages-inbox__sidebar">
                                @include('usermessaging::user.partials.conversation-list')
                            </aside>
                            <div class="messages-inbox__main" id="messages_inbox_main">
                                @include('usermessaging::user.partials.conversation-thread')
                            </div>
                            <template id="messages_inbox_placeholder_template">
                                @include('usermessaging::user.partials.inbox-placeholder')
                            </template>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        @include('profile.logout')
    </main>
@endsection

@push('js_section')
    @include('usermessaging::user.partials.inbox-scripts')
@endpush