@extends('master')

@section('title')
Mis direcciones
@stop

@section('custom_js_files')
<script src="{{ url('/static/js/user.js?v='.time()) }}"></script>
@stop

@section('body_end_script')
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyA5_3hdjr5bWlxfeC5Hb_FL5_nuXcChxAc&libraries=places&v=weekly" ></script>
<script src="{{ url('/static/js/geo.js?v='.time()) }}"></script>
@stop

@section('content')

<div class="page">
	<div class="container">
		<div class="row">
			<div class="col-md-3">
				@include('components.user_account_edit_sidebar')
			</div>

			<div class="col-md-9">
				<div class="md_card mtop32 shadow">
					<h4 class="title"><i class="bi bi-plus-circle"></i> Agregar una dirección</h4>
					<div class="inside">
						<p id="form_acc_addr_msg">Para poder agregar una dirección de entrega, necesitamos acceso a la ubicación… si el sitio no te ha preguntado si podemos acceder a la ubicación, Tambien puedes usar el buscador para buscar tu dirección y mover el mapa al punto exacto de tu ubicación.</p>
					</div>
						<input id="pac-input" class="controls place_search" type="text" placeholder="Buscar una dirección" />
						<div id="map_canva" style="height:500px"></div>
						<!--
						<iframe src="" frameborder="0" width="100%" height="200" id="add_map" style="display: none;"></iframe> -->
					
					<div class="inside">
						<div class="form">
			                {!! Form::open(['url' => '/', 'id' => 'form_acc_addr', 'style' => "display: none;"]) !!}
                            {!! Form::hidden('map', null, ['id' => 'user_addr_map']) !!}
                            
                            <label for="name">Guardar dirección como:</label>
                            <div class="group">
                                <i class="far fa-save"></i>
                                {{ Form::text('name', null, ['class' => 'input']) }}
                                <small>Ejemplo: Mi Casa, Mi Trabajo, Mi negocio etc</small>
                            </div>

                            <div class="row">
                            	<div class="col-12 col-md-6">
                            		<label for="name" class="mtop16">Barrio/colonia o residencial:</label>
		                            <div class="group">
		                                <i class="fas fa-map-marker-alt"></i>
		                                {{ Form::text('neighborhood', null, ['class' => 'input']) }}
		                            </div>
                            	</div>
                            	<div class="col-12 col-md-6">
                            		<label for="name" class="mtop16">Calle, Avenida, Bloque:</label>
		                            <div class="group">
		                                <i class="fas fa-location-arrow"></i>
		                                {{ Form::text('street', null, ['class' => 'input']) }}
		                            </div>
                            	</div>
                            </div>

                            <div class="row">
                            	<div class="col-12 col-md-6">
                            		<label for="name" class="mtop16">Casa #:</label>
		                            <div class="group">
		                                <i class="fas fa-house-user"></i>
		                                {{ Form::text('home_number', null, ['class' => 'input']) }}
		                            </div>
                            	</div>

                            	<div class="col-12 col-md-6">
                            		<label for="name" class="mtop16">Teléfono quien recibe:</label>
		                            <div class="group">
		                                <i class="fas fa-phone-alt"></i>
		                                {{ Form::tel('phone', null, ['class' => 'input']) }}
		                            </div>
                            	</div>
                            </div>                            

                            <label for="name" class="mtop16">Referencias:</label>
                            <div class="group">
                                <i class="fas fa-street-view"></i>
                                {{ Form::text('references', null, ['class' => 'input']) }}
                            </div>

                            
                            <button type="submit" class="btn btn-csuccess mtop16"><i class="fas fa-check"></i> Guardar</button>
                            {!! Form::close() !!}
			            </div>
		            </div>
	            </div>

	            @foreach(Auth::user()->getAddress as $address)
	            <div class="md_card mtop32 shadow">
					<h4 class="title"><i class="bi bi-geo-alt"></i> {{ $address->name }}</h4>
					<div class="inside">

						@if($address->map)
						<iframe src="https://maps.google.com/?output=embed&q={{ $address->map }}" frameborder="0" width="100%" height="200"></iframe>
						@endif

                        <div class="row mtop32">
                        	<div class="col-12 col-md-6">
                        		<p><strong><i class="fas fa-map-marker-alt"></i> Barrio/colonia o residencial:</strong> {{ $address->neighborhood }}</p>
                        	</div>
                        	<div class="col-12 col-md-6">
                        		<p><strong><i class="fas fa-location-arrow"></i> Calle, Avenida, Bloque:</strong> {{ $address->street }}</p>
                        	</div>
                        </div>

                        <div class="row">
                        	<div class="col-12 col-md-6">
                        		<p><strong><i class="fas fa-house-user"></i> Casa #:</strong> {{ $address->home_number }}</p>
                        	</div>

                        	<div class="col-12 col-md-6">
                        		<p><strong><i class="fas fa-phone-alt"></i> Teléfono quien recibe:</strong> {{ $address->phone }}</p>
                        	</div>
                        </div>
                        <div class="row">
                        	<div class="col-12 col-md-12">
                        		<p><strong><i class="fas fa-street-view"></i> Referencias:</strong> {{ $address->references }}</p>
                        	</div>
                        </div>
						
		            </div>
	            </div>
	            @endforeach
			</div>
		</div>
	</div>
</div>

@stop