776 lines
38 KiB
PHP
776 lines
38 KiB
PHP
<div>
|
|
<form action="" wire:submit.prevent="onSubmit">
|
|
<div class="row">
|
|
<div class="col-12 mb-6">
|
|
<button type="submit" class="btn btn-submit btn-{{ $mode == 'delete' ? 'danger' : 'primary' }} waves-effect waves mr-3 mb-3">{{ $btnSubmitText }}</button>
|
|
<a href="{{ route('admin.store-manager.stores.index') }}" class="btn btn-label-secondary waves-effect waves mr-3 mb-3">Cancelar</a>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-lg-4">
|
|
<div class="card mb-6">
|
|
<div class="card-header">
|
|
<h5 class="card-title mb-0">Identificación</h5>
|
|
</div>
|
|
<div class="card-body">
|
|
<div class="row">
|
|
<div class="mb-4 col-6 fv-row">
|
|
<label class="form-label" for="code">Identificador único</label>
|
|
<input type="text" name="code" id="code" wire:model='code' class="form-control" placeholder="UID code" />
|
|
@error('code')
|
|
<span class="text-danger">{{ $message }}</span>
|
|
@enderror
|
|
</div>
|
|
</div>
|
|
<div class="mb-4 fv-row">
|
|
<label class="form-label" for="name">Nombre</label>
|
|
<input type="text" name="name" id="name" wire:model="name" class="form-control" placeholder="Nombre de la sucursal" />
|
|
@error('name')
|
|
<span class="text-danger">{{ $message }}</span>
|
|
@enderror
|
|
</div>
|
|
<div class="mb-4 fv-row">
|
|
<label class="form-label" for="description">Descripción</label>
|
|
<textarea id="description" name="description" wire:model='description' class="form-control" placeholder="Descripción de la sucursal" aria-label="Descripción de almacén" /></textarea>
|
|
@error('description')
|
|
<span class="text-danger">{{ $message }}</span>
|
|
@enderror
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
@if(false)
|
|
<div class="card mb-6">
|
|
<div class="card-header">
|
|
<h5 class="card-title mb-0">Series de facturación</h5>
|
|
</div>
|
|
<div class="card-body">
|
|
<div class="row">
|
|
<div class="mb-4 fv-row">
|
|
<label class="form-label" for="serie_ingresos">Serie para Ingresos</label>
|
|
<input type="text" name="serie_ingresos" id="serie_ingresos" wire:model="serie_ingresos" class="form-control" placeholder="Serie para Ingresos" />
|
|
@error('serie_ingresos')
|
|
<span class="text-danger">{{ $message }}</span>
|
|
@enderror
|
|
</div>
|
|
<div class="mb-4 fv-row">
|
|
<label class="form-label" for="serie_egresos">Serie para Egresos</label>
|
|
<input type="text" name="serie_egresos" id="serie_egresos" wire:model="serie_egresos" class="form-control" placeholder="Serie para Egresos" />
|
|
@error('serie_egresos')
|
|
<span class="text-danger">{{ $message }}</span>
|
|
@enderror
|
|
</div>
|
|
<div class="mb-4 fv-row">
|
|
<label class="form-label" for="serie_pagos">Serie para Pagos</label>
|
|
<input type="text" name="serie_pagos" id="serie_pagos" wire:model="serie_pagos" class="form-control" placeholder="Serie para Pagos" />
|
|
@error('serie_pagos')
|
|
<span class="text-danger">{{ $message }}</span>
|
|
@enderror
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@endIf
|
|
|
|
<div class="card mb-6">
|
|
<div class="card-header">
|
|
<h5 class="card-title mb-0">Configuraciones</h5>
|
|
</div>
|
|
<div class="card-body">
|
|
<div class="mb-4 fv-row">
|
|
<x-vuexy-admin::form.checkbox
|
|
wire:model='status'
|
|
parent_class='form-switch'>
|
|
Habilitar sucursal
|
|
</x-vuexy-admin::form.checkbox>
|
|
</div>
|
|
<div class="mb-4 fv-row">
|
|
<x-vuexy-admin::form.checkbox
|
|
wire:model='show_on_website'
|
|
parent_class='form-switch'>
|
|
Mostrar en sitio web
|
|
</x-vuexy-admin::form.checkbox>
|
|
</div>
|
|
<div class="mb-4 fv-row">
|
|
<x-vuexy-admin::form.checkbox
|
|
wire:model='enable_ecommerce'
|
|
parent_class='form-switch'>
|
|
Habilitar eCommerce
|
|
</x-vuexy-admin::form.checkbox>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-4">
|
|
<div class="card mb-6">
|
|
<div class="card-header">
|
|
<h5 class="card-title mb-0">Información de contacto</h5>
|
|
</div>
|
|
<div class="card-body">
|
|
<div class="mb-4 fv-row">
|
|
<label class="form-label" for="tel">Teléfono</label>
|
|
<input type="tel" name="tel" id="tel" wire:model="tel" class="form-control" placeholder="Teléfono" />
|
|
@error('tel')
|
|
<span class="text-danger">{{ $message }}</span>
|
|
@enderror
|
|
</div>
|
|
<div class="mb-4 fv-row">
|
|
<label class="form-label" for="tel2">Teléfono secundario</label>
|
|
<input type="tel" name="tel2" id="tel2" wire:model="tel2" class="form-control" placeholder="Teléfono secundario" />
|
|
@error('tel2')
|
|
<span class="text-danger">{{ $message }}</span>
|
|
@enderror
|
|
</div>
|
|
<div class="mb-4 fv-row">
|
|
<label class="form-label" for="email">Correo electrónico</label>
|
|
<input type="email" name="email" id="email" wire:model="email" class="form-control" placeholder="Correo electrónico" />
|
|
@error('email')
|
|
<span class="text-danger">{{ $message }}</span>
|
|
@enderror
|
|
</div>
|
|
<hr>
|
|
<div class="mb-4 fv-row">
|
|
<label for="manager_id" class="form-label">Gerente</label>
|
|
<x-vuexy-admin::form.select
|
|
wire:model='manager_id'
|
|
:options="$manager_id_options"
|
|
:selected="$manager_id"
|
|
placeholder="Selecciona el gerente"
|
|
class="select2 form-select" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="card mb-6">
|
|
<div class="card-header">
|
|
<h5 class="card-title mb-0">Información fiscal</h5>
|
|
</div>
|
|
<div class="card-body">
|
|
<div class="mb-4 fv-row">
|
|
<label class="form-label" for="rfc">RFC</label>
|
|
<input type="text" name="rfc" id="rfc" wire:model="rfc" class="form-control" placeholder="Registro Federal de Contribuyentes" />
|
|
@error('rfc')
|
|
<span class="text-danger">{{ $message }}</span>
|
|
@enderror
|
|
</div>
|
|
<div class="mb-4 fv-row">
|
|
<label class="form-label" for="nombre_fiscal">Nombre fiscal</label>
|
|
<input type="text" name="nombre_fiscal" id="nombre_fiscal" wire:model="nombre_fiscal" class="form-control" placeholder="Nombre fiscal" />
|
|
@error('nombre_fiscal')
|
|
<span class="text-danger">{{ $message }}</span>
|
|
@enderror
|
|
</div>
|
|
<div class="mb-4 fv-row">
|
|
<label for="c_regimen_fiscal" class="form-label">Régimen fiscal</label>
|
|
<x-vuexy-admin::form.select
|
|
wire:model='c_regimen_fiscal'
|
|
:options="$c_regimen_fiscal_options"
|
|
:selected="$c_regimen_fiscal"
|
|
placeholder="Selecciona el regimen fiscal"
|
|
class="select2 form-select" />
|
|
</div>
|
|
<div class="mb-4 fv-row">
|
|
<label class="form-label" for="domicilio_fiscal">Domicilio fiscal</label>
|
|
<input type="text" name="domicilio_fiscal" id="domicilio_fiscal" wire:model="domicilio_fiscal" class="form-control" maxlength=5, placeholder="Domicilio fiscal (C.P)" />
|
|
@error('domicilio_fiscal')
|
|
<span class="text-danger">{{ $message }}</span>
|
|
@enderror
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-4">
|
|
<div class="card mb-6">
|
|
<div class="card-header">
|
|
<h5 class="card-title mb-0">Dirección</h5>
|
|
</div>
|
|
<div class="card-body">
|
|
@php
|
|
/*
|
|
dump($c_codigo_postal);
|
|
dump($c_estado);
|
|
dump($c_localidad);
|
|
dump($c_municipio);
|
|
dump($c_colonia);
|
|
|
|
dump($c_localidad_options);
|
|
dump($c_municipio_options);
|
|
dump($c_colonia_options);
|
|
*/
|
|
@endphp
|
|
|
|
|
|
<div class="row">
|
|
<div class="col-8 mb-4 fv-row">
|
|
<label for="c_pais" class="form-label">Pais</label>
|
|
<x-vuexy-admin::form.select
|
|
wire:model='c_pais'
|
|
:options="$c_pais_options"
|
|
:selected="$c_pais"
|
|
placeholder="Selecciona el pais"
|
|
class="select2 form-select" />
|
|
</div>
|
|
<div class="col-4 mb-4 fv-row if_local_address_show">
|
|
<label for="c_codigo_postal" class="form-label">Código postal</label>
|
|
<input type="text" name="c_codigo_postal" id="c_codigo_postal" wire:model="c_codigo_postal" class="form-control text-center" maxlength=5, placeholder="Código Postal" />
|
|
@error('c_codigo_postal')
|
|
<span class="text-danger">{{ $message }}</span>
|
|
@enderror
|
|
</div>
|
|
</div>
|
|
<div class="mb-4 fv-row">
|
|
<label for="c_estado" class="form-label">Estado</label>
|
|
<x-vuexy-admin::form.select
|
|
wire:model='c_estado'
|
|
:options="$c_estado_options"
|
|
:selected="$c_estado"
|
|
placeholder="Selecciona el estado"
|
|
class="select2 form-select" />
|
|
</div>
|
|
<div class="mb-4 fv-row if_local_address_show">
|
|
<label for="c_localidad" class="form-label">Localidad</label>
|
|
<x-vuexy-admin::form.select
|
|
wire:model='c_localidad'
|
|
:options="$c_localidad_options"
|
|
:selected="$c_localidad"
|
|
class="select2 form-select" />
|
|
</div>
|
|
<div class="mb-4 fv-row if_local_address_show">
|
|
<label for="c_municipio" class="form-label">Municipio</label>
|
|
<x-vuexy-admin::form.select
|
|
wire:model='c_municipio'
|
|
:options="$c_municipio_options"
|
|
:selected="$c_municipio"
|
|
class="select2 form-select" />
|
|
</div>
|
|
<div class="mb-4 fv-row if_local_address_show">
|
|
<label for="c_colonia" class="form-label">Colonia</label>
|
|
<x-vuexy-admin::form.select
|
|
wire:model='c_colonia'
|
|
:options="$c_colonia_options"
|
|
:selected="$c_colonia"
|
|
class="select2 form-select" />
|
|
</div>
|
|
<div class="mb-4 fv-row">
|
|
<label for="direccion" class="form-label">Dirección</label>
|
|
<input type="text" name="direccion" id="direccion" wire:model="direccion" class="form-control" placeholder="Dirección" />
|
|
@error('direccion')
|
|
<span class="text-danger">{{ $message }}</span>
|
|
@enderror
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-6 mb-4 fv-row">
|
|
<label for="num_ext" class="form-label">Número exterior</label>
|
|
<input type="text" name="num_ext" id="num_ext" wire:model="num_ext" class="form-control" placeholder="Núm. exterior" />
|
|
@error('num_ext')
|
|
<span class="text-danger">{{ $message }}</span>
|
|
@enderror
|
|
</div>
|
|
<div class="col-6 mb-4 fv-row">
|
|
<label for="num_int" class="form-label">Número interior</label>
|
|
<input type="text" name="num_int" id="num_int" wire:model="num_int" class="form-control" placeholder="Núm. interior" />
|
|
@error('num_int')
|
|
<span class="text-danger">{{ $message }}</span>
|
|
@enderror
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="card mb-6">
|
|
<div class="card-header">
|
|
<h5 class="card-title mb-0">Ubicación</h5>
|
|
</div>
|
|
<div class="card-body">
|
|
<div class="input-group input-group-merge form-send-message">
|
|
<textarea class="form-control message-input" placeholder="Dirección de búsqueda" rows="2"></textarea>
|
|
<button type="button" class="message-actions input-group-text">
|
|
<i class="ti ti-map-pin-search"></i>
|
|
</button>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-6 mb-4 fv-row">
|
|
<label for="lat" class="form-label">Latitud</label>
|
|
<input type="number" step="0.000001" name="lat" id="lat" wire:model="lat" class="form-control text-center" placeholder="Latitud" />
|
|
@error('lat')
|
|
<span class="text-danger">{{ $message }}</span>
|
|
@enderror
|
|
</div>
|
|
<div class="col-6 mb-4 fv-row">
|
|
<label for="lng" class="form-label">Longitud</label>
|
|
<input type="number" step="0.000001" name="lng" id="lng" wire:model="lng" class="form-control text-center" placeholder="Longitud" />
|
|
@error('lng')
|
|
<span class="text-danger">{{ $message }}</span>
|
|
@enderror
|
|
</div>
|
|
</div>
|
|
<div style="height: 400px; z-index: 1;" id="geo_map"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-12 mb-6">
|
|
<button type="submit" class="btn btn-submit btn-{{ $mode == 'delete' ? 'danger' : 'primary' }} waves-effect waves mr-3 mb-3">{{ $btnSubmitText }}</button>
|
|
<a href="{{ route('admin.store-manager.stores.index') }}" class="btn btn-label-secondary waves-effect waves mr-3 mb-3">Cancelar</a>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</section>
|
|
|
|
@push('page-script')
|
|
<script>
|
|
const csrf_token = "{{ csrf_token() }}",
|
|
geo_coordinates = [{{ isset($sucursal) && $sucursal->lat && $sucursal->lng? ($sucursal->lat . ', ' . $sucursal->lng): (Koneko\VuexyStoreManager\Models\Store::LATITUDE_DEFAULT . ', ' . Koneko\VuexyStoreManager\Models\Store::LONGITUDE_DEFAULT) }}],
|
|
marker_coordinates = [{{ isset($sucursal) && $sucursal->lat && $sucursal->lng? ($sucursal->lat . ', ' . $sucursal->lng): 'false' }}];
|
|
|
|
let update_codigo_postal = true;
|
|
|
|
|
|
document.addEventListener("DOMContentLoaded", function () {
|
|
let $manager_id = $("#manager_id"),
|
|
$c_regimen_fiscal = $("#c_regimen_fiscal"),
|
|
$c_pais = $("#c_pais"),
|
|
$c_localidad = $("#c_localidad"),
|
|
$c_codigo_postal = $("#c_codigo_postal"),
|
|
$c_estado = $("#c_estado"),
|
|
$c_municipio = $("#c_municipio"),
|
|
$c_colonia = $("#c_colonia"),
|
|
$direccion = $("#direccion");
|
|
|
|
|
|
$manager_id
|
|
.select2({
|
|
language: "es",
|
|
placeholder: "Selecciona el gerente",
|
|
allowClear: true,
|
|
width: "100%"
|
|
})
|
|
.on('select2:select', function (e) {
|
|
@this.manager_id = e.params.data.id;
|
|
})
|
|
.on("select2:select select2:clear", function (e) {
|
|
@this.manager_id = null;
|
|
});
|
|
|
|
$c_regimen_fiscal
|
|
.select2({
|
|
language: "es",
|
|
placeholder: "Selecciona el gerente",
|
|
allowClear: true,
|
|
width: "100%"
|
|
})
|
|
.on('select2:select', function (e) {
|
|
@this.c_regimen_fiscal = e.params.data.id;
|
|
})
|
|
.on("select2:select select2:clear", function (e) {
|
|
@this.c_regimen_fiscal = null;
|
|
});
|
|
|
|
|
|
$c_codigo_postal
|
|
.on('keyup change', function(){
|
|
$c_estado.val('').trigger('change.select2');
|
|
$c_localidad.empty().prop('disabled', true).trigger('change.select2');
|
|
$c_municipio.empty().prop('disabled', true).trigger('change.select2');
|
|
$c_colonia.empty().prop('disabled', true).trigger('change.select2');
|
|
|
|
@this.c_estado = null;
|
|
@this.c_localidad = null;
|
|
@this.c_municipio = null;
|
|
@this.c_colonia = null;
|
|
|
|
let codigo_postal = $(this).val();
|
|
|
|
if(codigo_postal.length == 5){
|
|
$.ajax({
|
|
url: "{{ route('admin.core.sat.get.ajax', 'codigo_postal') }}",
|
|
type: 'post',
|
|
data: {
|
|
_token: csrf_token,
|
|
searchTerm: codigo_postal,
|
|
firstRow: true,
|
|
rawMode: true,
|
|
},
|
|
success: function(result){
|
|
$c_localidad.append(new Option('Selecciona la localidad', '', true, false));
|
|
$c_municipio.append(new Option('Selecciona el municipio', '', true, false));
|
|
$c_colonia.append(new Option('Selecciona la colonia', '', true, false));
|
|
|
|
if(result.c_codigo_postal){
|
|
$c_estado
|
|
.val(result.c_estado)
|
|
.prop('disabled', false)
|
|
.trigger('change.select2');
|
|
|
|
@this.c_estado = result.c_estado;
|
|
|
|
$.ajax({
|
|
url: "{{ route('admin.core.sat.get.ajax', 'localidad') }}",
|
|
type: "post",
|
|
data: {
|
|
_token: "{{ csrf_token() }}",
|
|
c_estado: result.c_estado,
|
|
limit: null
|
|
},
|
|
success: function (result) {
|
|
$.each(result, function (c_localidad, localidad) {
|
|
$c_localidad.append(new Option(localidad, c_localidad, false, false));
|
|
});
|
|
|
|
$c_localidad.prop('disabled', false).trigger('change.select2');
|
|
},
|
|
error: function() {
|
|
console.error('Error al cargar los localidades.');
|
|
}
|
|
});
|
|
|
|
$c_municipio
|
|
.append(new Option(result.municipio, result.c_municipio, false, true))
|
|
.prop('disabled', false)
|
|
.trigger('change.select2');
|
|
|
|
@this.c_municipio = result.c_municipio;
|
|
|
|
$c_colonia.prop('disabled', false).trigger('change.select2');
|
|
|
|
setTimeout(() => {
|
|
$c_colonia.select2('open');
|
|
}, 0)
|
|
}
|
|
}
|
|
});
|
|
}
|
|
});
|
|
|
|
|
|
$c_pais
|
|
.select2({
|
|
language: "es",
|
|
placeholder: "Selecciona el país",
|
|
allowClear: true,
|
|
width: "100%"
|
|
})
|
|
.on('select2:open', () => {
|
|
document.querySelector('.select2-search__field').focus();
|
|
})
|
|
.on("select2:select select2:clear", function (e) {
|
|
$('.if_local_address_show').hide();
|
|
|
|
$c_codigo_postal.val('');
|
|
$c_estado.empty().prop('disabled', true).trigger('change.select2');
|
|
$c_localidad.empty().prop('disabled', true).trigger('change.select2');
|
|
$c_municipio.empty().prop('disabled', true).trigger('change.select2');
|
|
$c_colonia.empty().prop('disabled', true).trigger('change.select2');
|
|
|
|
@this.c_pais = null;
|
|
@this.c_estado = null;
|
|
@this.c_localidad = null;
|
|
@this.c_municipio = null;
|
|
@this.c_colonia = null;
|
|
})
|
|
.on('select2:select', function (e) {
|
|
// Si NO es México, mostramos las .if_local_address_show y limpiamos c_estado
|
|
$c_pais.val() !== 'MEX'
|
|
? $('.if_local_address_show').hide()
|
|
: $('.if_local_address_show').show();
|
|
|
|
$c_codigo_postal.val('');
|
|
$c_estado.empty().prop('disabled', true).trigger('change.select2');
|
|
$c_localidad.empty().prop('disabled', true).trigger('change.select2');
|
|
$c_municipio.empty().prop('disabled', true).trigger('change.select2');
|
|
$c_colonia.empty().prop('disabled', true).trigger('change.select2');
|
|
|
|
@this.c_pais = e.params.data.id;
|
|
@this.c_estado = null;
|
|
@this.c_localidad = null;
|
|
@this.c_municipio = null;
|
|
@this.c_colonia = null;
|
|
|
|
$.ajax({
|
|
url: "{{ route('admin.core.sat.get.ajax', 'estado') }}",
|
|
type: "post",
|
|
data: {
|
|
_token: "{{ csrf_token() }}",
|
|
c_pais: $c_pais.val(),
|
|
limit: null
|
|
},
|
|
success: function (result) {
|
|
// Cargar estados en el select c_estado
|
|
$c_estado.append(new Option('Selecciona el estado', '', true, true));
|
|
|
|
$.each(result, function (clave, nombre) {
|
|
$c_estado.append(new Option(nombre, clave, false, false));
|
|
});
|
|
|
|
$c_estado.prop('disabled', false).trigger('change.select2');
|
|
|
|
if($c_estado.find('option').length > 1){
|
|
setTimeout(() => {
|
|
$c_estado.select2('open');
|
|
}, 0)
|
|
}
|
|
},
|
|
error: function() {
|
|
console.error('Error al cargar los estados.');
|
|
}
|
|
});
|
|
});
|
|
|
|
|
|
$c_estado
|
|
.select2({
|
|
language: "es",
|
|
placeholder: "Selecciona el estado",
|
|
allowClear: true,
|
|
width: "100%"
|
|
})
|
|
.on('select2:open', () => {
|
|
document.querySelector('.select2-search__field').focus();
|
|
})
|
|
.on('select2:select select2:clear', function (e) {
|
|
$c_codigo_postal.val('');
|
|
$c_localidad.empty().prop('disabled', true).trigger('change.select2');
|
|
$c_municipio.empty().prop('disabled', true).trigger('change.select2');
|
|
$c_colonia.empty().prop('disabled', true).trigger('change.select2');
|
|
|
|
@this.c_estado = null;
|
|
@this.c_localidad = null;
|
|
@this.c_municipio = null;
|
|
@this.c_colonia = null;
|
|
})
|
|
.on('select2:select', function (e) {
|
|
$c_codigo_postal.val('');
|
|
$c_localidad.empty().prop('disabled', true).trigger('change.select2');
|
|
$c_municipio.empty().prop('disabled', true).trigger('change.select2');
|
|
$c_colonia.empty().prop('disabled', true).trigger('change.select2');
|
|
|
|
@this.c_estado = e.params.data.id;
|
|
|
|
if($c_pais.val() === 'MEX'){
|
|
$.ajax({
|
|
url: "{{ route('admin.core.sat.get.ajax', 'localidad') }}",
|
|
type: "post",
|
|
data: {
|
|
_token: "{{ csrf_token() }}",
|
|
c_estado: $c_estado.val(),
|
|
limit: null
|
|
},
|
|
success: function (result) {
|
|
// Cargar localidades en el select c_localidad
|
|
$c_localidad.append(new Option('Selecciona la localidad', '', true, true));
|
|
|
|
$.each(result, function (clave, nombre) {
|
|
$c_localidad.append(new Option(nombre, clave, false, false));
|
|
});
|
|
|
|
$c_municipio.prop('disabled', false).trigger('change.select2');
|
|
$c_localidad.prop('disabled', false).trigger('change.select2');
|
|
|
|
setTimeout(() => {
|
|
$c_localidad.select2('open');
|
|
}, 0)
|
|
},
|
|
error: function() {
|
|
console.error('Error al cargar los localidades.');
|
|
}
|
|
});
|
|
|
|
}else{
|
|
$direccion.focus();
|
|
}
|
|
});
|
|
|
|
|
|
$c_localidad
|
|
.select2({
|
|
language: "es",
|
|
placeholder: "Selecciona el estado",
|
|
allowClear: true,
|
|
width: "100%"
|
|
})
|
|
.on('select2:open', () => {
|
|
document.querySelector('.select2-search__field').focus();
|
|
})
|
|
.on('select2:select', function (e) {
|
|
@this.c_localidad = e.params.data.id;
|
|
|
|
if(!($c_municipio.val())){
|
|
$c_municipio.select2('open');
|
|
}
|
|
});
|
|
|
|
|
|
$c_municipio
|
|
.select2({
|
|
ajax: {
|
|
url: "{{ route('admin.core.sat.get.ajax', 'municipio') }}",
|
|
type: "post",
|
|
delay: 250,
|
|
dataType: 'json',
|
|
data: function(params) {
|
|
return {
|
|
_token: csrf_token,
|
|
select2Mode: true,
|
|
searchTerm: params.term,
|
|
c_estado: $c_estado.val(),
|
|
};
|
|
},
|
|
processResults: function(response) {
|
|
return {
|
|
results: response
|
|
};
|
|
},
|
|
cache: true
|
|
},
|
|
language: "es",
|
|
placeholder: "Buscar municipio",
|
|
minimumInputLength: 3,
|
|
allowClear: true,
|
|
width: "100%",
|
|
})
|
|
.on('select2:open', () => {
|
|
document.querySelector('.select2-search__field').focus();
|
|
})
|
|
.on('select2:select select2:clear', function (e) {
|
|
$c_codigo_postal.val('');
|
|
$c_colonia.empty().prop('disabled', true).trigger('change.select2');
|
|
|
|
@this.c_municipio = null;
|
|
@this.c_colonia = null;
|
|
})
|
|
.on('select2:select', function (e) {
|
|
$c_codigo_postal.val('');
|
|
$c_colonia.empty().prop('disabled', true).trigger('change.select2');
|
|
|
|
@this.c_municipio = e.params.data.id;
|
|
@this.c_colonia = null;
|
|
|
|
$.ajax({
|
|
url: "{{ route('admin.core.sat.get.ajax', 'colonia') }}",
|
|
type: 'post',
|
|
data: {
|
|
_token: csrf_token,
|
|
c_estado: $c_estado.val(),
|
|
c_municipio: $c_municipio.val(),
|
|
limit: null
|
|
},
|
|
success: function(result){
|
|
for (const [c_colonia, colonia] of Object.entries(result)) {
|
|
$c_colonia.append(new Option(colonia, c_colonia, false, false))
|
|
}
|
|
|
|
$c_colonia.prop('disabled', false).trigger('change.select2');
|
|
|
|
setTimeout(() => {
|
|
$c_colonia.select2('open');
|
|
}, 0)
|
|
}
|
|
});
|
|
});
|
|
|
|
|
|
$c_colonia
|
|
.select2({
|
|
ajax: {
|
|
url: "{{ route('admin.core.sat.get.ajax', 'colonia') }}",
|
|
type: "post",
|
|
delay: 250,
|
|
dataType: 'json',
|
|
data: function(params) {
|
|
return {
|
|
_token: csrf_token,
|
|
select2Mode: true,
|
|
searchTerm: params.term,
|
|
c_codigo_postal: $c_codigo_postal.val(),
|
|
c_estado: $c_estado.val(),
|
|
c_municipio: $c_municipio.val(),
|
|
};
|
|
},
|
|
processResults: function(response) {
|
|
return {
|
|
results: response
|
|
};
|
|
},
|
|
cache: true
|
|
},
|
|
language: "es",
|
|
placeholder: "Buscar colonia",
|
|
allowClear: true,
|
|
width: "100%",
|
|
})
|
|
.on('select2:open', () => {
|
|
update_codigo_postal = true;
|
|
|
|
document.querySelector('.select2-search__field').focus();
|
|
})
|
|
.on('select2:clear', function (e) {
|
|
update_codigo_postal = false;
|
|
|
|
$c_codigo_postal.val('');
|
|
|
|
@this.c_colonia = null;
|
|
})
|
|
.on('select2:select', function (e) {
|
|
if(update_codigo_postal || !($c_codigo_postal.val())){
|
|
@this.c_colonia = e.params.data.id;
|
|
|
|
$.ajax({
|
|
url: "{{ route('admin.core.sat.get.ajax', 'colonia') }}",
|
|
type: 'post',
|
|
data: {
|
|
_token: csrf_token,
|
|
c_estado: $c_estado.val(),
|
|
c_municipio: $c_municipio.val(),
|
|
c_colonia: $c_colonia.val(),
|
|
firstRow: true,
|
|
rawMode: true,
|
|
},
|
|
success: function(result){
|
|
if($c_codigo_postal.val() !== result.c_codigo_postal){
|
|
$c_codigo_postal.val(result.c_codigo_postal);
|
|
|
|
@this.c_codigo_postal = result.c_codigo_postal;
|
|
}
|
|
|
|
$direccion.focus();
|
|
}
|
|
});
|
|
}
|
|
|
|
update_codigo_postal = true;
|
|
});
|
|
|
|
|
|
// Opcionalmente, ocultamos la dirección extranjera al cargar la página,
|
|
// si el valor inicial de #c_pais es "MEX"
|
|
$(function(){
|
|
if ($c_pais.val() === 'MEX') {
|
|
$('.if_local_address_show').show();
|
|
|
|
} else {
|
|
$('.if_local_address_show').hide();
|
|
}
|
|
});
|
|
|
|
|
|
$(document).ready(function(){
|
|
var draggableMap = L.map('geo_map').setView(geo_coordinates, 12);
|
|
|
|
if(marker_coordinates[0]){
|
|
var markerLocation = L.marker(marker_coordinates, {
|
|
draggable: 'true'
|
|
}).addTo(draggableMap);
|
|
|
|
markerLocation.bindPopup("<b>Aquí es la ubicación</b>").openPopup();
|
|
}
|
|
|
|
L.tileLayer('https://{s}.tile.osm.org/{z}/{x}/{y}.png', {
|
|
attribution: 'Map data © <a href="https://www.openstreetmap.org/">OpenStreetMap</a>',
|
|
maxZoom: 18
|
|
}).addTo(draggableMap);
|
|
})
|
|
|
|
});
|
|
|
|
</script>
|
|
@endpush
|