@extends('layouts.app')

@section('seo')
    @endsection

@section('content')

<div class="bg-cfd5f7">
	<div class="p-3 p-md-5">
		<div class="row m-0">
			<div class="col-md-4 text-center">
	          	<a href="/" title="ClickRepuestos | Tus Repuestos a un Click" class="mr-4 d-block">
		            <img loading="lazy" src="{{ asset('img/logos-cr/logo-color-clickrepuestos-v6.svg') }}" alt="ClickRepuestos" class="img-fluid">
	          	</a>
	        </div>
		</div>
	</div>
</div>

@foreach($empresa as $e)

				
			
@endforeach

<div class="container p-3">
	<div class="mb-2">
		<span class="title-h1 font-weight-bold text-uppercase nombre-proveedor">{{$nombre}}</span>
	</div>
	<div class="row">
		
	 	<div class="col text-left menu-usuario menu-tienda">
            <!--<span class="ml-3">
              <i class="fa fa-cogs"></i> 
              <a href="/mi-cuenta" class="all-animate">Mi cuenta</a>
            </span>
            <span class="ml-3">
              <i class="fa fa-cogs"></i> 
              <a href="{{ url('admin/auth/logout') }}" class="all-animate">Cerrar sesion</a>
            </span>-->
            <span class="">
              <a href="/contacto" class="all-animate">Contacto</a>
            </span>
            <span class="ml-3">
              <a href="#" class="all-animate">Formas de pago</a>
            </span>
 
            <span class="ml-3">
              <a href="#" class="all-animate">Ofertas</a>
            </span>
        </div>
		<div class="col-md-6">
			<div class="text-right">
				<span class="ml-3">
					<i class="fa fa-envelope"></i>
                  	<a href="#" class="all-animate">{{$correo}}</a>
                </span>
         
         		@if(!empty($whatsapp))
	     		 	<span class="ml-3">
	     		 		<i class="fa fa-whatsapp"></i>
	                  	<a href="#" class="all-animate">{{$whatsapp}}</a>
	                </span>
         		@endif
         	
               
			</div>
		</div>
	</div>
	<hr class="hr-tienda">
</div>



<div class="container mt-4">
	<div class="row">
		<div class="col-md mr-md-2">
			<div class="row">
				<div class="col-12 mb-3 bg-cfd5f7 h-25">
					<p class="h4 font-changa font-weight-bold text-left mt-2 mb-4 text-uppercase">Sobre {{$nombre}}</p>
					<p>Es un hecho establecido hace demasiado tiempo que un lector se distraerá con el contenido del texto de un sitio mientras que mira su diseño.</p>
					<p>	Es un hecho establecido hace demasiado tiempo que un lector se distraerá con el contenido del texto de un sitio mientras que mira su diseño.</p>
				</div>
				<div class="col-12 mb-3 bg-eeeef6">
									</div>
				<div class="col-12 mb-3 bg-cfd5f7 h-25">
					<p class="h4 font-changa font-weight-bold text-left mt-2 mb-4 text-uppercase">Despacho a todo Chile</p>
				</div>
			</div>
		</div>	
		<div class="col-md ml-2">
			<div class="row">
				<div class="col-12 mb-3 bg-cfd5f7 h-25">
					<p class="h4 font-changa font-weight-bold text-left mt-2 mb-4 text-uppercase">Donde estamos?</p>
					<iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d12170.552777232535!2d-73.0861977!3d-40.3059917!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x793328abc0e955d8!2sPosicionamiento%20Web%20SEO%20%3A%3A%20WebySEO!5e0!3m2!1ses!2scl!4v1598018183299!5m2!1ses!2scl" width="100%" height="350" frameborder="0" style="border:0;" allowfullscreen="" aria-hidden="false" tabindex="0" class="mb-3"></iframe>
				</div>
				<div class="col-12 mb-3 bg-cfd5f7 h-25">
					<p class="h4 font-changa font-weight-bold text-left mt-2 mb-4 text-uppercase">Formas de Pago</p>
					<p>Es un hecho establecido hace demasiado tiempo que un lector se distraerá con el contenido del texto de un sitio mientras que mira su diseño.</p>
					<div class="row align-items-center">
						<div class="col col-md-4">
							<img class="img-fluid img-pagos" src="{{asset('img/webpay.png')}}" title="Webpay" alt="Webpay">
						</div>
						<div class="col col-md-3">
							<img class="img-fluid img-pagos" src="{{asset('img/mercado-pago.png')}}" title="MercadoPago" alt="MercadoPago">
						</div>
					</div>
				</div>
				<div class="col-12 bg-eeeef6">
					<p class="h4 font-changa font-weight-bold text-left mt-2 mb-4 text-uppercase">Nuestras Marcas?</p>
				</div>
			</div>
		</div>
			
	</div>
</div>



@endsection