@extends('frontend.layouts.user_panel')
@section('panel_content')
<div class="row gutters-16">
<!-- Wallet summary -->
@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('{{ 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">{{ translate('Wallet Balance') }}</p>
<h1 class="fs-30 fw-700 text-white ">{{ 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();
@endphp
<p class="fs-14 fw-400 text-gray mb-1">{{ translate('Last Recharge') }}
<strong>{{ $last_recharge ? date('d.m.Y', strtotime($last_recharge->created_at)) : '' }}</strong>
</p>
<h3 class="fs-20 fw-700 text-white ">{{ $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>
@endif
<div class="col mb-4">
<div class="h-100">
<div
class="row h-100 @if (get_setting('wallet_system') != 1 && addon_is_activated('club_point')) row-cols-md-2 @endif row-cols-1">
<!-- Expenditure summary -->
<div class="col">
<div class="p-4 bg-primary rounded-15p @if (!addon_is_activated('club_point')) h-100 @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">{{ translate('Total Expenditure') }}</span>
<span
class="fs-20 fw-700 text-white">{{ single_price(get_user_total_expenditure()) }}</span>
</div>
</div>
<a href="{{ route('purchase_history.index') }}" class="fs-12 text-white">
{{ translate('View Order History') }}
<i class="las la-angle-right fs-14"></i>
</a>
</div>
</div>
<!-- Club Point summary -->
@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">{{ get_user_total_club_point() }}</span>
</div>
</div>
<a href="{{ 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>
@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();
@endphp
<span
class="fs-20 fw-700 mb-1">{{ count($cart) > 0 ? sprintf('%02d', count($cart)) : 0 }}</span>
<span class="fs-14 fw-400 text-secondary">{{ 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">{{ count(Auth::user()->wishlists) > 0 ? sprintf('%02d', count(Auth::user()->wishlists)) : 0 }}</span>
<span class="fs-14 fw-400 text-secondary">{{ 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();
@endphp
<span class="fs-20 fw-700 mb-1">{{ $total > 0 ? sprintf('%02d', $total) : 0 }}</span>
<span class="fs-14 fw-400 text-secondary">{{ translate('Total Products Ordered') }}</span>
</div>
</div>
</div>
</div>
<!-- Purchased Package -->
@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">{{ translate('Purchased Package') }}</h6>
@php
$customer_package = get_single_customer_package(Auth::user()->customer_package_id);
@endphp
@if ($customer_package != null)
<img src="{{ uploaded_asset($customer_package->logo) }}" class="img-fluid mb-4 h-70px"
onerror="this.onerror=null;this.src='{{ static_asset('assets/img/avatar-place.png') }}';">
<p class="fs-14 fw-700 mb-3 text-primary">{{ translate('Current Package') }}:
{{ $customer_package->getTranslation('name') }}</p>
<p class="mb-2 d-flex justify-content-between">
<span class="text-secondary">{{ translate('Product Upload') }}</span>
<span class="fw-700">{{ $customer_package->product_upload }} {{ translate('Times') }}</span>
</p>
<p class="mb-3 d-flex justify-content-between">
<span class="text-secondary">{{ translate('Product Upload Remains') }}</span>
<span class="fw-700">{{ Auth::user()->remaining_uploads }} {{ translate('Times') }}</span>
</p>
@else
<span class="fs-14 fw-700 mb-4 text-primary">{{ translate('Package Not Found') }}</span>
@endif
<a href="{{ route('customer_packages_list_show') }}" class="btn btn-primary btn-block fs-14 fw-500"
style="border-radius: 25px;">{{ translate('Upgrade Package') }}</a>
</div>
</div>
@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">{{ translate('Default Shipping Address') }}</h6>
@if (Auth::user()->addresses != null)
@php
$address = Auth::user()
->addresses->where('set_default', 1)
->first();
@endphp
@if ($address != null)
<ul class="list-unstyled mb-5">
<li class="fs-14 fw-400 text-derk pb-1"><span>{{ $address->address }},</span></li>
<li class="fs-14 fw-400 text-derk pb-1"><span>{{ $address->postal_code }} - {{ $address->city }},</span>
</li>
<li class="fs-14 fw-400 text-derk pb-1"><span>{{ $address->state }},</span></li>
<li class="fs-14 fw-400 text-derk pb-1"><span>{{ $address->country }}.</span></li>
<li class="fs-14 fw-400 text-derk pb-1"><span>{{ $address->phone }}</span></li>
</ul>
@endif
@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>
{{ 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">{{ 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="{{ route('wishlists.index') }}">{{ translate('View All') }}</a>
</div>
</div>
@php
$wishlists = get_user_wishlist();
@endphp
@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">
@foreach ($wishlists->take(5) as $key => $wishlist)
@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_{{ $wishlist->id }}">
<div class="position-relative h-140px h-md-200px img-fit overflow-hidden mb-3">
<!-- Image -->
<a href="{{ route('product', $wishlist->product->slug) }}" class="d-block h-100">
<img src="{{ uploaded_asset($wishlist->product->thumbnail_img) }}"
class="lazyload mx-auto img-fit"
title="{{ $wishlist->product->getTranslation('name') }}">
</a>
<!-- Remove from wishlisht -->
<div class="absolute-top-right aiz-p-hov-icon">
<a href="javascript:void(0)" onclick="removeFromWishlist({{ $wishlist->id }})"
data-toggle="tooltip" data-title="{{ 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({{ $wishlist->product->id }})">{{ 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="{{ route('product', $wishlist->product->slug) }}"
class="text-reset hov-text-primary"
title="{{ $wishlist->product->getTranslation('name') }}">{{ $wishlist->product->getTranslation('name') }}</a>
</h5>
<!-- Price -->
<div class="fs-14">
<span
class="fw-600 text-primary">{{ home_discounted_base_price($wishlist->product) }}</span>
@if (home_base_price($wishlist->product) != home_discounted_base_price($wishlist->product))
<del class="opacity-60 ml-1">{{ home_base_price($wishlist->product) }}</del>
@endif
</div>
</div>
@endif
@endforeach
</div>
@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="{{ static_asset('assets/img/nothing.svg') }}" alt="Image">
<h5 class="mb-0 h5 mt-3">{{ translate("There isn't anything added yet") }}</h5>
</div>
</div>
</div>
@endif
@endsection
@section('modal')
@include('frontend.partials.address_modal')
<!-- Wallet Recharge Modal -->
@include('frontend.partials.wallet_modal')
<script type="text/javascript">
function show_wallet_modal() {
$('#wallet_modal').modal('show');
}
</script>
@endsection
@section('script')
@if (get_setting('google_map') == 1)
@include('frontend.partials.google_map')
@endif
<script async
src='https://maps.google.com/maps/api/js?libraries=places®ion=uk&language=en&key={{ env('GOOGLE_MAPS_API_KEY') }}'></script>
<script src="{{ asset('public/assets/js/client/checkout/addressSelection.js') }}" type="text/javascript"
defer></script>
<script type="text/javascript">
const url = "{{ 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 = "{{ 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 = "{{ 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="{{ 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>
@endsection
|