@extends('layouts.app')

@section('htmlheader_title') Dashboard @endsection
@section('contentheader_title') Dashboard @endsection
@section('contentheader_description') Organisation Overview @endsection

@section('main-content')
<!-- Main content -->
        <section class="content" style="padding: 0;"> 
			 
			<!-- INTRO WRAP -->
			<div id="intro" style=" background:white; min-height:500px;"  >
				<div class="container" style="">
					<div class="row centered">
					
						 
						   
						 <div class="col-lg-12 col-sm-12 col-xs-12" style="padding-left: 0;" style=""> 
							  
									<h3 style="      
													letter-spacing: 3px;
													font-size: 20px;
													margin-bottom: 10px; 
													text-align: left; 
													padding: 15px; 
													padding-left: 0;
													width: 100%; 
													color: gray;  ">BUSCAR : {{strtoupper($buscar)}} </h3> 
									
									 
									 <div class="col-lg-12 col-sm-12 col-xs-12"> 
										 <div class="row centered" style=" margin-top:5%;">
												 
										 </div> 
									 </div> 
									@foreach ($Productos as $Producto) 
									<div class="col-lg-6 col-sm-12 col-xs-12" style="margin-bottom:20px;"> 	
										 
											<a href="{{ url('/producto') }}/{{  $Producto->id }}">
												<img    src="{{ asset('/la-assets/img/productoImagen.png') }}" style=" width: 40%; float:left; margin-right:5%; " alt=""> 
											</a>
											<a href="{{ url('/producto') }}/{{  $Producto->id }}">
												<p style="color: #000000;  font-weight:bold;  font-size: 15px;    float:left;  margin-bottom: 5px;  margin-left:  5px; padding:5px;
													border-bottom-style: solid;
													border-width: 1px;
													border-color: #00a759;"   >
													Malla y Alambres
												</p>
											 </a>
											 <p style="color: #000000;    font-size: 14px; width:45%;   float:left;  margin-bottom: 5px;  margin-left:  5px; padding:5px; "   >
												Es un armado electrico soldado plano, de arreglo cuadricular.
											 </p>
											 <a href="{{ url('/producto') }}/{{  $Producto->id }}">
												<p style="  color: #ffffff;
															font-size: 15px;
															float: left;
															margin-bottom: 5px;
															margin-left: 5px;
															padding: 5px;
															border-radius: 15px;
															background: #00a759;
															padding-left: 15px;
															padding-right: 15px; 
															position: absolute;
															bottom: 5px;
															right: 30%;
															letter-spacing: 2px;"   >
													Ver m&aacute;s...
												</p>
											  </a>
									</div> 
									@endforeach  
									
									 <div class="col-lg-12 col-sm-12 col-xs-12"> 
										 <div class="row centered" style=" margin-top:10%;">
												 
										 </div> 
									 </div> 
									 
							  
						 </div>  
						 
						 <div class="col-lg-12 col-sm-12 col-xs-12"> 
							 <div class="row centered" style=" margin-top:10%;">
									 
							 </div> 
						 </div> 
						 
						  						 
					</div>
					<br> 
				</div> <!--/ .container -->
			</div><!--/ #introwrap -->
			
			
			
			
		
        </section><!-- /.content -->
@endsection
 

@push('scripts')
<!-- jQuery UI 1.11.4 -->
<script src="https://code.jquery.com/ui/1.11.4/jquery-ui.min.js"></script>
<!-- Resolve conflict in jQuery UI tooltip with Bootstrap tooltip --> 
@endpush

@push('scripts')
<script> 
$(document).ready(function() {		
	 
		  $('.bxslider').bxSlider({ 
		  
            auto: true 
		  });
		 

});
</script>
@endpush