@extends('layouts/LayoutMaster')

@section('title', 'Помощь')

@section('vendor-style')

@endsection
@section('page-style')
<link rel="stylesheet" href="{{ asset('css/help.css') }}" />
 @endsection

@section('content')
<div class="content">
<div class="titleOnBlock">Помощь</div>
@mobile
	<div class="chat-bar">
			<div class="chat-bar-item active" onclick="swapMenu(this, 'menu-info');">
				О приложении
			</div>
			<div class="chat-bar-item" onclick="swapMenu(this, 'menu-main');">
				Главная
			</div>
			<div class="chat-bar-item" onclick="swapMenu(this, 'menu-lents');">
				Ленты
			</div>
			<div class="chat-bar-item" onclick="swapMenu(this, 'menu-deals');">
				Дело
			</div>
			<div class="chat-bar-item" onclick="swapMenu(this, 'menu-chats');">
				Чаты
			</div>
			<div class="chat-bar-item" onclick="swapMenu(this, 'menu-profile');">
				Профиль
			</div>
			<div class="chat-bar-item" onclick="swapMenu(this, 'menu-apps');">
				Мое	приложение
			</div>
</div>
	@endmobile
<div class="helpBlock">
	
@include('includes/help/menu-info')

</div>

</div>
@endsection
@section('content-right')
<div class="chat-bar">
			<div class="chat-bar-item active" onclick="swapMenu(this, 'menu-info');">
				О приложении
			</div>
			<div class="chat-bar-item" onclick="swapMenu(this, 'menu-main');">
				Главная
			</div>
			<div class="chat-bar-item" onclick="swapMenu(this, 'menu-lents');">
				Ленты
			</div>
			<div class="chat-bar-item" onclick="swapMenu(this, 'menu-deals');">
				Дело
			</div>
			<div class="chat-bar-item" onclick="swapMenu(this, 'menu-chats');">
				Чаты
			</div>
			<div class="chat-bar-item" onclick="swapMenu(this, 'menu-profile');">
				Профиль
			</div>
			<div class="chat-bar-item" onclick="swapMenu(this, 'menu-apps');">
				Мое	приложение
			</div>
</div>	
@endsection
@section('vendor-script')
@endsection

@section('page-script')
<script>
function swapMenu(el, type){
	var mobile = 0;
	const screenWidth = window.screen.width;
	if(screenWidth <= 586){
		mobile = 1;
	}
    $.ajax({
       url: "/changeHelp/" + type + "/" + mobile,
      type: "GET",
	  headers: {
'X-CSRF-Token': $('meta[name="csrf-token"]').attr('content')
},
      success:function(data){
		   $('.chat-bar-item.active').each(function(i) {
		$(this).removeClass('active');
});
		  $(el).addClass('active');
         $('.helpBlock').html(data);
      },
      error: function(response) {
		 /*  $('.invalid-feedback').addClass('d-block');
        $('#errormsg').text(response.responseJSON.message); */
      },
      });
}
function swapSubMenu(el, type){
	var mobile = 0;
	const screenWidth = window.screen.width;
	if(screenWidth <= 586){
		mobile = 1;
	}
    $.ajax({
      url: "/changeHelp/" + type + "/" + mobile,
      type: "GET",
	  headers: {
'X-CSRF-Token': $('meta[name="csrf-token"]').attr('content')
},
      success:function(data){
		   $('.helpBlock_item.active').each(function(i) {
		$(this).removeClass('active');
});
		  $(el).addClass('active');
         $('#helpContent').html(data);
      },
      error: function(response) {
		 /*  $('.invalid-feedback').addClass('d-block');
        $('#errormsg').text(response.responseJSON.message); */
      },
      });
}

</script>
@endsection