/home/brandsfa/bigshoponly.com/storage/framework/views/0412b4cfc0929c47349e9ee9806ac91c.php
<?php $__env->startSection('title'); ?>
<?php echo e(Request::is('chat/seller') ? translate('chat_with_vendor') : translate('chat_with_delivery_man')); ?>
<?php $__env->stopSection(); ?>
<?php $__env->startSection('content'); ?>
<div class="__chat-seller">
<div class="container py-4 rtl text-align-direction">
<div class="row">
<?php echo $__env->make('web-views.partials._profile-aside', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
<div class="col-lg-9">
<div class="d-flex justify-content-between align-items-center gap-2 mb-3 d-lg-none">
<h5 class="font-bold m-0 fs-16"><?php echo e(translate('inbox')); ?></h5>
<button class="profile-aside-btn btn btn--primary px-2 rounded px-2 py-1">
<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M7 9.81219C7 9.41419 6.842 9.03269 6.5605 8.75169C6.2795 8.47019 5.898 8.31219 5.5 8.31219C4.507 8.31219 2.993 8.31219 2 8.31219C1.602 8.31219 1.2205 8.47019 0.939499 8.75169C0.657999 9.03269 0.5 9.41419 0.5 9.81219V13.3122C0.5 13.7102 0.657999 14.0917 0.939499 14.3727C1.2205 14.6542 1.602 14.8122 2 14.8122H5.5C5.898 14.8122 6.2795 14.6542 6.5605 14.3727C6.842 14.0917 7 13.7102 7 13.3122V9.81219ZM14.5 9.81219C14.5 9.41419 14.342 9.03269 14.0605 8.75169C13.7795 8.47019 13.398 8.31219 13 8.31219C12.007 8.31219 10.493 8.31219 9.5 8.31219C9.102 8.31219 8.7205 8.47019 8.4395 8.75169C8.158 9.03269 8 9.41419 8 9.81219V13.3122C8 13.7102 8.158 14.0917 8.4395 14.3727C8.7205 14.6542 9.102 14.8122 9.5 14.8122H13C13.398 14.8122 13.7795 14.6542 14.0605 14.3727C14.342 14.0917 14.5 13.7102 14.5 13.3122V9.81219ZM12.3105 7.20869L14.3965 5.12269C14.982 4.53719 14.982 3.58719 14.3965 3.00169L12.3105 0.915687C11.725 0.330188 10.775 0.330188 10.1895 0.915687L8.1035 3.00169C7.518 3.58719 7.518 4.53719 8.1035 5.12269L10.1895 7.20869C10.775 7.79419 11.725 7.79419 12.3105 7.20869ZM7 2.31219C7 1.91419 6.842 1.53269 6.5605 1.25169C6.2795 0.970186 5.898 0.812187 5.5 0.812187C4.507 0.812187 2.993 0.812187 2 0.812187C1.602 0.812187 1.2205 0.970186 0.939499 1.25169C0.657999 1.53269 0.5 1.91419 0.5 2.31219V5.81219C0.5 6.21019 0.657999 6.59169 0.939499 6.87269C1.2205 7.15419 1.602 7.31219 2 7.31219H5.5C5.898 7.31219 6.2795 7.15419 6.5605 6.87269C6.842 6.59169 7 6.21019 7 5.81219V2.31219Z" fill="white"/>
</svg>
</button>
</div>
<div class="row no-gutters">
<div class="col-lg-4 chatSel">
<div class="chat--sidebar-card h-100">
<div class="chat--sidebar-top">
<ul class="nav nav-tabs nav--tabs justify-content-center">
<?php ($business_mode = getWebConfig(name: 'business_mode')); ?>
<?php if($business_mode == 'multi'): ?>
<li class="nav-item">
<a class="nav-link <?php echo e(Request::is('chat/seller')?'active': ''); ?>" href="<?php echo e(route('chat', ['type' => 'seller'])); ?>">
<?php echo e(translate('vendor')); ?>
</a>
</li>
<?php endif; ?>
<li class="nav-item">
<a class="nav-link <?php echo e(Request::is('chat/delivery-man')?'active': ''); ?>" href="<?php echo e(route('chat', ['type' => 'delivery-man'])); ?>">
<?php echo e(translate('deliveryman')); ?>
</a>
</li>
</ul>
<?php if(isset($unique_shops) && count($unique_shops) !== 0): ?>
<div class="heading_search px-0">
<form class="rounded bg-white form-inline d-flex justify-content-center md-form form-sm active-cyan-2 mt-2">
<input class="form-control form-control-sm border-0 me-3 w-75"
id="myInput" type="text" placeholder="<?php echo e(translate('search')); ?>" aria-label="Search">
<i class="fa fa-search __color-92C6FF" aria-hidden="true"></i>
</form>
</div>
<?php endif; ?>
</div>
<div class="inbox_chat">
<?php if(isset($inhouseShop)): ?>
<div class="chat_list <?php echo e(request()->has('id') && request('id') == 0 ? 'active':''); ?> get-view-by-onclick"
data-link="<?php echo e(route('chat', ['type' => 'seller'])); ?>/?id=<?php echo e('0'); ?>" id="user_<?php echo e('0'); ?>">
<div class="chat_people">
<div class="chat_img">
<img alt="" class="__inline-14 __rounded-10 img-profile"
src="<?php echo e(getValidImage(path: 'storage/app/public/company/'.($web_config['fav_icon']->value), type: 'shop')); ?>">
</div>
<div class="chat_ib">
<div>
<div class="d-flex flex-wrap align-items-center justify-content-between mb-1">
<h5 class="<?php echo e($inhouseShopUnseenMessage == 0 ? 'active-text' : ''); ?>"><?php echo e($web_config['name']->value); ?></h5>
<span class="date">
<?php echo e($inhouseShop->created_at->diffForHumans()); ?>
</span>
</div>
<div class="d-flex flex-wrap justify-content-between align-items-center">
<?php if($inhouseShop->message): ?>
<span class="last-msg"><?php echo e($inhouseShop->message); ?></span>
<?php elseif(json_decode($inhouseShop['attachment'], true) !=null): ?>
<span class="last-msg">
<i class="fa fa-paperclip pe-1"></i>
<?php echo e(translate('sent_attachments')); ?>
</span>
<?php endif; ?>
<?php if( $inhouseShopUnseenMessage >0): ?>
<span class="new-msg badge btn--primary rounded-full">
<?php echo e($inhouseShopUnseenMessage); ?>
</span>
<?php endif; ?>
</div>
</div>
</div>
</div>
</div>
<?php endif; ?>
<?php if(isset($unique_shops)): ?>
<?php $__currentLoopData = $unique_shops; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $key=>$shop): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
<?php ($type = $shop->delivery_man_id ? 'delivery-man' : 'seller'); ?>
<?php ($unique_id = $shop->delivery_man_id ?? $shop->shop_id); ?>
<div class="chat_list <?php echo e(($last_chat->delivery_man_id==$unique_id || $last_chat->shop_id==$unique_id) ? 'active' : ''); ?> get-view-by-onclick"
data-link="<?php echo e(route('chat', ['type' => $type])); ?>/?id=<?php echo e($unique_id); ?>" id="user_<?php echo e($unique_id); ?>">
<div class="chat_people">
<div class="chat_img">
<?php if($shop->delivery_man_id): ?>
<img alt="" class="__inline-14 __rounded-10 img-profile"
src="<?php echo e(getValidImage(path: 'storage/app/public/delivery-man/'.$shop->deliveryMan->image, type: 'avatar')); ?>">
<?php else: ?>
<img alt="" class="__inline-14 __rounded-10 img-profile"
src="<?php echo e(getValidImage(path: 'storage/app/public/shop/'.$shop->image, type: 'shop')); ?>">
<?php endif; ?>
</div>
<div class="chat_ib">
<div>
<div class="d-flex flex-wrap align-items-center justify-content-between mb-1">
<h5 class="<?php echo e($shop->seen_by_customer == 0 ? 'active-text' : ''); ?>"><?php echo e($shop->f_name? $shop->f_name. ' ' . $shop->l_name: $shop->name); ?></h5>
<span class="date">
<?php echo e($shop->created_at->diffForHumans()); ?>
</span>
</div>
<div class="d-flex flex-wrap justify-content-between align-items-center">
<?php if($shop->message): ?>
<span class="last-msg"><?php echo e($shop->message); ?></span>
<?php elseif(json_decode($shop['attachment'], true) !=null): ?>
<span class="last-msg">
<i class="fa fa-paperclip pe-1"></i>
<?php echo e(translate('sent_attachments')); ?>
</span>
<?php endif; ?>
<?php if($shop->unseen_message_count >0): ?>
<span class="new-msg badge btn--primary rounded-full">
<?php echo e($shop->unseen_message_count); ?>
</span>
<?php endif; ?>
</div>
</div>
</div>
</div>
</div>
<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
<?php endif; ?>
</div>
</div>
</div>
<section class="col-lg-8">
<?php if(isset($chattings) && count($chattings) > 0): ?>
<div class="bg-white Chat __shadow h-100 rounded-left-0">
<div class="messaging ">
<div class="inbox_msg position-relative">
<div class="mesgs">
<a class="msg-user" href="#">
<?php if($last_chat->delivery_man_id): ?>
<img alt="" class="img" src="<?php echo e(getValidImage(path: 'storage/app/public/delivery-man/'.$last_chat->deliveryMan->image, type: 'avatar')); ?>">
<?php else: ?>
<?php if(isset($last_chat->admin_id) && $last_chat->admin_id == 0): ?>
<img alt="" class="img" src="<?php echo e(getValidImage(path: 'storage/app/public/company/'.($web_config['fav_icon']->value), type: 'shop')); ?>">
<?php else: ?>
<img alt="" class="img" src="<?php echo e(getValidImage(path: 'storage/app/public/shop/'.($last_chat->shop->image), type: 'shop')); ?>">
<?php endif; ?>
<?php endif; ?>
<?php if(isset($last_chat->admin_id) && $last_chat->admin_id == 0): ?>
<h5 class="m-0"><?php echo e($web_config['name']->value); ?></h5>
<?php else: ?>
<h5 class="m-0"><?php echo e($last_chat->deliveryMan?$last_chat->deliveryMan->f_name.' '.$last_chat->deliveryMan->l_name : $last_chat->shop->name); ?></h5>
<?php endif; ?>
</a>
<div class=" msg_history d-flex flex-column-reverse" id="show_msg">
<?php if(isset($chattings)): ?>
<?php $__currentLoopData = $chattings; $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $key => $chat): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
<?php if($chat->sent_by_seller || $chat->sent_by_admin || $chat->sent_by_delivery_man): ?>
<div class="incoming_msg d-flex">
<div class="incoming_msg_img">
<?php if(isset($shop->delivery_man_id)): ?>
<img alt="" src="<?php echo e(getValidImage(path: 'storage/app/public/delivery-man/'.$last_chat->deliveryMan->image, type: 'avatar')); ?>">
<?php elseif(isset($last_chat->shop)): ?>
<img alt="" src="<?php echo e(getValidImage(path: 'storage/app/public/shop/'.$last_chat->shop->image, type: 'shop')); ?>">
<?php elseif(isset($chat->sent_by_admin)): ?>
<img alt="" src="<?php echo e(getValidImage(path: 'storage/app/public/company/'.($web_config['fav_icon']->value), type: 'shop')); ?>">
<?php endif; ?>
</div>
<div class="received_msg">
<div class="received_withdraw_msg">
<?php if($chat->message): ?>
<p>
<?php echo e($chat->message); ?>
</p>
<?php endif; ?>
<?php if(json_decode($chat['attachment']) !=null): ?>
<div class="row g-2 flex-wrap mt-3">
<?php $__currentLoopData = json_decode($chat['attachment']); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $index => $photo): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
<div class="col-sm-6 col-md-4 position-relative img_row<?php echo e($index); ?>">
<a data-lightbox="mygallery" href="<?php echo e(dynamicStorage(path: "storage/app/public/chatting/".$photo)); ?>"
class="aspect-1 overflow-hidden d-block border rounded">
<img class="img-fit" alt="<?php echo e(translate('chatting')); ?>"
src="<?php echo e(getValidImage(path: 'storage/app/public/chatting/'.$photo, type: 'product')); ?>">
</a>
</div>
<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
</div>
<?php endif; ?>
<span class="time_date">
<?php echo e($chat->created_at->diffForHumans()); ?>
</span>
</div>
</div>
</div>
<?php else: ?>
<div class="outgoing_msg">
<div class="send_msg">
<?php if($chat->message): ?>
<p class="btn--primary">
<?php echo e($chat->message); ?>
</p>
<?php endif; ?>
<?php if(json_decode($chat['attachment']) !=null): ?>
<div class="row g-2 flex-wrap mt-3 justify-content-end">
<?php $__currentLoopData = json_decode($chat['attachment']); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $index => $photo): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
<div class="col-sm-6 col-md-4 position-relative img_row<?php echo e($index); ?>">
<a data-lightbox="mygallery" href="<?php echo e(dynamicStorage(path: "storage/app/public/chatting/".$photo)); ?>"
class="aspect-1 overflow-hidden d-block border rounded">
<img class="img-fit" alt="<?php echo e(translate('chatting')); ?>"
src="<?php echo e(getValidImage(path: 'storage/app/public/chatting/'.$photo, type: 'product')); ?>">
</a>
</div>
<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
</div>
<?php endif; ?>
<span class="time_date text-end">
<?php echo e($chat->created_at->diffForHumans()); ?>
</span>
</div>
</div>
<?php endif; ?>
<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
<div id="down"></div>
<?php endif; ?>
</div>
<div class="type_msg">
<div class="input_msg_write">
<form class="d-flex justify-content-center align-items-center md-form form-sm active-cyan-2"
id="myForm" enctype="multipart/form-data">
<?php echo csrf_field(); ?>
<label class="py-0 px-3 d-flex align-items-center m-0 cursor-pointer">
<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 22 22" fill="none">
<path d="M18.1029 1.83203H3.89453C2.75786 1.83203 1.83203 2.75786 1.83203 3.89453V18.1029C1.83203 19.2395 2.75786 20.1654 3.89453 20.1654H18.1029C19.2395 20.1654 20.1654 19.2395 20.1654 18.1029V3.89453C20.1654 2.75786 19.2395 1.83203 18.1029 1.83203ZM3.89453 3.20703H18.1029C18.4814 3.20703 18.7904 3.51595 18.7904 3.89453V12.7642L15.2539 9.2277C15.1255 9.09936 14.9514 9.02603 14.768 9.02603H14.7653C14.5819 9.02603 14.405 9.09936 14.2776 9.23136L10.3204 13.25L8.65845 11.5945C8.53011 11.4662 8.35595 11.3929 8.17261 11.3929C7.9957 11.3654 7.81053 11.4662 7.6822 11.6009L3.20703 16.1705V3.89453C3.20703 3.51595 3.51595 3.20703 3.89453 3.20703ZM3.21253 18.1304L8.17903 13.0575L13.9375 18.7904H3.89453C3.52603 18.7904 3.22811 18.4952 3.21253 18.1304ZM18.1029 18.7904H15.8845L11.2948 14.2189L14.7708 10.6898L18.7904 14.7084V18.1029C18.7904 18.4814 18.4814 18.7904 18.1029 18.7904Z" fill="#1455AC"/>
<path d="M8.12834 9.03012C8.909 9.03012 9.54184 8.39728 9.54184 7.61662C9.54184 6.83597 8.909 6.20312 8.12834 6.20312C7.34769 6.20312 6.71484 6.83597 6.71484 7.61662C6.71484 8.39728 7.34769 9.03012 8.12834 9.03012Z" fill="#1455AC"/>
</svg>
<input type="file" id="f_p_v_up1" class="h-100 position-absolute w-100 " hidden multiple accept="image/*">
</label>
<?php if( Request::is('chat/seller') ): ?>
<input type="text" id="hidden_value" hidden
value="<?php echo e($last_chat->shop_id); ?>" name="shop_id">
<?php if($last_chat->shop): ?>
<input type="text" id="seller_value" hidden
value="<?php echo e($last_chat->shop->seller_id); ?>" name="seller_id">
<?php endif; ?>
<?php elseif( Request::is('chat/delivery-man') ): ?>
<input type="text" id="hidden_value_dm" hidden
value="<?php echo e($last_chat->delivery_man_id); ?>" name="delivery_man_id">
<?php endif; ?>
<div class="w-0 flex-grow-1">
<textarea class="form-control ticket-view-control px-0 py-3" name="message" rows="8" id="msgInputValue" placeholder="<?php echo e(translate('write_your_message_here')); ?>..." ></textarea>
<div class="d-flex gap-3 flex-wrap filearray"></div>
<div id="selected-files-container"></div>
</div>
<button type="submit" id="msgSendBtn" class="aSend no-gutter py-0 px-3 m-0 border-0 bg-transparent">
<svg width="31" height="31" viewBox="0 0 31 31" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="31" height="31" rx="6" fill="currentColor"/>
<path d="M21.2267 15.5548L10.2267 10.0548C10.1404 10.0116 10.0436 9.99437 9.94779 10.005C9.85198 10.0157 9.7613 10.0538 9.68665 10.1148C9.61536 10.1745 9.56215 10.253 9.53301 10.3413C9.50386 10.4296 9.49993 10.5243 9.52165 10.6148L10.8467 15.4998H16.5017V16.4998H10.8467L9.50165 21.3698C9.48126 21.4453 9.47888 21.5245 9.4947 21.6012C9.51052 21.6778 9.5441 21.7496 9.59273 21.8109C9.64136 21.8722 9.7037 21.9212 9.77472 21.954C9.84574 21.9868 9.92347 22.0025 10.0017 21.9998C10.0799 21.9993 10.157 21.9805 10.2267 21.9448L21.2267 16.4448C21.3086 16.4028 21.3773 16.3391 21.4253 16.2605C21.4733 16.182 21.4987 16.0918 21.4987 15.9998C21.4987 15.9077 21.4733 15.8175 21.4253 15.739C21.3773 15.6605 21.3086 15.5967 21.2267 15.5548Z" fill="white"/>
</svg>
</button>
</form>
</div>
</div>
</div>
<?php if($last_chat->shop && $last_chat->shop->temporary_close || (isset($last_chat->admin_id) && $last_chat->admin_id == 0 && getWebConfig(name: 'temporary_close')['status'])): ?>
<div class="temporarily-closed-sticky-alert">
<div class="alert-box">
<div><img src="<?php echo e(theme_asset('public/assets/front-end/img/icons/warning.svg')); ?>" alt=""></div>
<div>
<?php echo e(translate('sorry')); ?> !
<?php echo e(translate('currently_we_are_not_available.')); ?>
<?php echo e(translate('but_you_can_ask_or_still_message_us.')); ?>
<?php echo e(translate('We_will_get_back_to_you_soon.')); ?>
<?php echo e(translate('Thank_you_for_your_patience.')); ?>.
</div>
<div class="d-flex align-items-center">
<button type="button" class="close close-element-onclick-by-data" aria-label="Close" data-selector=".temporarily-closed-sticky-alert">
<i class="fa fa-times" aria-hidden="true"></i>
</button>
</div>
</div>
</div>
<?php endif; ?>
</div>
</div>
</div>
<?php else: ?>
<div class="card Chat __shadow h-100 d-flex flex-column justify-content-center rounded-left-0">
<div class="text-center">
<img src="<?php echo e(theme_asset(path: 'public/assets/front-end/img/empt-msg.png')); ?>" alt="">
<p class="text-body mt-4">
<?php echo e(translate('you_haven’t_any_conversation_yet')); ?>
</p>
</div>
</div>
<?php endif; ?>
</section>
</div>
</div>
</div>
</div>
</div>
<?php $__env->stopSection(); ?>
<?php $__env->startPush('script'); ?>
<script>
"use strict";
let selectedFiles = [];
$(document).on('ready', () => {
$("#f_p_v_up1").on('change', function () {
for (let i = 0; i < this.files.length; ++i) {
selectedFiles.push(this.files[i]);
}
displaySelectedFiles();
});
function displaySelectedFiles() {
const container = document.getElementById("selected-files-container");
container.innerHTML = "";
selectedFiles.forEach((file, index) => {
const input = document.createElement("input");
input.type = "file";
input.name = `image[${index}]`;
input.classList.add(`image_index${index}`);
input.hidden = true;
container.appendChild(input);
const blob = new Blob([file], { type: file.type });
const file_obj = new File([file],file.name);
const dataTransfer = new DataTransfer();
dataTransfer.items.add(file_obj);
input.files = dataTransfer.files;
});
$(".filearray").empty();
for (let i = 0; i < selectedFiles.length; ++i) {
let filereader = new FileReader();
let $uploadDiv = jQuery.parseHTML("<div class='upload_img_box'><span class='img-clear'><i class='tio-clear'></i></span><img src='' width='40' alt=''></div>");
filereader.onload = function () {
$($uploadDiv).find('img').attr('src', this.result);
let imageData = this.result;
};
filereader.readAsDataURL(selectedFiles[i]);
$(".filearray").append($uploadDiv);
$($uploadDiv).find('.img-clear').on('click', function () {
$(this).closest('.upload_img_box').remove();
selectedFiles.splice(i, 1);
$('.image_index'+i).remove();
});
}
}
});
$(document).ready(function () {
var shop_id;
$(".seller").click(function (e) {
e.stopPropagation();
shop_id = e.target.id;
$('.chat_list').removeClass('active');
$(`#user_${shop_id}`).addClass("active");
let url;
if ("<?php echo e(Request::is('chat/seller')); ?>" == true){
url = "<?php echo e(route('messages')); ?>" +"?shop_id=" + shop_id;
}
else if("<?php echo e(Request::is('chat/delivery-man')); ?>" == true) {
url = "<?php echo e(route('messages')); ?>" +"?delivery_man_id=" + shop_id;
}
$.ajax({
type: "get",
url: url,
success: function (data) {
$('.msg_history').html('');
$('.chat_ib').find('#' + shop_id).removeClass('active-text');
if (data.length != 0) {
data.map((element, index) => {
let dateTime = new Date(element.created_at);
var month = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
let time = dateTime.toLocaleTimeString().toLowerCase();
let date = month[dateTime.getMonth().toString()] + " " + dateTime.getDate().toString();
if (element.sent_by_customer) {
$(".msg_history").append(`
<div class="outgoing_msg">
<div class='send_msg'>
<p class="btn--primary">${element.message}</p>
<span class='time_date'> ${time} | ${date}</span>
</div>
</div>`
)
} else {
let img_path = element.image == 'def.png' ? `<?php echo e(dynamicStorage(path: 'storage/app/public/shop')); ?>/${element.image}` : `<?php echo e((isset($shop->delivery_man_id) && $shop->delivery_man_id) ? dynamicStorage(path: 'storage/app/public/delivery-man') : dynamicStorage(path: 'storage/app/public/shop')); ?>/${element.image}`;
$(".msg_history").append(`
<div class="incoming_msg d-flex" id="incoming_msg">
<div class="incoming_msg_img" id="">
<img src="${img_path}" alt="">
</div>
<div class="received_msg">
<div class="received_withdraw_msg">
<p id="receive_msg">${element.message}</p>
<span class="time_date">${time} | ${date}</span></div>
</div>
</div>`
)
}
$('#hidden_value').attr("value", shop_id);
$('#hidden_value_dm').attr("value", shop_id);
});
} else {
$(".msg_history").html(`<p> No Message available </p>`);
data = [];
}
}
});
$('.type_msg').css('display', 'block');
$(".msg_history").stop().animate({scrollTop: $('.msg_history').prop("scrollHeight")}, 1000);
});
$("#myInput").on("keyup", function () {
var value = $(this).val().toLowerCase();
$(".chat_list").filter(function () {
$(this).toggle($(this).text().toLowerCase().indexOf(value) > -1)
});
});
$("#msgSendBtn").click(function (e) {
e.preventDefault();
let formData = new FormData(document.getElementById('myForm'));
$.ajaxSetup({
headers: {
'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content')
}
});
$.ajax({
type: "post",
url: $('#route-messages-store').data('url'),
data: formData,
processData: false,
contentType: false,
beforeSend: function () {
$('#msgSendBtn').attr('disabled', true);
},
success: function (respons) {
let imageContainer = ''
if(respons.image.length != 0){
imageContainer = '<div class="row g-2 flex-wrap mt-3 justify-content-end">';
respons.image.forEach(function (imageUrl, index) {
imageContainer += `
<div class="col-sm-3 col-md-4 spartan_item_wrapper position-relative img_row${index}">
<a data-lightbox="mygallery" href="${imageUrl}" class="aspect-1 overflow-hidden d-block border rounded">
<img src="${imageUrl}" alt="" class="img-fit">
</a>
</div>`;
});
imageContainer += '</div>';
}
let message = respons.message ? `<p class="btn--primary">${respons.message}</p>` : '';
$(".msg_history").prepend(`
<div class="outgoing_msg" id="outgoing_msg">
<div class='send_msg'>
${message}
${imageContainer}
<span class='time_date d-flex justify-content-end'> <?php echo e(translate('now')); ?></span>
</div>
</div>`
)
$(".msg_history").stop().animate({scrollTop: $(".msg_history")[0].scrollHeight}, 1000);
$('#myForm').trigger('reset');
$('#myForm').find('#msgInputValue').val('');
$('#myForm').find('.upload_img_box img').attr('src', '');
$('#myForm').find('.upload_img_box').remove();
$('#f_p_v_up1').val('');
selectedFiles = [];
},
complete: function () {
$('#msgSendBtn').removeAttr('disabled');
},
error: function (error) {
toastr.warning(error.responseJSON)
}
});
});
});
</script>
<?php $__env->stopPush(); ?>
<?php echo $__env->make('layouts.front-end.app', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /home/amkworld/public_html/resources/themes/default/web-views/users-profile/user-inbox.blade.php ENDPATH**/ ?>