@extends('layouts/LayoutMaster')

@section('title', 'Бизнес-Чат')

@section('vendor-style')
<link href="{{ asset('vndrs/emojiarea/css/emoji.css?v='.time()) }}" rel="stylesheet">
@endsection
@section('page-style')
  <link rel="stylesheet" href="{{ asset('vndrs/css/flexslider/flexslider.css') }}">
 @endsection

@section('content')
@php
$sUID = Helper::getUserInfo(2);

$mesCountall = Helper::getCountAllNewMes('my');
$bmesCountall = Helper::getCountAllNewMes('bus');
@endphp

<div class="content @mobile use-bg chatfix @endmobile">
	<div class="chat-main @isset($open) active @endisset">
		<div id="messBlock">
			@isset($open)
				@include('includes/messenger/bus/mes', ['sUID' => $open['sUID'], 'mess' => $open['mess'], 'chat' => $open['chat']])
			@endisset
		</div>
			<div class="chat-write">
				<div class="text-message">
					@include('includes/messenger/bus/send', ['form' => 'bmessage.send.chat'])
				</div>
			</div>
		</div>
		<div class="friends-main @isset($open) active @endisset">
			<div class="friend-head">
				@mobile <div class="chat-list-btns">
						<a  href="/mes">Мои чаты @if($mesCountall > 0) <div class="countMessTop">{{ $mesCountall  }}</div> @endif</a>
						<a class="active" href="/bim">Бизнес-чаты @if($bmesCountall > 0) <div class="countMessTop">{{ $bmesCountall  }}</div> @endif</a>
				</div> @endmobile
					<div class="friends-search">
					<svg fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="1.414" xmlns="http://www.w3.org/2000/svg" aria-label="search" viewBox="0 0 32 32" preserveAspectRatio="xMidYMid meet" fill="currentColor" width="48" height="48" title="search"><path d="M14,9c-2.761,0 -5,2.239 -5,5c0,2.761 2.239,5 5,5c1.387,0 2.641,-0.564 3.548,-1.477c0.899,-0.905 1.452,-2.148 1.452,-3.523c0,-2.761 -2.239,-5 -5,-5Zm-7,5c0,-3.866 3.134,-7 7,-7c3.866,0 7,3.134 7,7c0,1.257 -0.332,2.436 -0.912,3.456c-0.244,0.431 -0.212,0.981 0.137,1.332l3.984,4.007c0.389,0.391 0.388,1.025 -0.004,1.414c-0.392,0.389 -1.025,0.388 -1.414,-0.004l-3.97,-3.992c-0.352,-0.354 -0.908,-0.387 -1.341,-0.138c-1.025,0.588 -2.214,0.925 -3.48,0.925c-3.866,0 -7,-3.134 -7,-7Z"></path></svg>
				</div>
				@desktop <div class="friends-input">
						<input type="text" placeholder="Поиск...">
					</div> @enddesktop
			</div>
			@desktop <div class="chat-line"></div> @enddesktop
			<div id="allChats">
				@include('includes/messenger/bus/userCard', ['chats' => $chats])
			</div>
		</div>
	</div>

@endsection
@section('content-right')
		<div class="chat-bar">
			<a href="/mes" class="chat-bar-item">
				Мои чаты
			</a>
			<div class="chat-bar-item active">
				Бизнес-чаты
			</div>
		</div>
@endsection
@section('vendor-script')
<script src="{{ asset('vndrs/js/flexslider/jquery.flexslider-min.js') }}"></script>
	<script src="{{ asset('vndrs/emojiarea/js/jquery.emojiarea.min.js') }}"></script>

@endsection
@section('page-script')
<script src="{{ asset('vndrs/emojiarea/js/config.min.js') }}"></script>
<script src="{{ asset('vndrs/emojiarea/js/util.min.js') }}"></script>
<script src="{{ asset('vndrs/emojiarea/js/emoji-picker.min.js') }}"></script>
<script src="{{ asset('js/scripts/bchat.js') }}"></script>
<script>
$(function() {
        // Initializes and creates emoji set from sprite sheet
        window.emojiPicker = new EmojiPicker({
          emojiable_selector: '[data-emojiable=true]',
          assetsPath: '/vndrs/emojiarea/img/',
          popupButtonClasses: 'fa fa-smile-o'
        });
        // Finds all elements with `emojiable_selector` and converts them to rich emoji input fields
        // You may want to delay this step if you have dynamically created input fields that appear later in the loading process
        // It can be called as many times as necessary; previously converted input fields will not be converted again
        window.emojiPicker.discover();
      });
</script>
@mobile
		<script>
			$('.friends-item').click(function (e) {
				$('.bot-menu').addClass('m-none');
			});
		</script>
	@endmobile
@endsection