@extends('layouts.admin')

@section('style')
    @parent
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link href="https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,600;12..96,700&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap" rel="stylesheet">
@endSection

@php
$page_title = $recipient['mobile'] ?? 'User';
$convoLangs = [
    'txt_user_profile' => __('headings.txt_user_profile'),
    'txt_user_conversation' => __('headings.txt_user_conversation'),
    'txt_mobile' => __('headings.txt_mobile'),
    'txt_email' => __('headings.txt_email'),
    'txt_workflow' => __('headings.txt_workflow'),
    'txt_no_item_display' => __('headings.txt_no_item_display'),
];
@endphp

@section('content')
    <div id="chat-conversation-root"
         data-recipient-id="{{ $recipient['id'] ?: 0 }}"
         data-history-url="{{ route('chat.chat_histories', ['channel' => $channel, 'recipient' => $recipient['id']], false) }}"
         data-reply-url="{{ route('chat.reply', ['channel' => $channel, 'recipient' => $recipient['id']], false) }}"
         data-back-url="{{ route('chat.index', ['channel' => $channel], false) }}"
         data-msg-statuses='@json($msgStatuses)'
         data-langs='@json($convoLangs)'></div>
@endsection

@section('script')
    @parent
    <script src="{{ mix('js/admin/chat_history/conversation/index.js') }}"></script>
@endSection