@extends('layouts/fullLayoutMaster')

@section('title', 'Магазин '.$market->name)

@section('vendor-style')

@endsection
@section('page-style')


 @endsection

@section('content')



<div class="catalogs_list-market">
<div class="catalogs_list-market_backsearch">
 <div class="market_category_search">
<form method="POST" enctype="multipart/form-data">
@csrf
<div class="modal_searchgroup">
	<input type="text" class="form-control" id="searchText" name="text" placeholder="Поиск по категориям..">
		<button type="submit" id="searchCategory" 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>

</div>
</div>
<div class="catalogs-list">

	@include('includes/market/solo/category', ['categorys' => $categorys])
</div>
@endsection

@section('vendor-script')


@endsection
@section('page-script')
<script>
	$('#searchCategory').on('click', function() {
		var text = $('#searchText').val();
		if(text.length < 2){
			return toastr.error('Укажите ключевое слово для поиска!');
		}
		var SITEURL = document.location.pathname;
		$.ajax({
			url: SITEURL + "?search=" + text,
			type: "get",
			datatype: "html",
			beforeSend: function()
			{
			 ploader('open');
			 }
		 })
		 .done(function(data)
		 {
			$(".catalogs-list").html(data);   
		   	ploader('close');
			history.pushState("", "", "?search=" + text);
		})
		.fail(function(jqXHR, ajaxOptions, thrownError)
		{
			ploader('close');
			toastr.error('Ошибка запроса 101.');
		});
	});
</script>
@endsection