@extends('layouts/LayoutMaster')

@section('title', 'Поиск')

@section('vendor-style')

@endsection
@section('page-style')


 @endsection

@section('content')
<div class="content">
<div class="titleOnBlock">Поиск</div>
<div class="globalSearch">
<form class="submitForm" method="POST" data-form="search.global" enctype="multipart/form-data">
@csrf
	<div class="modal_searchgroup">
	<input type="text" class="form-control" id="add-name" name="text" placeholder="Введите поисковый запрос..">
		<button type="submit" class="btn-input-right_icon"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-search"><circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line></svg></button>		
	</div>	
</form>

</div>
@mobile
	<div class="tabs w-50p mb-10px">
        <input type="radio" id="radio-1" data-start="1" name="lents_feed" value="lents" checked="">
        <label class="tab" for="radio-1">Ленты</label>
        <input type="radio" id="radio-2" data-last="2" name="lents_feed" value="users">
        <label class="tab" for="radio-2">Пользователи</label>
        <span class="glider"></span>
    </div>
@endmobile
<div id="searchResults"></div>
</div>
@endsection
@section('content-right')
<div class="chat-bar">
			<div class="chat-bar-item rls-lents active" data-search="lents">
				Ленты
			</div>
			<div class="chat-bar-item rls-users" data-search="users">
				Пользователи
			</div>
</div>

		
@endsection
@section('vendor-script')


@endsection
@section('page-script')
<script>
@mobile
$('input[type=radio][name=lents_feed]').change(function() {
    var tabsActive = this.value;
	
	if(tabsActive == 'users'){
		$('.gs-lents').removeClass('active');
	$('.rls-lents').removeClass('active');
	}else{
		$('.gs-users').removeClass('active');
$('.rls-users').removeClass('active');
	}
	$('.gs-' + tabsActive).addClass('active');
	$('.rls-' + tabsActive).addClass('active');
});
@endmobile
$('.chat-bar-item').click(function (e) {
	
	let id = $(this).data('search');
	
	if(id == 'users'){
	$('.gs-lents').removeClass('active');
	$('.rls-lents').removeClass('active');
	}else{
	$('.gs-users').removeClass('active');
$('.rls-users').removeClass('active');	
	}
	$('.gs-' + id).addClass('active');
	$('.rls-' + id).addClass('active');
  });
</script>
@endsection