@if($conversation)
    @php
        $jobOrConId = $conversation ? $conversation->conversion_id : $job->id;
        $job_id = $conversation ? $conversation->job->id : $job->id;
        $job_title = $conversation ? $conversation->job->job_title : $job->job_title;
        $job_slug = $conversation ? $conversation->job->slug : $job->slug;
    @endphp
    <div id="message-body" style="min-height: 250px;">
    <div class="inbox-header">
        <div class="inbox-header-profile">
            <a onclick="userHideShow()" title="Back to list" class="message-arrow" href="javascript:void(0)"> <i class="bi-arrow-left"></i> </a>
            <a class="inbox-header-img message-img candidate-resume-show" href="javascript:void(0)" data-bs-toggle="modal"  data-bs-target="#candidateResumeModal" data-id="{{ $conversation->receiver_id }}">
                <img  src=" @if (fileExists('candidates', $conversation->receiver?->candidate?->candidate_image) == true && $conversation->receiver?->candidate?->candidate_image !== '') {{ asset('storage/candidates/' . $conversation->receiver->candidate->candidate_image) }} @else {{ asset('frontend/assets/images/default.png') }} @endif" onerror="this.onerror=null; this.src='{{ asset('frontend/assets/images/default.png') }}'" alt="photo">
            </a>
            <div class="inbox-header-text">
                @if($conversation->sender_id == Auth::id())
                <p><strong>{{translate('Job')}}: <a href="{{route('company.job-details.company.singlejob',$job_slug )}}">{{Str::limit($job_title, 40)}}</a></strong></p>
                <p><a class="candidate-resume-show" href="javascript:void(0)" data-bs-toggle="modal"  data-bs-target="#candidateResumeModal" data-id="{{ $conversation->receiver_id }}">{{ $conversation->receiver->first_name .' '.$conversation->receiver->last_name }}</a></p>
                @else
                <p><strong>{{translate('Job')}}: <a href="{{route('job.details',$job_slug )}}">{{Str::limit($job_title, 40)}}</a></strong></p>
                @endif

                <span>{{translate('Deadline')}}: {{ Carbon\Carbon::parse($conversation->job?->job_deadline)->format('d M, Y') }}</span>
            </div>
        </div>
    </div>
    <ul class="inbox-chat-list" id="inbox-chat-list">
        @include('front.pages.company-dashboard.message.realtimeMessage')
    </ul>
    </div>
    @if(isset($messageWriteBox))

    <div class="inbox-chat-form">
    @if(!$conversation || $conversation->block_user == null)
    <form id="sendMessage" action='{{route("company.sendMessage")}}' enctype="multipart/form-data"  method="post">
        @csrf()
        <input type="hidden" id="jobOrConId" name="jobOrConId" value="{{$jobOrConId}}">
        <div id="imgPreview"> </div>
        <div class="conversation-imput-area">
            <div class="file-add">
            <label title="Send image" class="imageUploadder"  for="attachment">
                <input type="file" name="file[]" id="attachment" accept="image/*,.pdf,.doc,.docx,.xls,.xlsx,.ppt,.pptx,.txt,.csv,.rtf,.odt,.ods,.odp" multiple>
                <i class="bi-camera"></i>
            </label>
            </div>
            <textarea  name="message" class="message" placeholder="Type a Message"></textarea>
            <button class="sendMessage"><i class="fa bi-send"></i></button>
        </div>
    </form>
    @else
        @if($conversation->block_user == Auth::id())
            <p>{{translate("You've blocked message. You can't message In this chat and you won't receive their message.")}}</p>
            <a href="{{route('blockUser', $conversation->id)}}">{{translate('Unblock')}}</a>
        @else
        <h3>{{translate("You have been blocked so you can't send any message.")}}</h3>
        @endif
    @endif
    </div>
    @endif
@else
<div style="text-align: center;position: relative;top: 30%; width:100%">
    <img width="50%" src="{{ asset('frontend/assets/images/no-conversation.png') }}">
    <p>{{translate('Select a chat to view conversation')}}</p>
</div>
@endif