@if ( is_null($mapas->micro_map) && is_null($mapas->streetview) )
    <script src="https://polyfill.io/v3/polyfill.min.js?features=default"></script>
    <script src="{{ asset('/Libreria_CA/Js/mapa_generica.js') }}"></script>
@endif
<!-- -->
<input type="hidden" id="componente-ubicacion" value="{{ $componente }}">
<!-- -->
<div class="row justify-content-center my-1">
    <!-- BOTONES DE ACCIONES DE UBICACION -->
    <div class="row justify-content-end mb-1">
        <div class="col-lg-2 col-md-2 seccion-editar-ubicacion">
            <button class="btn btn-fidelitas" id="btn-edit-ubicacion" type="button"><i class="bi bi-pencil-square"></i> @traducir('Editar','Editar')</button>
        </div>
    </div>
    <!-- SECCION DE EDICION DE UBICACIÓN -->
    <input type="hidden" id="direccion_contraparte" value="{{$direccion}}">
    <div id="editor_ubicacion" class='d-none row justify-content-center mb-3 px-2 px-md-0'>
        <div class="col-lg-10 col-md-10 mb-4 text-center lead">@traducir('EDITOR DE UBICACIÓN','EDITOR DE UBICACIÓN')</div>
        <!-- -->
        <div class="col-lg-2 col-md-2 mb-4 seccion-cerrar-editor-ubicacion d-none">
            <button class="btn btn-outline-fidelitas" type="button" id="btn-cerrar-edicion-ubicacion"><i class="bi bi-x"></i></button>
        </div>
        <!-- -->
        @if ( is_null($mapas->micro_map) && is_null($mapas->streetview) )
            <div class='row justify-content-center mt-3 px-2 px-md-0' style="height:80vh">
                <div class='col-12'>
                    <div class="row justify-content-start my-3">
                        <div class='col-12 col-lg-6 col-md-8'>
                            <input id='buscador-mapa' type="text" class='form-control form-control-sm' placeholder='Buscar..'>
                        </div>
                        <!-- -->
                        <div class="col-lg-2 col-md-2 d-grid">
                            <button type="button" class="btn btn-sm btn-success" id="grabar-mapa">@traducir('Grabar','Grabar')</button>
                        </div>
                        <!-- -->
                        <div class="col-lg-4 col-md-2 text-center">
                            <div class="alert alert-danger d-none" id="alertas_ubicacion"></div>
                        </div>
                    </div>
                    <!-- -->
                    <div class='row justify-control-center h-75' id="mapStreet">
                        <div id='mapa' class='col-12 col-md-6'></div>
                        <div id='streetview' class='col-12 col-md-6'></div>
                    </div>
                </div>
            </div>
            <div class="row justify-content-center pt-2">
                <div class="col col-md-9">
                    <h6 class="text-center lead mb-3">@traducir('Domicilios conocidos','Domicilios conocidos'):</h6>
                    <small class="text-muted text-center">@traducir('Recuerde que para cambiar el mapa y la foto debe confirmar la sección','Recuerde que para cambiar el mapa y la foto debe confirmar la sección')</small>                    
                    <!-- -->
                    @foreach( $domicilios as $key => $domi )
                        @if ($key > 0 && $domicilios[$key-1]->domicilio == $domi->domicilio && $domi->tipo_domicilio != 'M')
                            @continue
                        @else
                            @if( !is_null($domi->domicilio) )
                                <div class="form-check mt-2">
                                    <input class="form-check-input domicilios_conocidos" type="radio" name="domicilios_conocidos" id="domicilios_conocidos_{{$key}}" value="{{$domi->domicilio}} @if(!is_null($domi->loc_nombre)),{{$domi->loc_nombre ?? ''}}@endif @if(!is_null($domi->prv_nombre)),{{$domi->prv_nombre ?? ''}}@endif @if(!is_null($domi->pai_nombre)),{{$domi->pai_nombre ?? ''}}@endif @if(!is_null($domi->codpos)),{{$domi->codpos ?? ''}}@endif" @if($domi->tipo_domicilio == 'M') checked @endif data-long="{{($domi->geo_long ?? '')}}" data-lat="{{($domi->geo_lat ?? '')}}">
                                    <label class="form-check-label" for="domicilios_conocidos_{{$key}}">
                                        {{ $domi->domicilio}}
                                        @if(!is_null($domi->loc_nombre)), {{$domi->loc_nombre ?? ''}}@endif
                                        @if(!is_null($domi->prv_nombre)), {{$domi->prv_nombre ?? ''}}@endif
                                        @if(!is_null($domi->pai_nombre)),  {{$domi->pai_nombre ?? ''}}@endif
                                        @if(!is_null($domi->tipo_domicilio_nombre)), @traducir('TIPO','TIPO') {{$domi->tipo_domicilio_nombre}}@else , @traducir('SIN TIPO','SIN TIPO') @endif
                                    </label>
                                </div>   
                            @endif
                        @endif
                    @endforeach            
                </div>
            </div>
        @elseif ( !is_null($mapas->micro_map) || !is_null($mapas->streetview) )
            <div class="row justify-content-end">
                <div class="text-center py-2 col-md-10"><b>@traducir('Dirección','Dirección'):</b> {{$direccion}}</div>
                <!-- -->
                <div class="col-md-2">
                    <button type="button" class="btn btn-danger" id="borrar-mapa">@traducir('Borrar Archivos','Borrar Archivos')</button>
                </div>
                <!-- -->
                <div class="col-md-2">
                    <div class="alert alert-danger d-none" id="alertas_ubicacion"></div>
                </div>
            </div>
            <!-- -->
            <div class="row justify-content-center mt-3 px-2 px-md-0">
                @if ( !is_null($mapas->micro_map) )
                    <div class="col-md-5">
                        <div class="card shadow">
                            <img src="{{ $mapas->micro_map }}?v={{time()}}" alt="" class="card-img-top">
                        </div>
                    </div>
                @endif
                <!-- -->
                @if ( !is_null($mapas->streetview) )
                    <div class="col-md-5">
                        <div class="card shadow">
                            <img src="{{ $mapas->streetview }}?v={{time()}}" alt="" class="card-img-top">
                        </div>
                    </div>
                @endif
            </div>
        @endif
    </div>
    <!-- SECCION DE MOSTRAR UBICACION -->
    <div class="container ubicacion-mostrar">        
        @if (!empty($domicilios) )
            @foreach( $domicilios as $key => $domicilio )
                @if ( $domicilio->tipo_domicilio_nombre == 'MAPAS' && !empty($direccion) )
                    <div class="row justify-content-center my-2">
                        <div class="col col-md-3"><b>@traducir('Domicilio','Domicilio'): </b></div>
                        <div class="col col-md-7">{{$direccion}}</div>                        
                    </div>
                    @break
                @endif
            @endforeach
        @else
            <div class="row justify-content-center my-2">
                <p class="text-center">@traducir('No se encontraron datos de domicilio fiscal ni domicilio legal','No se encontraron datos de domicilio fiscal ni domicilio legal')</p>
            </div>
        @endif
        @if( !is_null($mapas->micro_map) && !is_null($mapas->macro_map) )
            <!-- -->
            <div class='row justify-content-center mt-2 px-2 px-md-0'>
                <div class="col-md-6 pt-2">
                    @if ( !is_null($mapas->micro_map) )
                        <div class="card border-fidelitas border-5">
                            <img class="card-img-top" src="{{ env('HOST_GEN_PDF_NEW').$mapas->micro_map }}?v={{time()}}" alt="micro map Image">
                        </div>
                    @endif
                </div>
                <!-- -->
                <div class="col-md-6 pt-2">
                    @if ( !is_null($mapas->macro_map) )
                        <div class="card border-fidelitas border-5">
                            <img class="card-img-top" src="{{ env('HOST_GEN_PDF_NEW').$mapas->macro_map }}?v={{time()}}" alt="macro map Image">
                        </div>
                    @endif
                </div>
            </div>
            <small class="text-end">@traducir('Fuente','Fuente'): Google Maps</small>
        @else
            <div class='row justify-content-center mt-2 px-2 px-md-0'>
                <div class="col-md-6 pt-2">
                    <p class="text-start"> <em>@traducir('Sin datos guardados para las fotos de mapas','Sin datos guardados para las fotos de mapas')</em> </p>
                </div>
            </div>
        @endif
        <!-- -->
        @if ( !is_null($mapas->streetview) )
            <div class="row justify-content-center my-1 pb-0 mb-0">
                <div class="col-md-7">
                    <!-- FOTO DOMICILIO -->
                    <img src="{{ env('HOST_GEN_PDF_NEW').$mapas->streetview }}?v={{time()}}" alt="Streetview Image" class="card-img-top border border-fidelitas border-5" data-title="Foto Domicilio" height="400">
                    @foreach( $domicilios as $key => $domicilio )                    
                    @if ( $domicilio->tipo_domicilio_nombre == 'MAPAS' && !empty($direccion) )
                        <p class="text-center"> <b>@traducir('Domicilio','Domicilio'): </b> {{$direccion}}</p>
                        @break
                    @endif
                    @endforeach
                    <small class="text-end">@traducir('Fuente','Fuente'): Google Street Views</small> 
                </div>
            </div>
        @else
            <div class="row justify-content-center my-1 pb-0 mb-0">
                <div class="col-md-6">
                    <p class="text-start"> <em>@traducir('Sin datos guardados para la foto de domicilio','Sin datos guardados para la foto de domicilio')</em> </p>
                </div>
            </div>
        @endif
    </div>
