@extends('layouts_home.header')

@section('content')
	<div class="container-fluid">
		<div id="carouselExampleControls" class="carousel slide" data-ride="carousel">
			<div class="carousel-inner">
				<div class="carousel-item active">
					<img src="https://cdn.lumingo.com/medias/slider-cyberwow-relojes-min.jpg?context=bWFzdGVyfGltYWdlc3w0NTI1NnxpbWFnZS9qcGVnfGltYWdlcy9oY2UvaGYyLzkzNTc5ODY2Mjc2MTQuanBnfDRkYjYzYjUxODQwNTllNGExOWE5YTBjZjMxNTE4MzlhZWY1M2ZhNjNkMGViMGRmZDA5YjU1MTZkYjczMDI1M2I" class="d-block w-100" alt="...">
				</div>
				<div class="carousel-item">
					<img src="https://cdn.lumingo.com/medias/slider-cyberwow-rayban-min.jpg?context=bWFzdGVyfGltYWdlc3wzODU5MnxpbWFnZS9qcGVnfGltYWdlcy9oM2YvaDI4LzkzNTc5ODY0OTY1NDIuanBnfDUwYjFiNzU5YThlNjhiYTRkNzI0OGI4YjE5ZDFmMmYxM2I5ZjQ0NDAxNjA3NGY0ZTFkYTc4Mjg0YjdkZjY4Mzg" class="d-block w-100" alt="...">
				</div>
			</div>
			<a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev">
				<span class="carousel-control-prev-icon" aria-hidden="true"></span>
				<span class="sr-only">Previous</span>
			</a>
			<a class="carousel-control-next" href="#carouselExampleControls" role="button" data-slide="next">
				<span class="carousel-control-next-icon" aria-hidden="true"></span>
				<span class="sr-only">Next</span>
			</a>
		</div>
	</div>
	<div class="container">
		<div class="row">
			<div class="col-md-12">
				<h3 class="text-center">{{ __('Busca tu Producto') }}</h3>
				<input class="form-control mr-sm-2" type="text"  placeholder="Buscar" id="texto" name="texto">
			</div>
			<div class="col-md-12" id="resultados" name="resultados">

			</div>
		</div>
	</div>
	
	<div class="container mt-5 mb-5">
		<tienda-productos></tienda-productos>
	</div>

@endsection

@section('script')
<script src="{{ URL::asset('js/search.js') }}"></script>
@endsection