<?php $__env->startSection('panel_content'); ?>
<div class="row gutters-16">
<!-- Wallet summary -->
<?php if(get_setting('wallet_system') == 1): ?>
<div class="col-xl-8 col-md-6 mb-4">
<div class="h-100 rounded-15p"
style="background-image: url('<?php echo e(static_asset('assets/img/wallet-bg.png')); ?>'); background-size: cover; background-position: center center;">
<div class="p-4 h-100 w-100 w-xl-50">
<p class="fs-14 fw-400 text-gray mb-3"><?php echo e(translate('Wallet Balance')); ?></p>
<h1 class="fs-30 fw-700 text-white "><?php echo e(single_price(Auth::user()->balance)); ?></h1>
<hr class="border border-dashed border-white opacity-40 ml-0 mt-4 mb-4">
<?php
$last_recharge = get_user_last_wallet_recharge();
?>
<p class="fs-14 fw-400 text-gray mb-1"><?php echo e(translate('Last Recharge')); ?>
<strong><?php echo e($last_recharge ? date('d.m.Y', strtotime($last_recharge->created_at)) : ''); ?></strong>
</p>
<h3 class="fs-20 fw-700 text-white "><?php echo e($last_recharge ? single_price($last_recharge->amount) : 0); ?>
</h3>
<button class="btn btn-block border border-soft-light hov-bg-dark text-white mt-5 py-3"
onclick="show_wallet_modal()"
style="border-radius: 30px; background: rgba(255, 255, 255, 0.1);">
<i class="la la-plus fs-18 fw-700 mr-2"></i>
Recargar Billetera
</button>
</div>
</div>
</div>
<?php endif; ?>
<div class="col mb-4">
<div class="h-100">
<div
class="row h-100 <?php if(get_setting('wallet_system') != 1 && addon_is_activated('club_point')): ?> row-cols-md-2 <?php endif; ?> row-cols-1">
<!-- Expenditure summary -->
<div class="col">
<div class="p-4 bg-primary rounded-15p <?php if(!addon_is_activated('club_point')): ?> h-100 <?php endif; ?>"
style="margin-bottom: 2rem;">
<div class="d-flex align-items-center pb-4 ">
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48">
<g id="Group_25000" data-name="Group 25000" transform="translate(-926 -614)">
<rect id="Rectangle_18646" data-name="Rectangle 18646" width="48" height="48"
rx="24" transform="translate(926 614)" fill="rgba(255,255,255,0.5)"/>
<g id="Group_24786" data-name="Group 24786" transform="translate(701.466 93)">
<path id="Path_32311" data-name="Path 32311"
d="M122.052,10V8.55a.727.727,0,1,0-1.455,0V10a2.909,2.909,0,0,0-2.909,2.909v.727A2.909,2.909,0,0,0,120.6,16.55h1.455A1.454,1.454,0,0,1,123.506,18v.727a1.454,1.454,0,0,1-1.455,1.455H120.6a1.454,1.454,0,0,1-1.455-1.455.727.727,0,1,0-1.455,0,2.909,2.909,0,0,0,2.909,2.909V23.1a.727.727,0,1,0,1.455,0V21.641a2.909,2.909,0,0,0,2.909-2.909V18a2.909,2.909,0,0,0-2.909-2.909H120.6a1.454,1.454,0,0,1-1.455-1.455v-.727a1.454,1.454,0,0,1,1.455-1.455h1.455a1.454,1.454,0,0,1,1.455,1.455.727.727,0,0,0,1.455,0A2.909,2.909,0,0,0,122.052,10"
transform="translate(127.209 529.177)" fill="#fff"/>
</g>
</g>
</svg>
<div class="ml-3 d-flex flex-column justify-content-between">
<span
class="fs-14 fw-400 text-white mb-1"><?php echo e(translate('Total Expenditure')); ?></span>
<span
class="fs-20 fw-700 text-white"><?php echo e(single_price(get_user_total_expenditure())); ?></span>
</div>
</div>
<a href="<?php echo e(route('purchase_history.index')); ?>" class="fs-12 text-white">
<?php echo e(translate('View Order History')); ?>
<i class="las la-angle-right fs-14"></i>
</a>
</div>
</div>
<!-- Club Point summary -->
<?php if(addon_is_activated('club_point')): ?>
<div class="col">
<div class="p-4 bg-warning rounded-15p">
<div class="d-flex align-items-center pb-4 ">
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48"
viewBox="0 0 48 48">
<g id="Group_25000" data-name="Group 25000" transform="translate(-926 -614)">
<rect id="Rectangle_18646" data-name="Rectangle 18646" width="48"
height="48" rx="24" transform="translate(926 614)"
fill="rgba(255,255,255,0.5)"/>
<g id="Group_24786" data-name="Group 24786"
transform="translate(701.466 93)">
<path id="Path_2961" data-name="Path 2961"
d="M221.069,0a8,8,0,1,0,8,8,8,8,0,0,0-8-8m0,15a7,7,0,1,1,7-7,7,7,0,0,1-7,7"
transform="translate(27.466 537)" fill="#fff"/>
<path id="Union_11" data-name="Union 11"
d="M16425.393,420.226l-3.777-5.039a.42.42,0,0,1-.012-.482l1.662-2.515a.416.416,0,0,1,.313-.186l0,0h4.26a.41.41,0,0,1,.346.19l1.674,2.515a.414.414,0,0,1-.012.482l-3.777,5.039a.413.413,0,0,1-.338.169A.419.419,0,0,1,16425.393,420.226Zm-2.775-5.245,3.113,4.148,3.109-4.148-1.32-1.983h-3.592Z"
transform="translate(-16177.195 129)" fill="#fff"/>
</g>
</g>
</svg>
<div class="ml-3 d-flex flex-column justify-content-between">
<span class="fs-14 fw-400 text-white mb-1">Total Pieza Puntos</span>
<span class="fs-20 fw-700 text-white"><?php echo e(get_user_total_club_point()); ?></span>
</div>
</div>
<a href="<?php echo e(route('earnng_point_for_user')); ?>" class="fs-12 text-white">
Canjear Pieza Puntos
<i class="las la-angle-right fs-14"></i>
</a>
</div>
</div>
<?php endif; ?>
</div>
</div>
</div>
</div>
<div class="row gutters-16 mt-2">
<!-- count summary -->
<div class="col-xl-4 col-md-6 mb-4">
<div class="px-4 bg-white border h-100 rounded-15p">
<!-- Cart summary -->
<div class="d-flex align-items-center py-4 border-bottom">
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48">
<g id="Group_25000" data-name="Group 25000" transform="translate(-1367 -427)">
<path id="Path_32314" data-name="Path 32314" d="M24,0A24,24,0,1,1,0,24,24,24,0,0,1,24,0Z"
transform="translate(1367 427)" fill="#d43533"/>
<g id="Group_24770" data-name="Group 24770" transform="translate(1382.999 443)">
<path id="Path_25692" data-name="Path 25692"
d="M294.507,424.89a2,2,0,1,0,2,2A2,2,0,0,0,294.507,424.89Zm0,3a1,1,0,1,1,1-1A1,1,0,0,1,294.507,427.89Z"
transform="translate(-289.508 -412.89)" fill="#fff"/>
<path id="Path_25693" data-name="Path 25693"
d="M302.507,424.89a2,2,0,1,0,2,2A2,2,0,0,0,302.507,424.89Zm0,3a1,1,0,1,1,1-1A1,1,0,0,1,302.507,427.89Z"
transform="translate(-289.508 -412.89)" fill="#fff"/>
<g id="LWPOLYLINE">
<path id="Path_25694" data-name="Path 25694"
d="M305.43,416.864a1.5,1.5,0,0,0-1.423-1.974h-9a.5.5,0,0,0,0,1h9a.467.467,0,0,1,.129.017.5.5,0,0,1,.354.611l-1.581,6a.5.5,0,0,1-.483.372h-7.462a.5.5,0,0,1-.489-.392l-1.871-8.433a1.5,1.5,0,0,0-1.465-1.175h-1.131a.5.5,0,1,0,0,1h1.043a.5.5,0,0,1,.489.391l1.871,8.434a1.5,1.5,0,0,0,1.465,1.175h7.55a1.5,1.5,0,0,0,1.423-1.026Z"
transform="translate(-289.508 -412.89)" fill="#fff"/>
</g>
</g>
</g>
</svg>
<div class="ml-3 d-flex flex-column justify-content-between">
<?php
$cart = get_user_cart();
?>
<span
class="fs-20 fw-700 mb-1"><?php echo e(count($cart) > 0 ? sprintf('%02d', count($cart)) : 0); ?></span>
<span class="fs-14 fw-400 text-secondary"><?php echo e(translate('Products in Cart')); ?></span>
</div>
</div>
<!-- Wishlist summary -->
<div class="d-flex align-items-center py-4 border-bottom">
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48">
<g id="Group_25000" data-name="Group 25000" transform="translate(-1367 -499)">
<path id="Path_32309" data-name="Path 32309" d="M24,0A24,24,0,1,1,0,24,24,24,0,0,1,24,0Z"
transform="translate(1367 499)" fill="#3490f3"/>
<g id="Group_24772" data-name="Group 24772" transform="translate(1383 515)">
<g id="Wooden" transform="translate(0 1)">
<path id="Path_25676" data-name="Path 25676"
d="M290.82,413.6a4.5,4.5,0,0,0-6.364,0l-.318.318-.318-.318a4.5,4.5,0,1,0-6.364,6.364l6.046,6.054a.9.9,0,0,0,1.272,0l6.046-6.054A4.5,4.5,0,0,0,290.82,413.6Zm-.707,5.657-5.975,5.984-5.975-5.984a3.5,3.5,0,1,1,4.95-4.95l.389.389a.9.9,0,0,0,1.272,0l.389-.389a3.5,3.5,0,1,1,4.95,4.95Z"
transform="translate(-276.138 -412.286)" fill="#fff"/>
</g>
<rect id="Rectangle_1603" data-name="Rectangle 1603" width="16" height="16"
transform="translate(0)" fill="none"/>
</g>
</g>
</svg>
<div class="ml-3 d-flex flex-column justify-content-between">
<span
class="fs-20 fw-700 mb-1"><?php echo e(count(Auth::user()->wishlists) > 0 ? sprintf('%02d', count(Auth::user()->wishlists)) : 0); ?></span>
<span class="fs-14 fw-400 text-secondary"><?php echo e(translate('Products in Wishlist')); ?></span>
</div>
</div>
<!-- Order summary -->
<div class="d-flex align-items-center py-4">
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48">
<g id="Group_25000" data-name="Group 25000" transform="translate(-1367 -576)">
<path id="Path_32315" data-name="Path 32315" d="M24,0A24,24,0,1,1,0,24,24,24,0,0,1,24,0Z"
transform="translate(1367 576)" fill="#85b567"/>
<path id="_2e746ddacacf202af82cf4480bae6173" data-name="2e746ddacacf202af82cf4480bae6173"
d="M11.483,3h-.009a.308.308,0,0,0-.1.026L4.26,6.068A.308.308,0,0,0,4,6.376V15.6a.308.308,0,0,0,.026.127v0l.009.017a.308.308,0,0,0,.157.147l7.116,3.042a.338.338,0,0,0,.382,0L18.8,15.9a.308.308,0,0,0,.189-.243q0-.008,0-.017s0-.01,0-.015,0-.01,0-.015,0,0,0,0V6.376a.308.308,0,0,0-.255-.306L11.632,3.031l-.007,0a.308.308,0,0,0-.05-.017l-.009,0-.022,0h-.062Zm.014.643L13,4.287,6.614,7.02,6.6,7.029,5.088,6.383,11.5,3.643Zm2.29.979,1.829.782L9.108,8.188a.414.414,0,0,0-.186.349v3.291l-.667-1a.308.308,0,0,0-.393-.1l-.786.392V7.493l6.712-2.87ZM16.4,5.738l1.509.645L11.5,9.124,9.99,8.48l6.39-2.733.018-.009ZM4.615,6.85l1.846.789v3.975a.308.308,0,0,0,.445.275l.987-.494,1.064,1.595v0a.308.308,0,0,0,.155.14h0l.027.009a.308.308,0,0,0,.057.012h.036l.036,0,.025,0,.018,0,.015,0a.308.308,0,0,0,.05-.022h0a.308.308,0,0,0,.156-.309V8.955l1.654.707v8.56L4.615,15.411Zm13.765,0v8.56L11.8,18.223V9.662Z"
transform="translate(1379.5 588.5)" fill="#fff" stroke="#fff" stroke-width="0.25"
fill-rule="evenodd"/>
</g>
</svg>
<div class="ml-3 d-flex flex-column justify-content-between">
<?php
$total = get_user_total_ordered_products();
?>
<span class="fs-20 fw-700 mb-1"><?php echo e($total > 0 ? sprintf('%02d', $total) : 0); ?></span>
<span class="fs-14 fw-400 text-secondary"><?php echo e(translate('Total Products Ordered')); ?></span>
</div>
</div>
</div>
</div>
<!-- Purchased Package -->
<?php if(false): ?>
<div class="col-xl-4 col-md-6 mb-4">
<div class="p-4 border h-100 rounded-15p">
<h6 class="fw-700 mb-3 text-dark"><?php echo e(translate('Purchased Package')); ?></h6>
<?php
$customer_package = get_single_customer_package(Auth::user()->customer_package_id);
?>
<?php if($customer_package != null): ?>
<img src="<?php echo e(uploaded_asset($customer_package->logo)); ?>" class="img-fluid mb-4 h-70px"
onerror="this.onerror=null;this.src='<?php echo e(static_asset('assets/img/avatar-place.png')); ?>';">
<p class="fs-14 fw-700 mb-3 text-primary"><?php echo e(translate('Current Package')); ?>:
<?php echo e($customer_package->getTranslation('name')); ?></p>
<p class="mb-2 d-flex justify-content-between">
<span class="text-secondary"><?php echo e(translate('Product Upload')); ?></span>
<span class="fw-700"><?php echo e($customer_package->product_upload); ?> <?php echo e(translate('Times')); ?></span>
</p>
<p class="mb-3 d-flex justify-content-between">
<span class="text-secondary"><?php echo e(translate('Product Upload Remains')); ?></span>
<span class="fw-700"><?php echo e(Auth::user()->remaining_uploads); ?> <?php echo e(translate('Times')); ?></span>
</p>
<?php else: ?>
<span class="fs-14 fw-700 mb-4 text-primary"><?php echo e(translate('Package Not Found')); ?></span>
<?php endif; ?>
<a href="<?php echo e(route('customer_packages_list_show')); ?>" class="btn btn-primary btn-block fs-14 fw-500"
style="border-radius: 25px;"><?php echo e(translate('Upgrade Package')); ?></a>
</div>
</div>
<?php endif; ?>
<!-- Default Shipping Address -->
<div class="col-xl-4 col-md-6 mb-4">
<div class="p-4 border h-100 rounded-15p">
<h6 class="fw-700 mb-3 text-dark"><?php echo e(translate('Default Shipping Address')); ?></h6>
<?php if(Auth::user()->addresses != null): ?>
<?php
$address = Auth::user()
->addresses->where('set_default', 1)
->first();
?>
<?php if($address != null): ?>
<ul class="list-unstyled mb-5">
<li class="fs-14 fw-400 text-derk pb-1"><span><?php echo e($address->address); ?>,</span></li>
<li class="fs-14 fw-400 text-derk pb-1"><span><?php echo e($address->postal_code); ?> - <?php echo e($address->city); ?>,</span>
</li>
<li class="fs-14 fw-400 text-derk pb-1"><span><?php echo e($address->state); ?>,</span></li>
<li class="fs-14 fw-400 text-derk pb-1"><span><?php echo e($address->country); ?>.</span></li>
<li class="fs-14 fw-400 text-derk pb-1"><span><?php echo e($address->phone); ?></span></li>
</ul>
<?php endif; ?>
<?php endif; ?>
<button class="btn btn-dark btn-block fs-14 fw-500" onclick="add_new_address()"
style="border-radius: 25px;">
<i class="la la-plus fs-18 fw-700 mr-2"></i>
<?php echo e(translate('Add New Address')); ?>
</button>
</div>
</div>
</div>
<div class="row align-items-center mb-2 mt-1">
<div class="col-6">
<h3 class=" mb-0 fs-14 fs-md-16 fw-700 text-dark"><?php echo e(translate('My Wishlist')); ?></h3>
</div>
<div class="col-6 text-right">
<a class="text-blue fs-10 fs-md-12 fw-700 hov-text-primary animate-underline-primary"
href="<?php echo e(route('wishlists.index')); ?>"><?php echo e(translate('View All')); ?></a>
</div>
</div>
<?php
$wishlists = get_user_wishlist();
?>
<?php if(count($wishlists) > 0): ?>
<div
class="row row-cols-xxl-5 row-cols-xl-4 row-cols-lg-4 row-cols-md-3 row-cols-sm-2 row-cols-2 gutters-16 border-top border-left mx-1 mx-md-0 mb-4">
<?php $__currentLoopData = $wishlists->take(5); $__env->addLoop($__currentLoopData); foreach($__currentLoopData as $key => $wishlist): $__env->incrementLoopIndices(); $loop = $__env->getLastLoop(); ?>
<?php if($wishlist->product != null): ?>
<div
class="aiz-card-box col py-3 text-center border-right border-bottom has-transition hov-shadow-out z-1"
id="wishlist_<?php echo e($wishlist->id); ?>">
<div class="position-relative h-140px h-md-200px img-fit overflow-hidden mb-3">
<!-- Image -->
<a href="<?php echo e(route('product', $wishlist->product->slug)); ?>" class="d-block h-100">
<img src="<?php echo e(uploaded_asset($wishlist->product->thumbnail_img)); ?>"
class="lazyload mx-auto img-fit"
title="<?php echo e($wishlist->product->getTranslation('name')); ?>">
</a>
<!-- Remove from wishlisht -->
<div class="absolute-top-right aiz-p-hov-icon">
<a href="javascript:void(0)" onclick="removeFromWishlist(<?php echo e($wishlist->id); ?>)"
data-toggle="tooltip" data-title="<?php echo e(translate('Remove from wishlist')); ?>"
data-placement="left">
<i class="la la-trash"></i>
</a>
</div>
<!-- add to cart -->
<a class="cart-btn absolute-bottom-left w-100 h-35px aiz-p-hov-icon text-white fs-13 fw-700 d-flex justify-content-center align-items-center"
href="javascript:void(0)"
onclick="showAddToCartModal(<?php echo e($wishlist->product->id); ?>)"><?php echo e(translate('Add to Cart')); ?></a>
</div>
<!-- Product Name -->
<h5 class="fs-14 mb-0 lh-1-5 fw-400 text-truncate-2 mb-3">
<a href="<?php echo e(route('product', $wishlist->product->slug)); ?>"
class="text-reset hov-text-primary"
title="<?php echo e($wishlist->product->getTranslation('name')); ?>"><?php echo e($wishlist->product->getTranslation('name')); ?></a>
</h5>
<!-- Price -->
<div class="fs-14">
<span
class="fw-600 text-primary"><?php echo e(home_discounted_base_price($wishlist->product)); ?></span>
<?php if(home_base_price($wishlist->product) != home_discounted_base_price($wishlist->product)): ?>
<del class="opacity-60 ml-1"><?php echo e(home_base_price($wishlist->product)); ?></del>
<?php endif; ?>
</div>
</div>
<?php endif; ?>
<?php endforeach; $__env->popLoop(); $loop = $__env->getLastLoop(); ?>
</div>
<?php else: ?>
<div class="row">
<div class="col">
<div class="text-center bg-white p-4 border rounded-15p">
<img class="mw-100 h-200px" src="<?php echo e(static_asset('assets/img/nothing.svg')); ?>" alt="Image">
<h5 class="mb-0 h5 mt-3"><?php echo e(translate("There isn't anything added yet")); ?></h5>
</div>
</div>
</div>
<?php endif; ?>
<?php $__env->stopSection(); ?>
<?php $__env->startSection('modal'); ?>
<?php echo $__env->make('frontend.partials.address_modal', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
<!-- Wallet Recharge Modal -->
<?php echo $__env->make('frontend.partials.wallet_modal', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
<script type="text/javascript">
function show_wallet_modal() {
$('#wallet_modal').modal('show');
}
</script>
<?php $__env->stopSection(); ?>
<?php $__env->startSection('script'); ?>
<?php if(get_setting('google_map') == 1): ?>
<?php echo $__env->make('frontend.partials.google_map', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?>
<?php endif; ?>
<script async
src='https://maps.google.com/maps/api/js?libraries=places®ion=uk&language=en&key=<?php echo e(env('GOOGLE_MAPS_API_KEY')); ?>'></script>
<script src="<?php echo e(asset('public/assets/js/client/checkout/addressSelection.js')); ?>" type="text/javascript"
defer></script>
<script type="text/javascript">
const url = "<?php echo e(config('app.url')); ?>"
function edit_address(id, longitude, latitude) {
$('#edit-address-modal_' + id).modal('show');
showMapedit('map_canvas_' + id, longitude, latitude);
$('#submit-edit-address-' + id).attr('data-id', id);
}
$('[id^=submit-edit-address-]').on('click', function (event) {
event.preventDefault();
let id = $(this).data('id');
let url = "<?php echo e(route('addresses.update', '__id__')); ?>".replace('__id__', id);
let formData = $('#edit-address-form').serialize();
$.ajax({
headers: {
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
},
method: "PUT",
url: url,
data: formData,
success: function (data, textStatus, jqXHR) {
if (data.state === 'success') {
Swal({
type: 'success',
title: 'Bien',
text: data.msg,
timer: 6000
}).then(() => {
location.reload();
})
} else {
Swal({
type: 'error',
title: 'Oops...',
text: data.msg,
timer: 6000
})
}
},
error: function (xhr, status, error) {
console.error(xhr.responseText);
}
})
});
function add_new_address() {
$('#new-address-modal').modal('show');
showMapnew("new-map_canvas");
}
$('#submit-new-address').on('click', function(event) {
event.preventDefault();
var url = "<?php echo e(route('addresses.store')); ?>";
var formData = $('#form-address').serialize();
$.ajax({
headers: {
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
},
url: url,
type: 'POST',
data: formData,
success: function(response) {
$('#new-address-modal').modal('hide');
if(response.state === 'success') {
Swal.fire({
type:'success',
title: 'Bien',
text: response.msg,
timer:6000
}).then(() => {
location.reload();
})
}else{
Swal.fire({
type:'error',
title: 'Oops...',
text: response.msg,
timer:6000
})
}
},
error: function(xhr, status, error) {
console.error(xhr.responseText);
}
});
});
</script>
<script src="<?php echo e(asset('public/assets/js/utilities/Maps/main.js')); ?>" type="text/javascript" defer></script>
<script>
function addPlusOneToPhoneInputs() {
const inputValue = this.value;
if (!inputValue || !inputValue.startsWith('+1')) {
this.value = '+1';
}
if (inputValue && inputValue.length <= 2) {
this.value = '+1';
}
}
document.addEventListener('DOMContentLoaded', function () {
const phoneunoInput = document.getElementById('phoneuno');
const inputs = $("[id^='edit-address-modal_'] input.phone");
phoneunoInput.addEventListener('input', addPlusOneToPhoneInputs);
inputs.each(function () {
$(this).on('input', addPlusOneToPhoneInputs);
if ($(this).val().length <= 3) {
$(this).val('+1');
}
});
if (phoneunoInput.value.length <= 3) {
phoneunoInput.value = '+1';
}
});
</script>
<script>
function validatePhone(input, errorSpan) {
const inputValue = input.val().trim().replace(/\s/g, ''); // Eliminar espacios en blanco
// Validación
if (inputValue.length === 0) {
errorSpan.text('El campo número móvil es obligatorio.');
} else if (!/^[\d+]+$/.test(inputValue)) {
errorSpan.text('Solo se permiten números y el símbolo "+".');
} else if (!/^\+1\d{10}$/.test(inputValue)) {
errorSpan.text('El número móvil debe tener el formato +1 seguido de 10 números.');
} else {
errorSpan.text('');
}
// Establecer estilo de input basado en si hay un error o no
input.css({
'border': errorSpan.text() ? '1px solid #dc3545' : '1px solid #198754',
'box-shadow': errorSpan.text() ? '0 0 5px #dc3545' : '0 0 5px #198754'
});
}
$(document).ready(function () {
$('#phoneuno').on('input', function () {
validatePhone($(this), $('#phoneError'));
});
$('[id^="phonedos_"]').on('input', function () {
validatePhone($(this), $(this).siblings('#phoneErrordos'));
});
});
</script>
<script>
$(document).ready(function () {
$('#phoneedit').on('input', function () {
const input = $(this).val().trim().replace(/\s/g, ''); // Eliminar espacios en blanco
const errorSpan = $('#phoneError');
const phoneInput = $(this); // Almacenar una referencia al elemento
// Validar si el campo está vacío
if (input.length === 0) {
errorSpan.text('El campo número móvil es obligatorio.');
$(this).css('border', '1px solid #dc3545');
$(this).css('box-shadow', '0 0 5px #dc3545');
}
// Validar si el campo contiene solo números y el símbolo "+"
else if (!/^[\d+]+$/.test(input)) {
errorSpan.text('Solo se permiten números y el símbolo "+".');
$(this).css('border', '1px solid #dc3545');
$(this).css('box-shadow', '0 0 5px #dc3545');
}
// Validar si el campo tiene el formato correcto para el código de área de la República Dominicana y los siguientes 8 números
else if (!/^\+1\d{10}$/.test(input)) { // Eliminar el espacio después de "+1"
errorSpan.text('El número móvil debe tener el formato +1 seguido de 10 números.');
$(this).css('border', '1px solid #dc3545');
$(this).css('box-shadow', '0 0 5px #dc3545');
} else {
errorSpan.text('');
$(this).css('border', '1px solid #198754');
$(this).css('box-shadow', '0 0 5px #198754');
}
});
});
</script>
<?php $__env->stopSection(); ?>
<?php echo $__env->make('frontend.layouts.user_panel', \Illuminate\Support\Arr::except(get_defined_vars(), ['__data', '__path']))->render(); ?><?php /**PATH /var/www/devs.lapieza.net/resources/views/frontend/user/customer/dashboard.blade.php ENDPATH**/ ?> |