</div>
<!-- -->
<form id="frmUbicacion">
    {{csrf_field()}}
    <input type="hidden" name="contraparte" value="{{ $contraparte }}">
    <input type="hidden" name="cliente" value="{{ $cliente }}">
    <input type="hidden" name="gestion" value="{{ $gestion }}">
    
    <input type="hidden" name="MapsLat">
    <input type="hidden" name="StreetViewHeading">
    <input type="hidden" name="StreetViewPitch">
    <input type="hidden" name="mapTypeId">
    <input type="hidden" name="address">
    <input type="hidden" name="streetview">

    <input type="hidden" name="contrap_taxid" value="{{$taxid}}">
    <input type="hidden" name="piso_ubicacion" value="">
    <input type="hidden" name="depto_ubicacion" value="">
    <input type="hidden" name="geolat" value="">
    <input type="hidden" name="geolong" value="">
    <input type="hidden" name="dir_sel" value="">
    <input type="hidden" name="sin_streetview" value="">
</form>
<!-- -->
@if ( is_null($mapas->micro_map) && is_null($mapas->streetview) )
    <script async defer src="https://maps.googleapis.com/maps/api/js?key={{env('GOOGLE_MAPS_KEY')}}&language=es&libraries=places&callback=initMapGenerica&v=weekly"></script>
@endif
<script>
    eventosUbicacion();
</script>