@extends ('site::public.layout')
@section('content')
	<main class="search-page">
		<section>
			<div class="container">
				<p>{!! $section_data['title'] !!}</p>
				<div class="input input--search">
					<button class="search btn-search" id="btn-search"><img src="{{ asset('styling/img/icon-search.png') }}"></button>
					<input type="text" class="input__text" name="serach_keyword" id="search-keyword" placeholder="{!! $section_data['excerpt'] !!}">
					<button class="clear btn-searchclear" id="btn-searchclear"><img src="{{ asset('styling/img/icon-x.png') }}"></button>
					<label id="search-result" style="display:none;"><span id="result-data">1,837</span> {!! get_staticwording('search_result', session('locale')) !!}</label>
					<div class="error" id="search-error" error-msg="{!! get_staticwording('search_mandatory', session('locale')) !!}" style="display:none;"></div>
				</div>

				<div class="search__list">
					{{-- <div class="text__list">
						<h6>Contact - How to Contact Us - Bevananda</h6>
						<p>
							We aim to provide great customer service. For product inquiries, technical support, and legal questions, here are all the ways you can contact Bevananda.
						</p>
						<a href="">https://www.bevananda.com/contact</a>
					</div> --}}
				</div>
				{{-- <div class="page-pagination">
					<a href="" class="disabled">
						<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
							<path fill-rule="evenodd" clip-rule="evenodd" d="M15 10.5C15 10.7229 14.921 10.9367 14.7803 11.0943C14.6397 11.2519 14.4489 11.3405 14.25 11.3405L7.61165 11.3405L9.76975 13.537C9.8441 13.6125 9.90415 13.7041 9.94635 13.8061C9.98856 13.9082 10.0121 14.0187 10.0154 14.1311C10.0188 14.2435 10.002 14.3556 9.96609 14.4606C9.93013 14.5656 9.87572 14.6615 9.8061 14.7425C9.73647 14.8235 9.65304 14.8881 9.56075 14.9323C9.46845 14.9765 9.36918 14.9995 9.2688 15C9.16842 15.0004 9.06899 14.9783 8.97638 14.9349C8.88378 14.8915 8.79989 14.8277 8.7297 14.7473L5.22953 11.1052C5.15694 11.0267 5.0992 10.9328 5.05976 10.8288C5.02033 10.7248 5 10.613 5 10.5C5 10.387 5.02033 10.2752 5.05976 10.1712C5.0992 10.0673 5.15694 9.97325 5.22953 9.89485L8.7297 6.25272C8.79989 6.17232 8.88378 6.10852 8.97638 6.06511C9.06898 6.0217 9.16842 5.99956 9.2688 6.00001C9.36918 6.00045 9.46845 6.02347 9.56075 6.0677C9.65304 6.11193 9.73647 6.17647 9.8061 6.25749C9.87572 6.33852 9.93013 6.43438 9.96609 6.5394C10.002 6.64442 10.0188 6.75645 10.0154 6.86887C10.012 6.98129 9.98856 7.09181 9.94635 7.19387C9.90415 7.29593 9.8441 7.38745 9.76975 7.46303L7.61165 9.65951L14.25 9.65951C14.4489 9.65951 14.6397 9.74806 14.7803 9.90568C14.921 10.0633 15 10.2771 15 10.5Z" fill="#fff"/>
							</svg>

					</a>
					<a href="" class="active">1</a>
					<a href="">2</a>
					<a href="">3</a>
					<a href="">4</a>
					<a href="">
						<svg width="10" height="9" viewBox="0 0 10 9" fill="none" xmlns="http://www.w3.org/2000/svg">
									<path fill-rule="evenodd" clip-rule="evenodd" d="M0 4.5C0 4.27709 0.0790218 4.06331 0.219681 3.90568C0.36034 3.74806 0.551114 3.65951 0.750036 3.65951H7.38835L5.23025 1.46303C5.1559 1.38745 5.09585 1.29592 5.05365 1.19387C5.01144 1.09181 4.98795 0.981293 4.98456 0.868873C4.98117 0.756453 4.99795 0.644415 5.03391 0.539396C5.06987 0.434378 5.12428 0.338516 5.1939 0.257492C5.26353 0.176467 5.34696 0.111928 5.43925 0.0676995C5.53155 0.0234707 5.63082 0.000451604 5.7312 6.57867e-06C5.83158 -0.000438447 5.93101 0.0216993 6.02362 0.0651083C6.11622 0.108517 6.20011 0.172315 6.2703 0.252719L9.77047 3.89485C9.84306 3.97325 9.9008 4.06725 9.94024 4.17123C9.97967 4.2752 10 4.38702 10 4.5C10 4.61298 9.97967 4.7248 9.94024 4.82877C9.9008 4.93275 9.84306 5.02675 9.77047 5.10515L6.2703 8.74728C6.20011 8.82768 6.11622 8.89148 6.02362 8.93489C5.93102 8.9783 5.83158 9.00044 5.7312 8.99999C5.63082 8.99955 5.53155 8.97653 5.43925 8.9323C5.34696 8.88807 5.26353 8.82353 5.1939 8.74251C5.12428 8.66148 5.06987 8.56562 5.03391 8.4606C4.99795 8.35558 4.98117 8.24355 4.98456 8.13113C4.98795 8.01871 5.01144 7.90819 5.05365 7.80613C5.09585 7.70407 5.1559 7.61255 5.23025 7.53697L7.38835 5.34049L0.750036 5.34049C0.551114 5.34049 0.36034 5.25194 0.219681 5.09432C0.0790217 4.93669 0 4.72291 0 4.5Z" fill="white"></path>
									</svg>
					</a>
				</div> --}}
			</div>
		</section>
	</main>
@endsection