@extends('front.layouts.master')
@section('title', 'Messenger')
@push('post_styles')
    <link rel="stylesheet" href="{{asset('frontend/assets/css/message.css')}}?v=1.0">
@endpush
@section('content')
    <section class="message-part">
        <div class="container">
            <h3><a class="backBtn" href="{{ route('candidate.dashboard') }}"><i class="bi-arrow-left"></i> </a>{{translate('Messenger')}}</h3>
            <div class="row justify-align-center">
                @if(count($conversationUsers)>0)
                <div class="col-lg-5 col-xl-4">
                    <div class="message-filter" >
                        <form style="display: block;" class="message-filter-src">
                            <input type="text" id="userList" placeholder="Search for message">
                        </form>
                        <ul class="message-list userList">
                            @include('front.pages.candidate.message.conversationList')
                        </ul>
                    </div>
                </div>
                <div class="col-lg-7 col-xl-8">
                    <div class="message-inbox">
                        @include('front.pages.candidate.message.message')
                    </div>
                </div>

                @else
                <div class="col-lg-12">
                    <div class="message-inbox">
                        <div style="text-align: center;position: relative;top: 30%; width:100%">
                            <img width="50%" src="{{ asset('frontend/assets/images/no-conversation.png') }}">
                            <p>{{translate('You have no conversation')}}</p>
                        </div>
                    </div>
                </div>
                @endif

            </div>
        </div>
    </section>
@endsection
@push('post_scripts')
@include('js.candidate.message')
@endpush